@flux-ui/components 3.0.0-next.31 → 3.0.0-next.33

package/dist/index.js

@@ -1,5 +1,6 @@
-import { Comment, Fragment, Teleport, Transition, TransitionGroup, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, customRef, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, isVNode, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, onUpdated, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toRef, unref, useId, useModel, useSlots, useTemplateRef, vModelCheckbox, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Comment, Fragment, Teleport, Transition, TransitionGroup, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, customRef, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, isVNode, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toHandlers, toRef, unref, useId, useModel, useSlots, useTemplateRef, vModelCheckbox, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { DateTime } from "luxon";
+//#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
 	let target = {};
@@ -10,6 +11,8 @@ var __exportAll = (all, no_symbols) => {
 	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
+//#endregion
+//#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r$1(e) {
 	var t, f, n = "";
 	if ("string" == typeof e || "number" == typeof e) n += e;
@@ -23,6 +26,8 @@ function clsx() {
 	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r$1(e)) && (n && (n += " "), n += t);
 	return n;
 }
+//#endregion
+//#region src/composable/useBreakpoints.ts
 var BREAKPOINTS = {
 	xs: 0,
 	sm: 640,
@@ -55,13 +60,17 @@ function useBreakpoints_default() {
 		...breakpointRefs
 	};
 }
-const FluxDisabledInjectionKey = Symbol();
-const FluxExpandableGroupInjectionKey = Symbol();
-const FluxFlyoutInjectionKey = Symbol();
-const FluxFilterInjectionKey = Symbol();
-const FluxFormFieldInjectionKey = Symbol();
-const FluxTableInjectionKey = Symbol();
-const FluxTooltipInjectionKey = Symbol();
+//#endregion
+//#region src/data/di.ts
+var FluxDisabledInjectionKey = Symbol();
+var FluxExpandableGroupInjectionKey = Symbol();
+var FluxFlyoutInjectionKey = Symbol();
+var FluxFilterInjectionKey = Symbol();
+var FluxFormFieldInjectionKey = Symbol();
+var FluxTableInjectionKey = Symbol();
+var FluxTooltipInjectionKey = Symbol();
+//#endregion
+//#region ../../node_modules/.bun/@basmilius+utils@3.11.1/node_modules/@basmilius/utils/dist/index.mjs
 function t(e, t) {
 	return Math.round(e / t) * t;
 }
@@ -235,6 +244,8 @@ function K$3(e, t, n) {
 	Object.defineProperty(e, t, { value: n });
 }
 var Z$2 = `—`;
+//#endregion
+//#region src/composable/private/useFormSelect.ts
 function useFormSelect_default(modelValue, isMultiple, options, searchQuery) {
 	const values = computed(() => {
 		const model = unref(modelValue);
@@ -272,6 +283,8 @@ function useFormSelect_default(modelValue, isMultiple, options, searchQuery) {
 		values
 	};
 }
+//#endregion
+//#region src/composable/private/useTranslate.ts
 var fallback = (key, params) => {
 	if (!(key in english)) return key;
 	let translation = english[key];
@@ -286,12 +299,140 @@ var useTranslate_default = () => {
 function isVueI18n(obj) {
 	return !!obj && "$t" in obj;
 }
+//#endregion
+//#region src/composable/private/useTreeView.ts
+var FLUX_COLORS = [
+	"gray",
+	"primary",
+	"danger",
+	"info",
+	"success",
+	"warning"
+];
+function flattenVisible(nodes, depth, expanded, parentGuides = []) {
+	return nodes.flatMap((node, index) => {
+		const isLast = index === nodes.length - 1;
+		const flatNode = {
+			...node,
+			depth,
+			isLast,
+			lineGuides: parentGuides
+		};
+		if (node.children?.length && expanded.has(node.id)) {
+			const childGuides = [...parentGuides, !isLast];
+			return [flatNode, ...flattenVisible(node.children, depth + 1, expanded, childGuides)];
+		}
+		return [flatNode];
+	});
+}
+function flattenAll(nodes, depth = 0) {
+	return nodes.flatMap((node) => [{
+		...node,
+		depth,
+		isLast: false,
+		lineGuides: []
+	}, ...node.children ? flattenAll(node.children, depth + 1) : []]);
+}
+function getLevelColor(depth, levelColors) {
+	if (!levelColors || depth >= levelColors.length) return;
+	const color = levelColors[depth];
+	if (FLUX_COLORS.includes(color)) return `var(--${color}-600)`;
+	return color;
+}
+function useTreeView(params) {
+	const highlightedIndex = ref(-1);
+	function toggleExpand(nodeId) {
+		const ids = new Set(unref(params.expandedIds));
+		if (ids.has(nodeId)) ids.delete(nodeId);
+		else ids.add(nodeId);
+		params.expandedIds.value = ids;
+	}
+	function onExpandClick(node, evt) {
+		if (!node.children?.length) return;
+		evt.stopPropagation();
+		toggleExpand(node.id);
+	}
+	function onKeyNavigate(evt, onActivate) {
+		const nodes = unref(params.visibleNodes);
+		const current = unref(highlightedIndex);
+		switch (evt.key) {
+			case "ArrowDown":
+				evt.preventDefault();
+				highlightedIndex.value = current === -1 ? 0 : Math.min(nodes.length - 1, current + 1);
+				return true;
+			case "ArrowUp":
+				evt.preventDefault();
+				highlightedIndex.value = current === -1 ? nodes.length - 1 : Math.max(0, current - 1);
+				return true;
+			case "ArrowRight":
+				evt.preventDefault();
+				if (current >= 0) {
+					const node = nodes[current];
+					if (node.children?.length) {
+						if (!unref(params.expandedIds).has(node.id)) toggleExpand(node.id);
+						else if (current + 1 < nodes.length && nodes[current + 1].depth > node.depth) highlightedIndex.value = current + 1;
+					}
+				}
+				return true;
+			case "ArrowLeft":
+				evt.preventDefault();
+				if (current >= 0) {
+					const node = nodes[current];
+					if (node.children?.length && unref(params.expandedIds).has(node.id)) toggleExpand(node.id);
+					else if (node.depth > 0) {
+						for (let i = current - 1; i >= 0; i--) if (nodes[i].depth === node.depth - 1) {
+							highlightedIndex.value = i;
+							break;
+						}
+					}
+				}
+				return true;
+			case "Enter":
+			case " ":
+				evt.preventDefault();
+				if (current >= 0) onActivate(nodes[current]);
+				return true;
+			default:
+				if (evt.key.length === 1) {
+					const lowerKey = evt.key.toLowerCase();
+					let matchIndex = nodes.findIndex((n, i) => i > current && n.label.toLowerCase().startsWith(lowerKey));
+					if (matchIndex < 0) matchIndex = nodes.findIndex((n) => n.label.toLowerCase().startsWith(lowerKey));
+					if (matchIndex >= 0) {
+						highlightedIndex.value = matchIndex;
+						return true;
+					}
+				}
+				return false;
+		}
+	}
+	watch(highlightedIndex, (index) => {
+		if (index < 0) return;
+		nextTick(() => unref(params.nodeElementRefs)?.[index]?.scrollIntoView({ block: "nearest" }));
+	});
+	watch(params.visibleNodes, (nodes) => {
+		if (unref(highlightedIndex) >= nodes.length) highlightedIndex.value = Math.max(-1, nodes.length - 1);
+	});
+	return {
+		highlightedIndex,
+		toggleExpand,
+		onExpandClick,
+		onKeyNavigate
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_freeGlobal.js
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_root.js
 /** Detect free variable `self`. */
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_Symbol.js
 /** Built-in value references. */
 var Symbol$1 = (freeGlobal || freeSelf || Function("return this")()).Symbol;
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getRawTag.js
 /** Used for built-in method references. */
 var objectProto = Object.prototype;
 /** Used to check objects for own properties. */
@@ -322,6 +463,8 @@ function getRawTag(value) {
 	else delete value[symToStringTag$1];
 	return result;
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_objectToString.js
 /**
 * Used to resolve the
 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
@@ -338,6 +481,8 @@ var nativeObjectToString = Object.prototype.toString;
 function objectToString(value) {
 	return nativeObjectToString.call(value);
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseGetTag.js
 /** `Object#toString` result references. */
 var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
 /** Built-in value references. */
@@ -353,6 +498,8 @@ function baseGetTag(value) {
 	if (value == null) return value === void 0 ? undefinedTag : nullTag;
 	return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isObjectLike.js
 /**
 * Checks if `value` is object-like. A value is object-like if it's not `null`
 * and has a `typeof` result of "object".
@@ -380,6 +527,8 @@ function baseGetTag(value) {
 function isObjectLike(value) {
 	return value != null && typeof value == "object";
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isSymbol.js
 /** `Object#toString` result references. */
 var symbolTag = "[object Symbol]";
 /**
@@ -402,6 +551,8 @@ var symbolTag = "[object Symbol]";
 function isSymbol(value) {
 	return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_arrayMap.js
 /**
 * A specialized version of `_.map` for arrays without support for iteratee
 * shorthands.
@@ -416,6 +567,8 @@ function arrayMap(array, iteratee) {
 	while (++index < length) result[index] = iteratee(array[index], index, array);
 	return result;
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isArray.js
 /**
 * Checks if `value` is classified as an `Array` object.
 *
@@ -440,6 +593,8 @@ function arrayMap(array, iteratee) {
 * // => false
 */
 var isArray = Array.isArray;
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseToString.js
 /** Used as references for various `Number` constants. */
 var INFINITY = Infinity;
 /** Used to convert symbols to primitives and strings. */
@@ -459,6 +614,8 @@ function baseToString(value) {
 	var result = value + "";
 	return result == "0" && 1 / value == -INFINITY ? "-0" : result;
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/toString.js
 /**
 * Converts `value` to a string. An empty string is returned for `null`
 * and `undefined` values. The sign of `-0` is preserved.
@@ -483,6 +640,8 @@ function baseToString(value) {
 function toString(value) {
 	return value == null ? "" : baseToString(value);
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseSlice.js
 /**
 * The base implementation of `_.slice` without an iteratee call guard.
 *
@@ -503,6 +662,8 @@ function baseSlice(array, start, end) {
 	while (++index < length) result[index] = array[index + start];
 	return result;
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_castSlice.js
 /**
 * Casts `array` to a slice if it's needed.
 *
@@ -517,6 +678,8 @@ function castSlice(array, start, end) {
 	end = end === void 0 ? length : end;
 	return !start && end >= length ? array : baseSlice(array, start, end);
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_hasUnicode.js
 /** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */
 var reHasUnicode = RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");
 /**
@@ -529,6 +692,8 @@ var reHasUnicode = RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f
 function hasUnicode(string) {
 	return reHasUnicode.test(string);
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_asciiToArray.js
 /**
 * Converts an ASCII `string` to an array.
 *
@@ -539,6 +704,8 @@ function hasUnicode(string) {
 function asciiToArray(string) {
 	return string.split("");
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_unicodeToArray.js
 /** Used to compose unicode character classes. */
 var rsAstralRange$1 = "\\ud800-\\udfff", rsComboRange$1 = "\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff", rsVarRange$1 = "\\ufe0e\\ufe0f";
 /** Used to compose unicode capture groups. */
@@ -567,6 +734,8 @@ var reUnicode = RegExp(rsFitz + "(?=" + rsFitz + ")|" + rsSymbol + rsSeq$1, "g")
 function unicodeToArray(string) {
 	return string.match(reUnicode) || [];
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_stringToArray.js
 /**
 * Converts `string` to an array.
 *
@@ -577,6 +746,8 @@ function unicodeToArray(string) {
 function stringToArray(string) {
 	return hasUnicode(string) ? unicodeToArray(string) : asciiToArray(string);
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_createCaseFirst.js
 /**
 * Creates a function like `_.lowerFirst`.
 *
@@ -593,6 +764,8 @@ function createCaseFirst(methodName) {
 		return chr[methodName]() + trailing;
 	};
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/upperFirst.js
 /**
 * Converts the first character of `string` to upper case.
 *
@@ -611,6 +784,8 @@ function createCaseFirst(methodName) {
 * // => 'FRED'
 */
 var upperFirst = createCaseFirst("toUpperCase");
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/capitalize.js
 /**
 * Converts the first character of `string` to upper case and the remaining
 * to lower case.
@@ -629,6 +804,8 @@ var upperFirst = createCaseFirst("toUpperCase");
 function capitalize(string) {
 	return upperFirst(toString(string).toLowerCase());
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_arrayReduce.js
 /**
 * A specialized version of `_.reduce` for arrays without support for
 * iteratee shorthands.
@@ -647,6 +824,8 @@ function arrayReduce(array, iteratee, accumulator, initAccum) {
 	while (++index < length) accumulator = iteratee(accumulator, array[index], index, array);
 	return accumulator;
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_basePropertyOf.js
 /**
 * The base implementation of `_.propertyOf` without support for deep paths.
 *
@@ -659,6 +838,8 @@ function basePropertyOf(object) {
 		return object == null ? void 0 : object[key];
 	};
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_deburrLetter.js
 /**
 * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
 * letters to basic Latin letters.
@@ -859,6 +1040,8 @@ var deburrLetter = basePropertyOf({
 	"ʼn": "'n",
 	"ſ": "s"
 });
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/deburr.js
 /** Used to match Latin Unicode letters (excluding mathematical operators). */
 var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
 /**
@@ -888,6 +1071,8 @@ function deburr(string) {
 	string = toString(string);
 	return string && string.replace(reLatin, deburrLetter).replace(reComboMark, "");
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_asciiWords.js
 /** Used to match words composed of alphanumeric characters. */
 var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
 /**
@@ -900,6 +1085,8 @@ var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
 function asciiWords(string) {
 	return string.match(reAsciiWord) || [];
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_hasUnicodeWord.js
 /** Used to detect strings that need a more robust regexp to match words. */
 var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
 /**
@@ -912,6 +1099,8 @@ var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a
 function hasUnicodeWord(string) {
 	return reHasUnicodeWord.test(string);
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_unicodeWords.js
 /** Used to compose unicode character classes. */
 var rsAstralRange = "\\ud800-\\udfff", rsComboRange = "\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff", rsDingbatRange = "\\u2700-\\u27bf", rsLowerRange = "a-z\\xdf-\\xf6\\xf8-\\xff", rsMathOpRange = "\\xac\\xb1\\xd7\\xf7", rsNonCharRange = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", rsPunctuationRange = "\\u2000-\\u206f", rsSpaceRange = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", rsUpperRange = "A-Z\\xc0-\\xd6\\xd8-\\xde", rsVarRange = "\\ufe0e\\ufe0f", rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
 /** Used to compose unicode capture groups. */
@@ -955,6 +1144,8 @@ var reUnicodeWord = RegExp([
 function unicodeWords(string) {
 	return string.match(reUnicodeWord) || [];
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/words.js
 /**
 * Splits `string` into an array of its words.
 *
@@ -980,6 +1171,8 @@ function words(string, pattern, guard) {
 	if (pattern === void 0) return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);
 	return string.match(pattern) || [];
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_createCompounder.js
 /** Used to match apostrophes. */
 var reApos = RegExp("['’]", "g");
 /**
@@ -994,6 +1187,8 @@ function createCompounder(callback) {
 		return arrayReduce(words(deburr(string).replace(reApos, "")), callback, "");
 	};
 }
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/camelCase.js
 /**
 * Converts `string` to [camel case](https://en.wikipedia.org/wiki/CamelCase).
 *
@@ -1018,6 +1213,8 @@ var camelCase = createCompounder(function(result, word, index) {
 	word = word.toLowerCase();
 	return result + (index ? capitalize(word) : word);
 });
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/parseNumber.js
 var parseNumber = (color, len) => {
 	if (typeof color !== "number") return;
 	if (len === 3) return {
@@ -1047,6 +1244,8 @@ var parseNumber = (color, len) => {
 		alpha: (color & 255) / 255
 	};
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/colors/named.js
 var named = {
 	aliceblue: 15792383,
 	antiquewhite: 16444375,
@@ -1197,24 +1396,32 @@ var named = {
 	yellow: 16776960,
 	yellowgreen: 10145074
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/parseNamed.js
 var parseNamed = (color) => {
 	return parseNumber(named[color.toLowerCase()], 6);
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/parseHex.js
 var hex = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i;
 var parseHex = (color) => {
 	let match;
 	return (match = color.match(hex)) ? parseNumber(parseInt(match[1], 16), match[1].length) : void 0;
 };
-const num$1 = "([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)";
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/util/regex.js
+var num$1 = "([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)";
 `${num$1}`;
-const per = `${num$1}%`;
+var per = `${num$1}%`;
 `${num$1}`;
-const num_per = `(?:${num$1}%|${num$1})`;
-const num_per_none = `(?:${num$1}%|${num$1}|none)`;
-const hue$1 = `(?:${num$1}(deg|grad|rad|turn)|${num$1})`;
+var num_per = `(?:${num$1}%|${num$1})`;
+var num_per_none = `(?:${num$1}%|${num$1}|none)`;
+var hue$1 = `(?:${num$1}(deg|grad|rad|turn)|${num$1})`;
 `${num$1}${num$1}`;
-const c$1 = `\\s*,\\s*`;
+var c$1 = `\\s*,\\s*`;
 new RegExp("^" + num_per_none + "$");
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/parseRgbLegacy.js
 var rgb_num_old = new RegExp(`^rgba?\\(\\s*${num$1}${c$1}${num$1}${c$1}${num$1}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
 var rgb_per_old = new RegExp(`^rgba?\\(\\s*${per}${c$1}${per}${c$1}${per}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
 var parseRgbLegacy = (color) => {
@@ -1233,11 +1440,17 @@ var parseRgbLegacy = (color) => {
 	else if (match[5] !== void 0) res.alpha = Math.max(0, Math.min(1, +match[5]));
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/_prepare.js
 var prepare = (color, mode) => color === void 0 ? void 0 : typeof color !== "object" ? parse(color) : color.mode !== void 0 ? color : mode ? {
 	...color,
 	mode
 } : void 0;
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/converter.js
 var converter = (target_mode = "rgb") => (color) => (color = prepare(color, target_mode)) !== void 0 ? color.mode === target_mode ? color : converters[color.mode][target_mode] ? converters[color.mode][target_mode](color) : target_mode === "rgb" ? converters[color.mode].rgb(color) : converters.rgb[target_mode](converters[color.mode].rgb(color)) : void 0;
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/modes.js
 var converters = {};
 var modes = {};
 var parsers = [];
@@ -1275,9 +1488,11 @@ var useParser = (parser, mode) => {
 		if (parsers.indexOf(parser) < 0) parsers.push(parser);
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/parse.js
 var IdentStartCodePoint = /[^\x00-\x7F]|[a-zA-Z_]/;
 var IdentCodePoint = /[^\x00-\x7F]|[-\w]/;
-const Tok = {
+var Tok = {
 	Function: "function",
 	Ident: "ident",
 	Number: "number",
@@ -1525,6 +1740,8 @@ var parse = (color) => {
 	while (i < len) if ((result = parsers[i++](color, parsed)) !== void 0) return result;
 	return tokens ? parseColorSyntax(tokens) : void 0;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/parseRgb.js
 function parseRgb(color, parsed) {
 	if (!parsed || parsed[0] !== "rgb" && parsed[0] !== "rgba") return;
 	const res = { mode: "rgb" };
@@ -1536,6 +1753,8 @@ function parseRgb(color, parsed) {
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/parseTransparent.js
 var parseTransparent = (c) => c === "transparent" ? {
 	mode: "rgb",
 	r: 0,
@@ -1543,7 +1762,11 @@ var parseTransparent = (c) => c === "transparent" ? {
 	b: 0,
 	alpha: 0
 } : void 0;
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/interpolate/lerp.js
 var lerp = (a, b, t) => a + t * (b - a);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/interpolate/piecewise.js
 var get_classes = (arr) => {
 	let classes = [];
 	for (let i = 0; i < arr.length - 1; i++) {
@@ -1564,7 +1787,11 @@ var interpolatorPiecewise = (interpolator) => (arr) => {
 		return pair === void 0 ? void 0 : interpolator(pair[0], pair[1], cls - idx);
 	};
 };
-const interpolatorLinear = interpolatorPiecewise(lerp);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/interpolate/linear.js
+var interpolatorLinear = interpolatorPiecewise(lerp);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/fixup/alpha.js
 var fixupAlpha = (arr) => {
 	let some_defined = false;
 	let res = arr.map((v) => {
@@ -1576,6 +1803,8 @@ var fixupAlpha = (arr) => {
 	});
 	return some_defined ? res : arr;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/definition.js
 var definition$27 = {
 	mode: "rgb",
 	channels: [
@@ -1614,6 +1843,8 @@ var definition$27 = {
 		b: 0
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/a98/convertA98ToXyz65.js
 var linearize$2 = (v = 0) => Math.pow(Math.abs(v), 563 / 256) * Math.sign(v);
 var convertA98ToXyz65 = (a98) => {
 	let r = linearize$2(a98.r);
@@ -1628,6 +1859,8 @@ var convertA98ToXyz65 = (a98) => {
 	if (a98.alpha !== void 0) res.alpha = a98.alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/a98/convertXyz65ToA98.js
 var gamma$2 = (v) => Math.pow(Math.abs(v), 256 / 563) * Math.sign(v);
 var convertXyz65ToA98 = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
@@ -1642,6 +1875,8 @@ var convertXyz65ToA98 = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lrgb/convertRgbToLrgb.js
 var fn$4 = (c = 0) => {
 	const abs = Math.abs(c);
 	if (abs <= .04045) return c / 12.92;
@@ -1657,6 +1892,8 @@ var convertRgbToLrgb = ({ r, g, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz65/convertRgbToXyz65.js
 var convertRgbToXyz65 = (rgb) => {
 	let { r, g, b, alpha } = convertRgbToLrgb(rgb);
 	let res = {
@@ -1668,6 +1905,8 @@ var convertRgbToXyz65 = (rgb) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lrgb/convertLrgbToRgb.js
 var fn$3 = (c = 0) => {
 	const abs = Math.abs(c);
 	if (abs > .0031308) return (Math.sign(c) || 1) * (1.055 * Math.pow(abs, 1 / 2.4) - .055);
@@ -1683,6 +1922,8 @@ var convertLrgbToRgb = ({ r, g, b, alpha }, mode = "rgb") => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz65/convertXyz65ToRgb.js
 var convertXyz65ToRgb = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -1695,6 +1936,8 @@ var convertXyz65ToRgb = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/a98/definition.js
 var definition$26 = {
 	...definition$27,
 	mode: "a98",
@@ -1709,7 +1952,11 @@ var definition$26 = {
 		xyz65: convertA98ToXyz65
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/util/normalizeHue.js
 var normalizeHue = (hue) => (hue = hue % 360) < 0 ? hue + 360 : hue;
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/fixup/hue.js
 var hue = (hues, fn) => {
 	return hues.map((hue, idx, arr) => {
 		if (hue === void 0) return hue;
@@ -1726,7 +1973,9 @@ var hue = (hues, fn) => {
 	}, []);
 };
 var fixupHueShorter = (arr) => hue(arr, (d) => Math.abs(d) <= 180 ? d : d - 360 * Math.sign(d));
-const M = [
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/cubehelix/constants.js
+var M = [
 	-.14861,
 	1.78277,
 	-.29227,
@@ -1734,8 +1983,10 @@ const M = [
 	1.97294,
 	0
 ];
-const degToRad = Math.PI / 180;
-const radToDeg = 180 / Math.PI;
+var degToRad = Math.PI / 180;
+var radToDeg = 180 / Math.PI;
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/cubehelix/convertRgbToCubehelix.js
 var DE = M[3] * M[4];
 var BE = M[1] * M[4];
 var BCAD = M[1] * M[2] - M[0] * M[3];
@@ -1755,6 +2006,8 @@ var convertRgbToCubehelix = ({ r, g, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/cubehelix/convertCubehelixToRgb.js
 var convertCubehelixToRgb = ({ h, s, l, alpha }) => {
 	let res = { mode: "rgb" };
 	h = (h === void 0 ? 0 : h + 120) * degToRad;
@@ -1768,6 +2021,8 @@ var convertCubehelixToRgb = ({ h, s, l, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/difference.js
 var differenceHueSaturation = (std, smp) => {
 	if (std.h === void 0 || smp.h === void 0 || !std.s || !smp.s) return 0;
 	let std_h = normalizeHue(std.h);
@@ -1789,6 +2044,8 @@ var differenceHueChroma = (std, smp) => {
 	let dH = Math.sin((smp_h - std_h + 360) / 2 * Math.PI / 180);
 	return 2 * Math.sqrt(std.c * smp.c) * dH;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/average.js
 var averageAngle = (val) => {
 	let sum = val.reduce((sum, val) => {
 		if (val !== void 0) {
@@ -1804,6 +2061,8 @@ var averageAngle = (val) => {
 	let angle = Math.atan2(sum.sin, sum.cos) * 180 / Math.PI;
 	return angle < 0 ? 360 + angle : angle;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/cubehelix/definition.js
 var definition$25 = {
 	mode: "cubehelix",
 	channels: [
@@ -1836,6 +2095,8 @@ var definition$25 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lch/convertLabToLch.js
 var convertLabToLch = ({ l, a, b, alpha }, mode = "lch") => {
 	if (a === void 0) a = 0;
 	if (b === void 0) b = 0;
@@ -1849,6 +2110,8 @@ var convertLabToLch = ({ l, a, b, alpha }, mode = "lch") => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lch/convertLchToLab.js
 var convertLchToLab = ({ l, c, h, alpha }, mode = "lab") => {
 	if (h === void 0) h = 0;
 	let res = {
@@ -1860,20 +2123,26 @@ var convertLchToLab = ({ l, c, h, alpha }, mode = "lab") => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
-const k$5 = Math.pow(29, 3) / Math.pow(3, 3);
-const e$2 = Math.pow(6, 3) / Math.pow(29, 3);
-const D50 = {
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz65/constants.js
+var k$5 = Math.pow(29, 3) / Math.pow(3, 3);
+var e$2 = Math.pow(6, 3) / Math.pow(29, 3);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/constants.js
+var D50 = {
 	X: .3457 / .3585,
 	Y: 1,
 	Z: .2958 / .3585
 };
-const D65 = {
+var D65 = {
 	X: .3127 / .329,
 	Y: 1,
 	Z: .3583 / .329
 };
 Math.pow(29, 3) / Math.pow(3, 3);
 Math.pow(6, 3) / Math.pow(29, 3);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab65/convertLab65ToXyz65.js
 var fn$2 = (v) => Math.pow(v, 3) > e$2 ? Math.pow(v, 3) : (116 * v - 16) / k$5;
 var convertLab65ToXyz65 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
@@ -1891,7 +2160,11 @@ var convertLab65ToXyz65 = ({ l, a, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab65/convertLab65ToRgb.js
 var convertLab65ToRgb = (lab) => convertXyz65ToRgb(convertLab65ToXyz65(lab));
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab65/convertXyz65ToLab65.js
 var f$3 = (value) => value > e$2 ? Math.cbrt(value) : (k$5 * value + 16) / 116;
 var convertXyz65ToLab65 = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
@@ -1909,15 +2182,21 @@ var convertXyz65ToLab65 = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab65/convertRgbToLab65.js
 var convertRgbToLab65 = (rgb) => {
 	let res = convertXyz65ToLab65(convertRgbToXyz65(rgb));
 	if (rgb.r === rgb.b && rgb.b === rgb.g) res.a = res.b = 0;
 	return res;
 };
-const θ = 26 / 180 * Math.PI;
-const cosθ = Math.cos(θ);
-const sinθ = Math.sin(θ);
-const factor = 100 / Math.log(139 / 100);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/dlch/constants.js
+var θ = 26 / 180 * Math.PI;
+var cosθ = Math.cos(θ);
+var sinθ = Math.sin(θ);
+var factor = 100 / Math.log(139 / 100);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/dlch/convertDlchToLab65.js
 var convertDlchToLab65 = ({ l, c, h, alpha }) => {
 	if (l === void 0) l = 0;
 	if (c === void 0) c = 0;
@@ -1934,6 +2213,8 @@ var convertDlchToLab65 = ({ l, c, h, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/dlch/convertLab65ToDlch.js
 var convertLab65ToDlch = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -1950,6 +2231,8 @@ var convertLab65ToDlch = ({ l, a, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/dlab/definition.js
 var convertDlabToLab65 = (c) => convertDlchToLab65(convertLabToLch(c, "dlch"));
 var convertLab65ToDlab = (c) => convertLchToLab(convertLab65ToDlch(c), "dlab");
 var definition$24 = {
@@ -1985,6 +2268,8 @@ var definition$24 = {
 		}
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/dlch/definition.js
 var definition$23 = {
 	mode: "dlch",
 	parse: ["--din99o-lch"],
@@ -2025,6 +2310,8 @@ var definition$23 = {
 	difference: { h: differenceHueChroma },
 	average: { h: averageAngle }
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsi/convertHsiToRgb.js
 function convertHsiToRgb({ h, s, i, alpha }) {
 	h = normalizeHue(h !== void 0 ? h : 0);
 	if (s === void 0) s = 0;
@@ -2084,6 +2371,8 @@ function convertHsiToRgb({ h, s, i, alpha }) {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsi/convertRgbToHsi.js
 function convertRgbToHsi({ r, g, b, alpha }) {
 	if (r === void 0) r = 0;
 	if (g === void 0) g = 0;
@@ -2098,6 +2387,8 @@ function convertRgbToHsi({ r, g, b, alpha }) {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsi/definition.js
 var definition$22 = {
 	mode: "hsi",
 	toMode: { rgb: convertHsiToRgb },
@@ -2127,6 +2418,8 @@ var definition$22 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsl/convertHslToRgb.js
 function convertHslToRgb({ h, s, l, alpha }) {
 	h = normalizeHue(h !== void 0 ? h : 0);
 	if (s === void 0) s = 0;
@@ -2187,6 +2480,8 @@ function convertHslToRgb({ h, s, l, alpha }) {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsl/convertRgbToHsl.js
 function convertRgbToHsl({ r, g, b, alpha }) {
 	if (r === void 0) r = 0;
 	if (g === void 0) g = 0;
@@ -2201,6 +2496,8 @@ function convertRgbToHsl({ r, g, b, alpha }) {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/util/hue.js
 var hueToDeg = (val, unit) => {
 	switch (unit) {
 		case "deg": return +val;
@@ -2209,6 +2506,8 @@ var hueToDeg = (val, unit) => {
 		case "turn": return val * 360;
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsl/parseHslLegacy.js
 var hsl_old = new RegExp(`^hsla?\\(\\s*${hue$1}${c$1}${per}${c$1}${per}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
 var parseHslLegacy = (color) => {
 	let match = color.match(hsl_old);
@@ -2222,6 +2521,8 @@ var parseHslLegacy = (color) => {
 	else if (match[7] !== void 0) res.alpha = Math.max(0, Math.min(1, +match[7]));
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsl/parseHsl.js
 function parseHsl(color, parsed) {
 	if (!parsed || parsed[0] !== "hsl" && parsed[0] !== "hsla") return;
 	const res = { mode: "hsl" };
@@ -2241,6 +2542,8 @@ function parseHsl(color, parsed) {
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsl/definition.js
 var definition$21 = {
 	mode: "hsl",
 	toMode: { rgb: convertHslToRgb },
@@ -2270,6 +2573,8 @@ var definition$21 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsv/convertHsvToRgb.js
 function convertHsvToRgb({ h, s, v, alpha }) {
 	h = normalizeHue(h !== void 0 ? h : 0);
 	if (s === void 0) s = 0;
@@ -2329,6 +2634,8 @@ function convertHsvToRgb({ h, s, v, alpha }) {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsv/convertRgbToHsv.js
 function convertRgbToHsv({ r, g, b, alpha }) {
 	if (r === void 0) r = 0;
 	if (g === void 0) g = 0;
@@ -2343,6 +2650,8 @@ function convertRgbToHsv({ r, g, b, alpha }) {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsv/definition.js
 var definition$20 = {
 	mode: "hsv",
 	toMode: { rgb: convertHsvToRgb },
@@ -2372,6 +2681,8 @@ var definition$20 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hwb/convertHwbToRgb.js
 function convertHwbToRgb({ h, w, b, alpha }) {
 	if (w === void 0) w = 0;
 	if (b === void 0) b = 0;
@@ -2387,6 +2698,8 @@ function convertHwbToRgb({ h, w, b, alpha }) {
 		alpha
 	});
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hwb/convertRgbToHwb.js
 function convertRgbToHwb(rgba) {
 	let hsv = convertRgbToHsv(rgba);
 	if (hsv === void 0) return void 0;
@@ -2401,6 +2714,8 @@ function convertRgbToHwb(rgba) {
 	if (hsv.alpha !== void 0) res.alpha = hsv.alpha;
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hwb/parseHwb.js
 function ParseHwb(color, parsed) {
 	if (!parsed || parsed[0] !== "hwb") return;
 	const res = { mode: "hwb" };
@@ -2420,6 +2735,8 @@ function ParseHwb(color, parsed) {
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hwb/definition.js
 var definition$19 = {
 	mode: "hwb",
 	toMode: { rgb: convertHwbToRgb },
@@ -2449,11 +2766,13 @@ var definition$19 = {
 	difference: { h: differenceHueNaive },
 	average: { h: averageAngle }
 };
-const M1 = .1593017578125;
-const M2 = 78.84375;
-const C1 = .8359375;
-const C2 = 18.8515625;
-const C3 = 18.6875;
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hdr/transfer.js
+var M1 = .1593017578125;
+var M2 = 78.84375;
+var C1 = .8359375;
+var C2 = 18.8515625;
+var C3 = 18.6875;
 function transferPqDecode(v) {
 	if (v < 0) return 0;
 	const c = Math.pow(v, 1 / M2);
@@ -2464,6 +2783,8 @@ function transferPqEncode(v) {
 	const c = Math.pow(v / 1e4, M1);
 	return Math.pow((C1 + C2 * c) / (1 + C3 * c), M2);
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/itp/convertItpToXyz65.js
 var toRel = (c) => Math.max(c / 203, 0);
 var convertItpToXyz65 = ({ i, t, p, alpha }) => {
 	if (i === void 0) i = 0;
@@ -2481,6 +2802,8 @@ var convertItpToXyz65 = ({ i, t, p, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/itp/convertXyz65ToItp.js
 var toAbs = (c = 0) => Math.max(c * 203, 0);
 var convertXyz65ToItp = ({ x, y, z, alpha }) => {
 	const absX = toAbs(x);
@@ -2498,6 +2821,8 @@ var convertXyz65ToItp = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/itp/definition.js
 var definition$18 = {
 	mode: "itp",
 	channels: [
@@ -2531,6 +2856,8 @@ var definition$18 = {
 		}
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jab/convertXyz65ToJab.js
 var p$3 = 134.03437499999998;
 var d0$1 = 16295499532821565e-27;
 var jabPqEncode = (v) => {
@@ -2558,6 +2885,8 @@ var convertXyz65ToJab = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jab/convertJabToXyz65.js
 var p$2 = 134.03437499999998;
 var d0 = 16295499532821565e-27;
 var jabPqDecode = (v) => {
@@ -2583,12 +2912,18 @@ var convertJabToXyz65 = ({ j, a, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jab/convertRgbToJab.js
 var convertRgbToJab = (rgb) => {
 	let res = convertXyz65ToJab(convertRgbToXyz65(rgb));
 	if (rgb.r === rgb.b && rgb.b === rgb.g) res.a = res.b = 0;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jab/convertJabToRgb.js
 var convertJabToRgb = (color) => convertXyz65ToRgb(convertJabToXyz65(color));
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jab/definition.js
 var definition$17 = {
 	mode: "jab",
 	channels: [
@@ -2622,6 +2957,8 @@ var definition$17 = {
 		}
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jch/convertJabToJch.js
 var convertJabToJch = ({ j, a, b, alpha }) => {
 	if (a === void 0) a = 0;
 	if (b === void 0) b = 0;
@@ -2635,6 +2972,8 @@ var convertJabToJch = ({ j, a, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jch/convertJchToJab.js
 var convertJchToJab = ({ j, c, h, alpha }) => {
 	if (h === void 0) h = 0;
 	let res = {
@@ -2646,6 +2985,8 @@ var convertJchToJab = ({ j, c, h, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jch/definition.js
 var definition$16 = {
 	mode: "jch",
 	parse: ["--jzczhz"],
@@ -2684,8 +3025,12 @@ var definition$16 = {
 	difference: { h: differenceHueChroma },
 	average: { h: averageAngle }
 };
-const k$3 = Math.pow(29, 3) / Math.pow(3, 3);
-const e = Math.pow(6, 3) / Math.pow(29, 3);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz50/constants.js
+var k$3 = Math.pow(29, 3) / Math.pow(3, 3);
+var e = Math.pow(6, 3) / Math.pow(29, 3);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/convertLabToXyz50.js
 var fn$1 = (v) => Math.pow(v, 3) > e ? Math.pow(v, 3) : (116 * v - 16) / k$3;
 var convertLabToXyz50 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
@@ -2703,6 +3048,8 @@ var convertLabToXyz50 = ({ l, a, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz50/convertXyz50ToRgb.js
 var convertXyz50ToRgb = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -2715,7 +3062,11 @@ var convertXyz50ToRgb = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/convertLabToRgb.js
 var convertLabToRgb = (lab) => convertXyz50ToRgb(convertLabToXyz50(lab));
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz50/convertRgbToXyz50.js
 var convertRgbToXyz50 = (rgb) => {
 	let { r, g, b, alpha } = convertRgbToLrgb(rgb);
 	let res = {
@@ -2727,6 +3078,8 @@ var convertRgbToXyz50 = (rgb) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/convertXyz50ToLab.js
 var f$2 = (value) => value > e ? Math.cbrt(value) : (k$3 * value + 16) / 116;
 var convertXyz50ToLab = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
@@ -2744,11 +3097,15 @@ var convertXyz50ToLab = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/convertRgbToLab.js
 var convertRgbToLab = (rgb) => {
 	let res = convertXyz50ToLab(convertRgbToXyz50(rgb));
 	if (rgb.r === rgb.b && rgb.b === rgb.g) res.a = res.b = 0;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/parseLab.js
 function parseLab(color, parsed) {
 	if (!parsed || parsed[0] !== "lab") return;
 	const res = { mode: "lab" };
@@ -2760,6 +3117,8 @@ function parseLab(color, parsed) {
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/definition.js
 var definition$15 = {
 	mode: "lab",
 	toMode: {
@@ -2793,6 +3152,8 @@ var definition$15 = {
 		}
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab65/definition.js
 var definition$14 = {
 	...definition$15,
 	mode: "lab65",
@@ -2812,6 +3173,8 @@ var definition$14 = {
 		b: [-125, 125]
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lch/parseLch.js
 function parseLch(color, parsed) {
 	if (!parsed || parsed[0] !== "lch") return;
 	const res = { mode: "lch" };
@@ -2828,6 +3191,8 @@ function parseLch(color, parsed) {
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lch/definition.js
 var definition$13 = {
 	mode: "lch",
 	toMode: {
@@ -2866,6 +3231,8 @@ var definition$13 = {
 	difference: { h: differenceHueChroma },
 	average: { h: averageAngle }
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lch65/definition.js
 var definition$12 = {
 	...definition$13,
 	mode: "lch65",
@@ -2885,6 +3252,8 @@ var definition$12 = {
 		h: [0, 360]
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lchuv/convertLuvToLchuv.js
 var convertLuvToLchuv = ({ l, u, v, alpha }) => {
 	if (u === void 0) u = 0;
 	if (v === void 0) v = 0;
@@ -2898,6 +3267,8 @@ var convertLuvToLchuv = ({ l, u, v, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lchuv/convertLchuvToLuv.js
 var convertLchuvToLuv = ({ l, c, h, alpha }) => {
 	if (h === void 0) h = 0;
 	let res = {
@@ -2909,10 +3280,12 @@ var convertLchuvToLuv = ({ l, c, h, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
-const u_fn$1 = (x, y, z) => 4 * x / (x + 15 * y + 3 * z);
-const v_fn$1 = (x, y, z) => 9 * y / (x + 15 * y + 3 * z);
-const un$2 = u_fn$1(D50.X, D50.Y, D50.Z);
-const vn$2 = v_fn$1(D50.X, D50.Y, D50.Z);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/luv/convertXyz50ToLuv.js
+var u_fn$1 = (x, y, z) => 4 * x / (x + 15 * y + 3 * z);
+var v_fn$1 = (x, y, z) => 9 * y / (x + 15 * y + 3 * z);
+var un$2 = u_fn$1(D50.X, D50.Y, D50.Z);
+var vn$2 = v_fn$1(D50.X, D50.Y, D50.Z);
 var l_fn = (value) => value <= e ? k$3 * value : 116 * Math.cbrt(value) - 16;
 var convertXyz50ToLuv = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
@@ -2935,10 +3308,12 @@ var convertXyz50ToLuv = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
-const u_fn = (x, y, z) => 4 * x / (x + 15 * y + 3 * z);
-const v_fn = (x, y, z) => 9 * y / (x + 15 * y + 3 * z);
-const un$1 = u_fn(D50.X, D50.Y, D50.Z);
-const vn$1 = v_fn(D50.X, D50.Y, D50.Z);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/luv/convertLuvToXyz50.js
+var u_fn = (x, y, z) => 4 * x / (x + 15 * y + 3 * z);
+var v_fn = (x, y, z) => 9 * y / (x + 15 * y + 3 * z);
+var un$1 = u_fn(D50.X, D50.Y, D50.Z);
+var vn$1 = v_fn(D50.X, D50.Y, D50.Z);
 var convertLuvToXyz50 = ({ l, u, v, alpha }) => {
 	if (l === void 0) l = 0;
 	if (l === 0) return {
@@ -2961,6 +3336,8 @@ var convertLuvToXyz50 = ({ l, u, v, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lchuv/definition.js
 var convertRgbToLchuv = (rgb) => convertLuvToLchuv(convertXyz50ToLuv(convertRgbToXyz50(rgb)));
 var convertLchuvToRgb = (lchuv) => convertXyz50ToRgb(convertLuvToXyz50(convertLchuvToLuv(lchuv)));
 var definition$11 = {
@@ -3001,6 +3378,8 @@ var definition$11 = {
 	difference: { h: differenceHueChroma },
 	average: { h: averageAngle }
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lrgb/definition.js
 var definition$10 = {
 	...definition$27,
 	mode: "lrgb",
@@ -3009,6 +3388,8 @@ var definition$10 = {
 	parse: ["srgb-linear"],
 	serialize: "srgb-linear"
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/luv/definition.js
 var definition$9 = {
 	mode: "luv",
 	toMode: {
@@ -3042,6 +3423,8 @@ var definition$9 = {
 		}
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/oklab/convertLrgbToOklab.js
 var convertLrgbToOklab = ({ r, g, b, alpha }) => {
 	if (r === void 0) r = 0;
 	if (g === void 0) g = 0;
@@ -3058,11 +3441,15 @@ var convertLrgbToOklab = ({ r, g, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/oklab/convertRgbToOklab.js
 var convertRgbToOklab = (rgb) => {
 	let res = convertLrgbToOklab(convertRgbToLrgb(rgb));
 	if (rgb.r === rgb.b && rgb.b === rgb.g) res.a = res.b = 0;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/oklab/convertOklabToLrgb.js
 var convertOklabToLrgb = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -3079,7 +3466,11 @@ var convertOklabToLrgb = ({ l, a, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/oklab/convertOklabToRgb.js
 var convertOklabToRgb = (c) => convertLrgbToRgb(convertOklabToLrgb(c));
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/okhsl/helpers.js
 function toe(x) {
 	const k_1 = .206;
 	const k_2 = .03;
@@ -3234,6 +3625,8 @@ function get_Cs(L, a_, b_) {
 		C_max
 	];
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/okhsl/convertOklabToOkhsl.js
 function convertOklabToOkhsl(lab) {
 	const l = lab.l !== void 0 ? lab.l : 0;
 	const a = lab.a !== void 0 ? lab.a : 0;
@@ -3267,6 +3660,8 @@ function convertOklabToOkhsl(lab) {
 	}
 	return ret;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/okhsl/convertOkhslToOklab.js
 function convertOkhslToOklab(hsl) {
 	let h = hsl.h !== void 0 ? hsl.h : 0;
 	let s = hsl.s !== void 0 ? hsl.s : 0;
@@ -3300,6 +3695,8 @@ function convertOkhslToOklab(hsl) {
 	ret.b = C * b_;
 	return ret;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/okhsl/modeOkhsl.js
 var modeOkhsl = {
 	...definition$21,
 	mode: "okhsl",
@@ -3320,6 +3717,8 @@ var modeOkhsl = {
 		rgb: (c) => convertOklabToRgb(convertOkhslToOklab(c))
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/okhsv/convertOklabToOkhsv.js
 function convertOklabToOkhsv(lab) {
 	let l = lab.l !== void 0 ? lab.l : 0;
 	let a = lab.a !== void 0 ? lab.a : 0;
@@ -3353,6 +3752,8 @@ function convertOklabToOkhsv(lab) {
 	if (lab.alpha !== void 0) ret.alpha = lab.alpha;
 	return ret;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/okhsv/convertOkhsvToOklab.js
 function convertOkhsvToOklab(hsv) {
 	const ret = { mode: "oklab" };
 	if (hsv.alpha !== void 0) ret.alpha = hsv.alpha;
@@ -3381,6 +3782,8 @@ function convertOkhsvToOklab(hsv) {
 	ret.b = C * b_ * scale_L;
 	return ret;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/okhsv/modeOkhsv.js
 var modeOkhsv = {
 	...definition$20,
 	mode: "okhsv",
@@ -3401,6 +3804,8 @@ var modeOkhsv = {
 		rgb: (c) => convertOklabToRgb(convertOkhsvToOklab(c))
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/oklab/parseOklab.js
 function parseOklab(color, parsed) {
 	if (!parsed || parsed[0] !== "oklab") return;
 	const res = { mode: "oklab" };
@@ -3412,6 +3817,8 @@ function parseOklab(color, parsed) {
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/oklab/definition.js
 var definition$8 = {
 	...definition$15,
 	mode: "oklab",
@@ -3431,6 +3838,8 @@ var definition$8 = {
 	parse: [parseOklab],
 	serialize: (c) => `oklab(${c.l !== void 0 ? c.l : "none"} ${c.a !== void 0 ? c.a : "none"} ${c.b !== void 0 ? c.b : "none"}${c.alpha < 1 ? ` / ${c.alpha}` : ""})`
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/oklch/parseOklch.js
 function parseOklch(color, parsed) {
 	if (!parsed || parsed[0] !== "oklch") return;
 	const res = { mode: "oklch" };
@@ -3447,6 +3856,8 @@ function parseOklch(color, parsed) {
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
 	return res;
 }
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/oklch/definition.js
 var definition$7 = {
 	...definition$13,
 	mode: "oklch",
@@ -3466,6 +3877,8 @@ var definition$7 = {
 		h: [0, 360]
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/p3/convertP3ToXyz65.js
 var convertP3ToXyz65 = (rgb) => {
 	let { r, g, b, alpha } = convertRgbToLrgb(rgb);
 	let res = {
@@ -3477,6 +3890,8 @@ var convertP3ToXyz65 = (rgb) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/p3/convertXyz65ToP3.js
 var convertXyz65ToP3 = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -3489,6 +3904,8 @@ var convertXyz65ToP3 = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/p3/definition.js
 var definition$6 = {
 	...definition$27,
 	mode: "p3",
@@ -3503,6 +3920,8 @@ var definition$6 = {
 		xyz65: convertP3ToXyz65
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/prophoto/convertXyz50ToProphoto.js
 var gamma$1 = (v) => {
 	let abs = Math.abs(v);
 	if (abs >= 1 / 512) return Math.sign(v) * Math.pow(abs, 1 / 1.8);
@@ -3521,6 +3940,8 @@ var convertXyz50ToProphoto = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/prophoto/convertProphotoToXyz50.js
 var linearize$1 = (v = 0) => {
 	let abs = Math.abs(v);
 	if (abs >= 16 / 512) return Math.sign(v) * Math.pow(abs, 1.8);
@@ -3539,6 +3960,8 @@ var convertProphotoToXyz50 = (prophoto) => {
 	if (prophoto.alpha !== void 0) res.alpha = prophoto.alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/prophoto/definition.js
 var definition$5 = {
 	...definition$27,
 	mode: "prophoto",
@@ -3553,6 +3976,8 @@ var definition$5 = {
 		rgb: (color) => convertXyz50ToRgb(convertProphotoToXyz50(color))
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rec2020/convertXyz65ToRec2020.js
 var α$1 = 1.09929682680944;
 var β$1 = .018053968510807;
 var gamma = (v) => {
@@ -3573,6 +3998,8 @@ var convertXyz65ToRec2020 = ({ x, y, z, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rec2020/convertRec2020ToXyz65.js
 var α = 1.09929682680944;
 var β = .018053968510807;
 var linearize = (v = 0) => {
@@ -3593,6 +4020,8 @@ var convertRec2020ToXyz65 = (rec2020) => {
 	if (rec2020.alpha !== void 0) res.alpha = rec2020.alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rec2020/definition.js
 var definition$4 = {
 	...definition$27,
 	mode: "rec2020",
@@ -3607,8 +4036,12 @@ var definition$4 = {
 	parse: ["rec2020"],
 	serialize: "rec2020"
 };
-const bias = .0037930732552754493;
-const bias_cbrt = Math.cbrt(bias);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyb/constants.js
+var bias = .0037930732552754493;
+var bias_cbrt = Math.cbrt(bias);
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyb/convertRgbToXyb.js
 var transfer$1 = (v) => Math.cbrt(v) - bias_cbrt;
 var convertRgbToXyb = (color) => {
 	const { r, g, b, alpha } = convertRgbToLrgb(color);
@@ -3624,6 +4057,8 @@ var convertRgbToXyb = (color) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyb/convertXybToRgb.js
 var transfer = (v) => Math.pow(v + bias_cbrt, 3);
 var convertXybToRgb = ({ x, y, b, alpha }) => {
 	if (x === void 0) x = 0;
@@ -3640,6 +4075,8 @@ var convertXybToRgb = ({ x, y, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyb/definition.js
 var definition$3 = {
 	mode: "xyb",
 	channels: [
@@ -3667,6 +4104,8 @@ var definition$3 = {
 		}
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz50/definition.js
 var definition$2 = {
 	mode: "xyz50",
 	parse: ["xyz-d50"],
@@ -3700,6 +4139,8 @@ var definition$2 = {
 		}
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz65/convertXyz65ToXyz50.js
 var convertXyz65ToXyz50 = (xyz65) => {
 	let { x, y, z, alpha } = xyz65;
 	if (x === void 0) x = 0;
@@ -3714,6 +4155,8 @@ var convertXyz65ToXyz50 = (xyz65) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz65/convertXyz50ToXyz65.js
 var convertXyz50ToXyz65 = (xyz50) => {
 	let { x, y, z, alpha } = xyz50;
 	if (x === void 0) x = 0;
@@ -3728,6 +4171,8 @@ var convertXyz50ToXyz65 = (xyz50) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz65/definition.js
 var definition$1 = {
 	mode: "xyz65",
 	toMode: {
@@ -3761,6 +4206,8 @@ var definition$1 = {
 		}
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/yiq/convertRgbToYiq.js
 var convertRgbToYiq = ({ r, g, b, alpha }) => {
 	if (r === void 0) r = 0;
 	if (g === void 0) g = 0;
@@ -3774,6 +4221,8 @@ var convertRgbToYiq = ({ r, g, b, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/yiq/convertYiqToRgb.js
 var convertYiqToRgb = ({ y, i, q, alpha }) => {
 	if (y === void 0) y = 0;
 	if (i === void 0) i = 0;
@@ -3787,6 +4236,8 @@ var convertYiqToRgb = ({ y, i, q, alpha }) => {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 };
+//#endregion
+//#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/yiq/definition.js
 var definition = {
 	mode: "yiq",
 	toMode: { rgb: convertYiqToRgb },
@@ -3843,6 +4294,8 @@ useMode(definition$3);
 useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
+//#endregion
+//#region ../../node_modules/.bun/@basmilius+http-client@3.11.1+1fb4c65d43e298b9/node_modules/@basmilius/http-client/dist/index.mjs
 function c(e) {
 	return class extends e {
 		constructor(...e) {
@@ -4227,6 +4680,23 @@ function pe$1(e, t, n) {
 	onScopeDispose(s);
 }
 RegExp(`[a-z]`), RegExp(`[A-Z]`), RegExp(`[0-9]`), RegExp(`[!"#$%&'()*+,-./:;<=>?@[\\\\\\]^_\`{|}~]`);
+function ye$1(e, t, n) {
+	n ??= {};
+	let r, i = watch(e, (e) => {
+		o();
+		let i = G$1(e);
+		i && (r = new ResizeObserver(t), r.observe(i, n));
+	}, { immediate: !0 });
+	function o() {
+		r &&= (r.disconnect(), void 0);
+	}
+	function s() {
+		o(), i();
+	}
+	onScopeDispose(s);
+}
+//#endregion
+//#region ../internals/dist/index.mjs
 function f(e, n) {
 	let r = ref(!1), o = ref(e), s = computed(() => {
 		let e = [], t = unref(o).month, n = unref(o).startOf(`month`);
@@ -4632,6 +5102,8 @@ var Overlay_module_default = {
 	slideOverTransitionEnterFrom: `slide-over-transition-enter-from`,
 	slideOverTransitionLeaveTo: `slide-over-transition-leave-to`
 };
+//#endregion
+//#region src/util/createDialogRenderer.ts
 var TARGET_SELECTOR = `.${Overlay_module_default.overlayProvider.replaceAll(" ", ".")}`;
 var DIALOG_ID = 0;
 function createDialogRenderer_default(attrs, props, emit, slots, className, transition) {
@@ -4680,6 +5152,8 @@ function createDialogRenderer_default(attrs, props, emit, slots, className, tran
 		}, [h(transition, attrs, { default: () => content })]);
 	};
 }
+//#endregion
+//#region src/util/createLabelForDateRange.ts
 function createLabelForDateRange_default(start, end, preventCustom = false) {
 	const translate = useTranslate_default();
 	if (start.day === end.day && start.month === end.month && start.year === end.year) return start.toLocaleString({
@@ -4711,6 +5185,8 @@ function createLabelForDateRange_default(start, end, preventCustom = false) {
 	})}`;
 	return translate("flux.customPeriod");
 }
+//#endregion
+//#region src/data/filter.ts
 function parseDate(base) {
 	return {
 		...base,
@@ -4802,7 +5278,7 @@ function generateMultiOptionsLabel(translate, options, values) {
 	if (selected === 1) return options.find((o) => values.includes(o.value)).label;
 	return translate("flux.nSelected", { n: selected });
 }
-const filterParsers = {
+var filterParsers = {
 	date: parseDate,
 	dateRange: parseDateRange,
 	option: parseOption,
@@ -4817,13 +5293,17 @@ function isFluxFilterOptionHeader(obj) {
 function isFluxFilterOptionItem(obj) {
 	return "label" in obj && "value" in obj;
 }
+//#endregion
+//#region src/data/helper.ts
 function isFluxFormSelectGroup(item) {
 	return item !== null && typeof item === "object" && !("value" in item);
 }
 function isFluxFormSelectOption(item) {
 	return item !== null && typeof item === "object" && "value" in item;
 }
-const english = {
+//#endregion
+//#region src/data/i18n.ts
+var english = {
 	"flux.back": "Back",
 	"flux.cancel": "Cancel",
 	"flux.comingSoon": "Coming soon",
@@ -4875,7 +5355,9 @@ const english = {
 	"flux.timezoneIndian": "Indian",
 	"flux.timezonePacific": "Pacific"
 };
-let iconRegistry = {};
+//#endregion
+//#region src/data/iconRegistry.ts
+var iconRegistry = {};
 function fluxRegisterIcons(icons) {
 	iconRegistry = Object.keys(icons).reduce((acc, key) => {
 		if (!icons[key]) return acc;
@@ -4885,6 +5367,8 @@ function fluxRegisterIcons(icons) {
 		return acc;
 	}, {});
 }
+//#endregion
+//#region src/data/store.ts
 var DEFAULT_SNACKBAR_DURATION = 6e3;
 var state = reactive({
 	dialogCount: 0,
@@ -5043,6 +5527,8 @@ function useFluxStore() {
 function promiseToVoidFunction(fn) {
 	return (...args) => fn(...args);
 }
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/core/utils.js
 /** Checks if value is string */
 function isString(str) {
 	return typeof str === "string" || str instanceof String;
@@ -5100,6 +5586,8 @@ function objectIncludes(b, a) {
 	} else if (a && b && typeof a === "function" && typeof b === "function") return a.toString() === b.toString();
 	return false;
 }
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/core/action-details.js
 /** Provides details of changing input */
 var ActionDetails = class {
 	/** Current input value */
@@ -5146,10 +5634,14 @@ var ActionDetails = class {
 		return (this.oldSelection.end === this.cursorPos || this.oldSelection.start === this.cursorPos) && this.oldSelection.end === this.oldSelection.start ? DIRECTION.RIGHT : DIRECTION.LEFT;
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/core/holder.js
 /** Applies mask on element */
 function IMask(el, opts) {
 	return new IMask.InputMask(el, opts);
 }
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/masked/factory.js
 /** Get Masked class by mask type */
 function maskedClass(mask) {
 	if (mask == null) throw new Error("mask property should be defined");
@@ -5196,6 +5688,8 @@ function createMask(opts) {
 	return new MaskedClass(nOpts);
 }
 IMask.createMask = createMask;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/controls/mask-element.js
 /**  Generic element API to use with mask */
 var MaskElement = class {
 	/** */
@@ -5230,6 +5724,8 @@ var MaskElement = class {
 	}
 };
 IMask.MaskElement = MaskElement;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/controls/html-mask-element.js
 var KEY_Z = 90;
 var KEY_Y = 89;
 /** Bridge between HTMLElement and {@link Masked} */
@@ -5304,6 +5800,8 @@ var HTMLMaskElement = class extends MaskElement {
 	}
 };
 IMask.HTMLMaskElement = HTMLMaskElement;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/controls/html-input-mask-element.js
 /** Bridge between InputElement and {@link Masked} */
 var HTMLInputMaskElement = class extends HTMLMaskElement {
 	/** InputElement to use mask on */
@@ -5331,6 +5829,8 @@ var HTMLInputMaskElement = class extends HTMLMaskElement {
 	}
 };
 IMask.HTMLMaskElement = HTMLMaskElement;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/controls/html-contenteditable-mask-element.js
 var HTMLContenteditableMaskElement = class extends HTMLMaskElement {
 	/** Returns HTMLElement selection start */
 	get _unsafeSelectionStart() {
@@ -5372,6 +5872,8 @@ var HTMLContenteditableMaskElement = class extends HTMLMaskElement {
 	}
 };
 IMask.HTMLContenteditableMaskElement = HTMLContenteditableMaskElement;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/controls/input-history.js
 var InputHistory = class InputHistory {
 	constructor() {
 		this.states = [];
@@ -5405,6 +5907,8 @@ var InputHistory = class InputHistory {
 	}
 };
 InputHistory.MAX_LENGTH = 100;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/controls/input.js
 /** Listens to element events and controls changes between element and {@link Masked} */
 var InputMask = class {
 	/**
@@ -5691,6 +6195,8 @@ var InputMask = class {
 	}
 };
 IMask.InputMask = InputMask;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/core/change-details.js
 /** Provides details of changing model value */
 var ChangeDetails = class ChangeDetails {
 	/** Inserted symbols */
@@ -5728,6 +6234,8 @@ var ChangeDetails = class ChangeDetails {
 	}
 };
 IMask.ChangeDetails = ChangeDetails;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/core/continuous-tail-details.js
 /** Provides details of continuous extracted tail */
 var ContinuousTailDetails = class {
 	/** Tail value as string */
@@ -5772,6 +6280,8 @@ var ContinuousTailDetails = class {
 		return shiftChar;
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/masked/base.js
 /** Append flags */
 /** Extract flags */
 /** Provides common masking stuff */
@@ -6066,6 +6576,8 @@ Masked.EMPTY_VALUES = [
 	""
 ];
 IMask.Masked = Masked;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/masked/pattern/chunk-tail-details.js
 var ChunksTailDetails = class ChunksTailDetails {
 	/** */
 	constructor(chunks, from) {
@@ -6167,6 +6679,8 @@ var ChunksTailDetails = class ChunksTailDetails {
 		return "";
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/masked/pattern/cursor.js
 var PatternCursor = class {
 	constructor(masked, pos) {
 		this.masked = masked;
@@ -6273,6 +6787,8 @@ var PatternCursor = class {
 		});
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/masked/pattern/fixed-definition.js
 var PatternFixedDefinition = class {
 	/** */
 	/** */
@@ -6387,6 +6903,8 @@ var PatternFixedDefinition = class {
 		return this._appendPlaceholder();
 	}
 };
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/masked/pattern/input-definition.js
 var PatternInputDefinition = class {
 	/** */
 	/** */
@@ -6525,6 +7043,8 @@ PatternInputDefinition.DEFAULT_DEFINITIONS = {
 	"a": /[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,
 	"*": /./
 };
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/masked/regexp.js
 /** Masking by RegExp */
 var MaskedRegExp = class extends Masked {
 	/** */
@@ -6542,6 +7062,8 @@ var MaskedRegExp = class extends Masked {
 	}
 };
 IMask.MaskedRegExp = MaskedRegExp;
+//#endregion
+//#region ../../node_modules/.bun/imask@7.6.1/node_modules/imask/esm/masked/pattern.js
 /** Pattern mask */
 var MaskedPattern = class MaskedPattern extends Masked {
 	/** */
@@ -6920,6 +7442,8 @@ MaskedPattern.ESCAPE_CHAR = "\\";
 MaskedPattern.InputDefinition = PatternInputDefinition;
 MaskedPattern.FixedDefinition = PatternFixedDefinition;
 IMask.MaskedPattern = MaskedPattern;
+//#endregion
+//#region src/data/inputMask.ts
 var inputMask_exports = /* @__PURE__ */ __exportAll({
 	bic: () => bic,
 	iban: () => iban,
@@ -6946,13 +7470,19 @@ function vat(element) {
 		prepareChar: (str) => str.toUpperCase()
 	});
 }
+//#endregion
+//#region src/composable/useDisabledInjection.ts
 function useDisabledInjection_default() {
 	return inject(FluxDisabledInjectionKey, ref(false));
 }
+//#endregion
+//#region src/composable/useDisabled.ts
 function useDisabled_default(componentDisabled) {
 	const treeDisabled = useDisabledInjection_default();
 	return computed(() => unref(componentDisabled) || unref(treeDisabled));
 }
+//#endregion
+//#region src/composable/useExpandableGroupInjection.ts
 function useExpandableGroupInjection_default() {
 	return inject(FluxExpandableGroupInjectionKey, {
 		closeAll: () => void 0,
@@ -6960,6 +7490,8 @@ function useExpandableGroupInjection_default() {
 		unregister: () => void 0
 	});
 }
+//#endregion
+//#region src/composable/useFilterInjection.ts
 function useFilterInjection_default() {
 	return inject(FluxFilterInjectionKey, {
 		state: ref({}),
@@ -6970,6 +7502,8 @@ function useFilterInjection_default() {
 		setValue: () => void 0
 	});
 }
+//#endregion
+//#region src/composable/useFlyoutInjection.ts
 function useFlyoutInjection_default() {
 	return inject(FluxFlyoutInjectionKey, {
 		isClosing: ref(false),
@@ -6977,9 +7511,13 @@ function useFlyoutInjection_default() {
 		isOpening: ref(false)
 	});
 }
+//#endregion
+//#region src/composable/useFormFieldInjection.ts
 function useFormFieldInjection_default() {
 	return inject(FluxFormFieldInjectionKey, { id: useId() });
 }
+//#endregion
+//#region src/composable/useTableInjection.ts
 function useTableInjection_default() {
 	return inject(FluxTableInjectionKey, {
 		isBordered: false,
@@ -6988,6 +7526,8 @@ function useTableInjection_default() {
 		isStriped: false
 	});
 }
+//#endregion
+//#region src/composable/useTooltipInjection.ts
 function useTooltipInjection_default() {
 	return inject(FluxTooltipInjectionKey, { calculate: () => void 0 });
 }
@@ -6999,6 +7539,8 @@ var Pane_module_default$1 = {
 	form: `form`,
 	paneHeader: `pane-header`
 };
+//#endregion
+//#region src/css/component/Icon.module.scss
 var { "basePane": _0$16 } = Pane_module_default$1;
 var Icon_module_default = {
 	icon: `icon`,
@@ -7013,8 +7555,12 @@ var Icon_module_default = {
 	iconBoxedSuccess: `icon-boxed-success icon-boxed-colored icon-boxed ${_0$16}`,
 	iconBoxedWarning: `icon-boxed-warning icon-boxed-colored icon-boxed ${_0$16}`
 };
-var _hoisted_1$44 = ["viewBox"];
-var _hoisted_2$19 = ["d"];
+//#endregion
+//#region src/component/FluxIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$46 = ["viewBox"];
+var _hoisted_2$21 = ["d"];
+//#endregion
+//#region src/component/FluxIcon.vue
 var FluxIcon_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxIcon",
 	props: {
@@ -7056,19 +7602,23 @@ var FluxIcon_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					d: path,
 					fill: "currentColor"
-				}, null, 8, _hoisted_2$19);
-			}), 256))], 14, _hoisted_1$44)) : (openBlock(), createElementBlock("i", {
+				}, null, 8, _hoisted_2$21);
+			}), 256))], 14, _hoisted_1$46)) : (openBlock(), createElementBlock("i", {
 				key: 1,
 				class: normalizeClass(unref(Icon_module_default).icon)
 			}, null, 2));
 		};
 	}
 });
-var _hoisted_1$43 = [
+//#endregion
+//#region src/component/FluxPressable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$45 = [
 	"href",
 	"rel",
 	"target"
 ];
+//#endregion
+//#region src/component/FluxPressable.vue
 var FluxPressable_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPressable",
 	props: {
@@ -7084,8 +7634,11 @@ var FluxPressable_default = /* @__PURE__ */ defineComponent({
 		"mouseleave"
 	],
 	setup(__props, { emit: __emit, attrs: $attrs }) {
-		const $emit = __emit;
 		const emit = __emit;
+		const hoverListeners = {
+			onMouseenter: (evt) => emit("mouseenter", evt),
+			onMouseleave: (evt) => emit("mouseleave", evt)
+		};
 		function onClick(evt, navigate) {
 			emit("click", evt);
 			if (evt.defaultPrevented) return;
@@ -7093,13 +7646,11 @@ var FluxPressable_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			const _component_router_link = resolveComponent("router-link");
-			return __props.componentType === "route" ? (openBlock(), createBlock(_component_router_link, mergeProps({ key: 0 }, $attrs, {
+			return __props.componentType === "route" ? (openBlock(), createBlock(_component_router_link, mergeProps({ key: 0 }, $attrs, toHandlers(hoverListeners), {
 				rel: __props.rel,
 				target: __props.target,
 				to: __props.to,
-				onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
-				onMouseenter: _cache[1] || (_cache[1] = ($event) => $emit("mouseenter", $event)),
-				onMouseleave: _cache[2] || (_cache[2] = ($event) => $emit("mouseleave", $event))
+				onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -7107,22 +7658,12 @@ var FluxPressable_default = /* @__PURE__ */ defineComponent({
 				"rel",
 				"target",
 				"to"
-			])) : __props.componentType === "link" ? (openBlock(), createElementBlock("a", mergeProps({ key: 1 }, $attrs, {
+			])) : __props.componentType === "link" ? (openBlock(), createElementBlock("a", mergeProps({ key: 1 }, $attrs, toHandlers(hoverListeners, true), {
 				href: __props.href,
 				rel: __props.rel,
 				target: __props.target,
-				onClick: _cache[3] || (_cache[3] = ($event) => onClick($event)),
-				onMouseenter: _cache[4] || (_cache[4] = ($event) => $emit("mouseenter", $event)),
-				onMouseleave: _cache[5] || (_cache[5] = ($event) => $emit("mouseleave", $event))
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$43)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, {
-				onClick: _cache[6] || (_cache[6] = ($event) => onClick($event)),
-				onMouseenter: _cache[7] || (_cache[7] = ($event) => $emit("mouseenter", $event)),
-				onMouseleave: _cache[8] || (_cache[8] = ($event) => $emit("mouseleave", $event))
-			}), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, {
-				onClick,
-				onMouseenter: _cache[9] || (_cache[9] = ($event) => $emit("mouseenter", $event)),
-				onMouseleave: _cache[10] || (_cache[10] = ($event) => $emit("mouseleave", $event))
-			}), [renderSlot(_ctx.$slots, "default")], 16));
+				onClick: _cache[1] || (_cache[1] = ($event) => onClick($event))
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$45)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[2] || (_cache[2] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
 		};
 	}
 });
@@ -7132,6 +7673,8 @@ var Spinner_module_default = {
 	spinnerEffect: `spinner-effect`,
 	spinnerValue: `spinner-value`
 };
+//#endregion
+//#region src/component/FluxSpinner.vue
 var FluxSpinner_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSpinner",
 	props: { size: {} },
@@ -7187,7 +7730,9 @@ var Button_module_default$1 = {
 	buttonLabel: `button-label`,
 	badge: `badge`
 };
-const SLOTS = [
+//#endregion
+//#region src/component/FluxButton.vue?vue&type=script&setup=true&lang.ts
+var SLOTS = [
 	"default",
 	"after",
 	"before",
@@ -7195,6 +7740,8 @@ const SLOTS = [
 	"iconTrailing",
 	"label"
 ];
+//#endregion
+//#region src/component/FluxButton.vue
 var FluxButton_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxButton",
 	props: {
@@ -7294,6 +7841,8 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Action.module.scss
 var { "button": _0$15, "buttonIcon": _1$8, "buttonLabel": _2$5 } = Button_module_default$1;
 var Action_module_default = {
 	action: `action ${_0$15}`,
@@ -7311,6 +7860,8 @@ var Action_module_default = {
 	actionPaneBody: `action-pane-body`,
 	paneBody: `pane-body`
 };
+//#endregion
+//#region src/component/FluxAction.vue
 var FluxAction_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxAction",
 	props: {
@@ -7362,6 +7913,8 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Button.module.scss
 var { "button": _0$14, "buttonIcon": _1$7, "buttonLabel": _2$4 } = Button_module_default$1;
 var Button_module_default = {
 	primaryButton: `primary-button ${_0$14}`,
@@ -7402,6 +7955,8 @@ var Button_module_default = {
 	buttonGroup: `button-group`,
 	button: `button`
 };
+//#endregion
+//#region src/component/FluxButtonGroup.vue
 var FluxButtonGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxButtonGroup",
 	setup(__props) {
@@ -7410,6 +7965,8 @@ var FluxButtonGroup_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxDestructiveButton.vue
 var FluxDestructiveButton_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDestructiveButton",
 	props: {
@@ -7469,6 +8026,8 @@ var FluxDestructiveButton_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Pane.module.scss
 var { "basePaneStructure": _0$13, "basePaneElement": _1$6, "basePaneLoader": _2$3 } = Pane_module_default$1;
 var Pane_module_default = {
 	pane: `pane ${_0$13}`,
@@ -7496,6 +8055,8 @@ var Pane_module_default = {
 	paneIllustrationMasked: `pane-illustration-masked pane-illustration`,
 	iconBoxed: `icon-boxed`
 };
+//#endregion
+//#region src/component/FluxPane.vue
 var FluxPane_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPane",
 	props: {
@@ -7533,7 +8094,11 @@ var Flyout_module_default = {
 	mobileClose: `mobile-close`,
 	mobileOpen: `mobile-open`
 };
-var _hoisted_1$42 = ["onKeydown"];
+//#endregion
+//#region src/component/FluxFlyout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$44 = ["onKeydown"];
+//#endregion
+//#region src/component/FluxFlyout.vue
 var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFlyout",
 	props: {
@@ -7667,10 +8232,12 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 					openerHeight: openerHeight.value
 				})))]),
 				_: 3
-			}, 8, ["class", "style"])) : createCommentVNode("", true)], 42, _hoisted_1$42)], 6);
+			}, 8, ["class", "style"])) : createCommentVNode("", true)], 42, _hoisted_1$44)], 6);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxSecondaryButton.vue
 var FluxSecondaryButton_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSecondaryButton",
 	props: {
@@ -7730,6 +8297,8 @@ var FluxSecondaryButton_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Layout.module.scss
 var { "baseAutoGrid": _0$12 } = { baseAutoGrid: `base-auto-grid` };
 var Layout_module_default = {
 	aspectRatio: `aspect-ratio`,
@@ -7743,6 +8312,8 @@ var Layout_module_default = {
 	stackHorizontal: `stack-horizontal stack`,
 	stackVertical: `stack-vertical stack`
 };
+//#endregion
+//#region src/component/FluxSpacer.vue
 var FluxSpacer_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSpacer",
 	setup(__props) {
@@ -7751,6 +8322,8 @@ var FluxSpacer_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxStack.vue
 var FluxStack_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxStack",
 	props: {
@@ -7773,6 +8346,8 @@ var FluxStack_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxTooltip.vue
 var FluxTooltip_default = defineComponent({
 	props: {
 		content: String,
@@ -7811,6 +8386,8 @@ var FluxTooltip_default = defineComponent({
 		return () => (slots.default?.() ?? [])[0] ?? null;
 	}
 });
+//#endregion
+//#region src/component/FluxActionBar.vue
 var FluxActionBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxActionBar",
 	props: { isResettable: { type: Boolean } },
@@ -7869,6 +8446,8 @@ var FluxActionBar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxButtonStack.vue
 var FluxButtonStack_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxButtonStack",
 	props: {
@@ -7893,6 +8472,8 @@ var FluxButtonStack_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPaneBody.vue
 var FluxPaneBody_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPaneBody",
 	setup(__props) {
@@ -7901,6 +8482,8 @@ var FluxPaneBody_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxActionPane.vue
 var FluxActionPane_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxActionPane",
 	props: { paneVariant: {} },
@@ -7929,6 +8512,8 @@ var FluxActionPane_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxActions.vue
 var FluxActions_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxActions",
 	setup(__props) {
@@ -7955,6 +8540,8 @@ var Visual_module_default = {
 	borderShine: `border-shine`,
 	borderShinePosition: `border-shine-position`
 };
+//#endregion
+//#region src/component/FluxAnimatedColors.vue
 var FluxAnimatedColors_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxAnimatedColors",
 	props: {
@@ -8055,6 +8642,8 @@ var FluxAnimatedColors_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxAspectRatio.vue
 var FluxAspectRatio_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxAspectRatio",
 	props: { aspectRatio: {} },
@@ -8067,6 +8656,8 @@ var FluxAspectRatio_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxAutoGrid.vue
 var FluxAutoGrid_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxAutoGrid",
 	props: {
@@ -8085,6 +8676,8 @@ var FluxAutoGrid_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/transition/FluxAutoHeightTransition.vue
 var FluxAutoHeightTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxAutoHeightTransition",
 	setup(__props) {
@@ -8126,6 +8719,8 @@ var FluxAutoHeightTransition_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/transition/FluxAutoWidthTransition.vue
 var FluxAutoWidthTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxAutoWidthTransition",
 	setup(__props) {
@@ -8211,6 +8806,8 @@ var Transition_module_default = {
 	windowTransitionBackEnterFrom: `window-transition-back-enter-from`,
 	windowTransitionLeaveTo: `window-transition-leave-to`
 };
+//#endregion
+//#region src/transition/FluxBreakthroughTransition.vue
 var FluxBreakthroughTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxBreakthroughTransition",
 	props: {
@@ -8238,6 +8835,8 @@ var FluxBreakthroughTransition_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/transition/FluxFadeTransition.vue
 var FluxFadeTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFadeTransition",
 	props: { mode: { default: "out-in" } },
@@ -8266,6 +8865,8 @@ var FluxFadeTransition_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/transition/FluxOverlayTransition.vue
 var FluxOverlayTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxOverlayTransition",
 	props: { mode: { default: "out-in" } },
@@ -8290,6 +8891,8 @@ var FluxOverlayTransition_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/transition/FluxRouteTransition.vue
 var FluxRouteTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxRouteTransition",
 	props: {
@@ -8317,6 +8920,8 @@ var FluxRouteTransition_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/transition/FluxSlideOverTransition.vue
 var FluxSlideOverTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSlideOverTransition",
 	props: { mode: { default: "out-in" } },
@@ -8341,6 +8946,8 @@ var FluxSlideOverTransition_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/transition/FluxTooltipTransition.vue
 var FluxTooltipTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTooltipTransition",
 	props: { mode: { default: "out-in" } },
@@ -8365,6 +8972,8 @@ var FluxTooltipTransition_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/transition/FluxVerticalWindowTransition.vue
 var FluxVerticalWindowTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxVerticalWindowTransition",
 	props: {
@@ -8392,6 +9001,8 @@ var FluxVerticalWindowTransition_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/transition/FluxWindowTransition.vue
 var FluxWindowTransition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxWindowTransition",
 	props: {
@@ -8440,8 +9051,12 @@ var Avatar_module_default = {
 	persona: `persona`,
 	personaDetails: `persona-details`
 };
-var _hoisted_1$41 = ["alt", "src"];
-var _hoisted_2$18 = { key: 0 };
+//#endregion
+//#region src/component/FluxAvatar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$43 = ["alt", "src"];
+var _hoisted_2$20 = { key: 0 };
+//#endregion
+//#region src/component/FluxAvatar.vue
 var FluxAvatar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxAvatar",
 	props: {
@@ -8525,10 +9140,10 @@ var FluxAvatar_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(Avatar_module_default).avatarImage),
 						alt: __props.alt,
 						src: __props.src
-					}, null, 10, _hoisted_1$41)) : (openBlock(), createElementBlock("div", {
+					}, null, 10, _hoisted_1$43)) : (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass(__props.fallback === "colorized" ? unref(Avatar_module_default).avatarFallbackColorized : unref(Avatar_module_default).avatarFallbackNeutral)
-					}, [__props.fallbackInitials ? (openBlock(), createElementBlock("span", _hoisted_2$18, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
+					}, [__props.fallbackInitials ? (openBlock(), createElementBlock("span", _hoisted_2$20, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
 						key: 1,
 						name: __props.fallbackIcon
 					}, null, 8, ["name"])) : createCommentVNode("", true)], 2)),
@@ -8585,6 +9200,8 @@ var Badge_module_default = {
 	tagSuccess: `tag-success badge-success badge tag badge`,
 	tagWarning: `tag-warning badge-warning badge tag badge`
 };
+//#endregion
+//#region src/component/FluxBadge.vue
 var FluxBadge_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxBadge",
 	props: {
@@ -8661,6 +9278,8 @@ var FluxBadge_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxBadgeStack.vue
 var FluxBadgeStack_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxBadgeStack",
 	setup(__props) {
@@ -8676,6 +9295,8 @@ var FluxBadgeStack_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxBorderShine.vue
 var FluxBorderShine_default = defineComponent({
 	inheritAttrs: false,
 	props: {
@@ -8722,6 +9343,8 @@ var FluxBorderShine_default = defineComponent({
 		})));
 	}
 });
+//#endregion
+//#region src/component/FluxBoxedIcon.vue
 var FluxBoxedIcon_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxBoxedIcon",
 	props: {
@@ -8739,6 +9362,8 @@ var FluxBoxedIcon_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/primitive/Anchor.vue
 var Anchor_default = /* @__PURE__ */ defineComponent({
 	__name: "Anchor",
 	props: { tagName: {} },
@@ -8751,6 +9376,8 @@ var Anchor_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/primitive/AnchorPopup.vue
 var AnchorPopup_default = /* @__PURE__ */ defineComponent({
 	__name: "AnchorPopup",
 	props: {
@@ -8912,6 +9539,8 @@ var Filter_module_default = {
 	filterBar: `filter-bar`,
 	filterBarSearch: `filter-bar-search`
 };
+//#endregion
+//#region src/component/primitive/FilterBadge.vue
 var FilterBadge_default = /* @__PURE__ */ defineComponent({
 	__name: "FilterBadge",
 	props: {
@@ -8955,7 +9584,9 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var { "buttonLabel": _0$11, "buttonIcon": _1$5, "button": _2$2 } = Button_module_default$1;
+//#endregion
+//#region src/css/component/Menu.module.scss
+var { "buttonIcon": _0$11, "button": _1$5, "buttonLabel": _2$2 } = Button_module_default$1;
 var Menu_module_default = {
 	menu: `menu`,
 	menuNormal: `menu-normal menu`,
@@ -8963,15 +9594,15 @@ 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$5}`,
 	badge: `badge`,
-	menuItemIcon: `menu-item-icon ${_1$5}`,
-	menuItemLabel: `menu-item-label ${_0$11}`,
+	menuItemIcon: `menu-item-icon ${_0$11}`,
+	menuItemLabel: `menu-item-label ${_2$2}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
 	menuItemHighlighted: `menu-item-highlighted`,
 	menuItemIndented: `menu-item-indented`,
-	menuItemSelectableIcon: `menu-item-selectable-icon ${_1$5}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_0$11}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -8986,7 +9617,11 @@ var Menu_module_default = {
 	separator: `separator`,
 	expandableBody: `expandable-body`
 };
-var _hoisted_1$40 = ["src", "alt"];
+//#endregion
+//#region src/component/FluxMenuItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$42 = ["src", "alt"];
+//#endregion
+//#region src/component/FluxMenuItem.vue
 var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenuItem",
 	props: {
@@ -9061,7 +9696,7 @@ var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Menu_module_default).menuItemImage),
 					src: __props.imageSrc,
 					alt: __props.imageAlt ?? ""
-				}, null, 10, _hoisted_1$40)]),
+				}, null, 10, _hoisted_1$42)]),
 				key: "1"
 			} : void 0, __props.command || __props.commandIcon || __props.commandLoading || slots.after ? {
 				name: "after",
@@ -9090,6 +9725,8 @@ var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/primitive/FilterItem.vue
 var FilterItem_default = /* @__PURE__ */ defineComponent({
 	__name: "FilterItem",
 	props: {
@@ -9136,6 +9773,8 @@ var FilterItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Form.module.scss
 var { "basePane": _0$10 } = Pane_module_default$1;
 var Form_module_default = {
 	formInputGroup: `form-input-group form-input`,
@@ -9216,8 +9855,10 @@ var Form_module_default = {
 	toggleIconOn: `toggle-icon-on toggle-icon`,
 	toggleIconOff: `toggle-icon-off toggle-icon`
 };
-var _hoisted_1$39 = ["aria-disabled"];
-var _hoisted_2$17 = [
+//#endregion
+//#region src/component/FluxFormInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$41 = ["aria-disabled"];
+var _hoisted_2$19 = [
 	"id",
 	"autocomplete",
 	"autofocus",
@@ -9232,6 +9873,8 @@ var _hoisted_2$17 = [
 	"type",
 	"value"
 ];
+//#endregion
+//#region src/component/FluxFormInput.vue
 var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormInput",
 	props: /* @__PURE__ */ mergeModels({
@@ -9387,7 +10030,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					onFocus: _cache[1] || (_cache[1] = ($event) => onFocus()),
 					onInput,
 					onKeydown: onKeyDown
-				}, null, 42, _hoisted_2$17),
+				}, null, 42, _hoisted_2$19),
 				__props.iconLeading ? (openBlock(), createBlock(FluxIcon_default, {
 					key: 0,
 					class: normalizeClass(unref(Form_module_default).formInputIconLeading),
@@ -9411,10 +10054,12 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Form_module_default).formInputIconTrailing),
 					size: 18
 				}, null, 8, ["class"])) : createCommentVNode("", true)
-			], 10, _hoisted_1$39);
+			], 10, _hoisted_1$41);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxMenuGroup.vue
 var FluxMenuGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenuGroup",
 	props: { isHorizontal: { type: Boolean } },
@@ -9427,6 +10072,8 @@ var FluxMenuGroup_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxMenuSubHeader.vue
 var FluxMenuSubHeader_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenuSubHeader",
 	props: {
@@ -9455,6 +10102,8 @@ var FluxMenuSubHeader_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/primitive/FilterOptionBase.vue
 var FilterOptionBase_default = /* @__PURE__ */ defineComponent({
 	__name: "FilterOptionBase",
 	props: /* @__PURE__ */ mergeModels({
@@ -9512,6 +10161,8 @@ var FilterOptionBase_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxMenu.vue
 var FluxMenu_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenu",
 	props: { isLarge: { type: Boolean } },
@@ -9527,6 +10178,8 @@ var FluxMenu_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxTag.vue
 var FluxTag_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTag",
 	props: {
@@ -9604,7 +10257,11 @@ var FluxTag_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/primitive/SelectBase.vue?vue&type=script&setup=true&lang.ts
 var INITIAL_HIGHLIGHTED_INDEX = -1;
+//#endregion
+//#region src/component/primitive/SelectBase.vue
 var SelectBase_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SelectBase",
@@ -9884,6 +10541,8 @@ var Slider_module_default = {
 	tickSmall: `tick-small tick`,
 	ticks: `ticks`
 };
+//#endregion
+//#region src/component/FluxTicks.vue
 var FluxTicks_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTicks",
 	props: {
@@ -9910,7 +10569,11 @@ var FluxTicks_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$38 = ["aria-disabled"];
+//#endregion
+//#region src/component/primitive/SliderBase.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$40 = ["aria-disabled"];
+//#endregion
+//#region src/component/primitive/SliderBase.vue
 var SliderBase_default = /* @__PURE__ */ defineComponent({
 	__name: "SliderBase",
 	props: {
@@ -9963,11 +10626,15 @@ var SliderBase_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				lower: __props.min,
 				upper: __props.max
-			}, null, 8, ["lower", "upper"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$38);
+			}, null, 8, ["lower", "upper"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$40);
 		};
 	}
 });
-var _hoisted_1$37 = ["aria-disabled", "tabindex"];
+//#endregion
+//#region src/component/primitive/SliderThumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$39 = ["aria-disabled", "tabindex"];
+//#endregion
+//#region src/component/primitive/SliderThumb.vue
 var SliderThumb_default = /* @__PURE__ */ defineComponent({
 	__name: "SliderThumb",
 	props: {
@@ -10008,10 +10675,12 @@ var SliderThumb_default = /* @__PURE__ */ defineComponent({
 				type: "button",
 				onKeydown: onKeyDown,
 				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
-			}, null, 46, _hoisted_1$37);
+			}, null, 46, _hoisted_1$39);
 		};
 	}
 });
+//#endregion
+//#region src/component/primitive/SliderTrack.vue
 var SliderTrack_default = /* @__PURE__ */ defineComponent({
 	__name: "SliderTrack",
 	props: {
@@ -10041,7 +10710,11 @@ var Divider_module_default = {
 	separatorHorizontal: `separator-horizontal separator`,
 	separatorVertical: `separator-vertical separator`
 };
-var _hoisted_1$36 = ["aria-orientation"];
+//#endregion
+//#region src/component/FluxSeparator.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$38 = ["aria-orientation"];
+//#endregion
+//#region src/component/FluxSeparator.vue
 var FluxSeparator_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSeparator",
 	props: { direction: { default: "horizontal" } },
@@ -10051,11 +10724,13 @@ var FluxSeparator_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(__props.direction === "horizontal" ? unref(Divider_module_default).separatorHorizontal : unref(Divider_module_default).separatorVertical),
 				role: "separator",
 				"aria-orientation": __props.direction
-			}, null, 10, _hoisted_1$36);
+			}, null, 10, _hoisted_1$38);
 		};
 	}
 });
-const FilterMenuRenderer = defineComponent({
+//#endregion
+//#region src/component/primitive/FilterMenuRenderer.ts
+var FilterMenuRenderer = defineComponent({
 	props: {
 		menuItems: {
 			required: true,
@@ -10085,12 +10760,16 @@ function renderFilterItem(item, navigate, state) {
 		onClick: () => navigate(item.name)
 	});
 }
-const VNodeRenderer = defineComponent({
+//#endregion
+//#region src/component/primitive/VNodeRenderer.ts
+var VNodeRenderer = defineComponent({
 	props: { vnode: Object },
 	setup(props) {
 		return () => props.vnode;
 	}
 });
+//#endregion
+//#region src/css/component/Calendar.module.scss
 var { "basePaneStructure": _0$9, "basePaneLoader": _1$4 } = Pane_module_default$1;
 var Calendar_module_default = {
 	calendar: `calendar ${_0$9}`,
@@ -10134,8 +10813,12 @@ var DatePicker_module_default = {
 	datePickerDay: `date-picker-day`,
 	button: `button`
 };
-var _hoisted_1$35 = ["onClick"];
-var _hoisted_2$16 = ["onClick"];
+//#endregion
+//#region src/component/FluxCalendar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$37 = ["onClick"];
+var _hoisted_2$18 = ["onClick"];
+//#endregion
+//#region src/component/FluxCalendar.vue
 var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxCalendar",
 	props: {
@@ -10198,7 +10881,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(Calendar_module_default).calendarCurrentMonth),
 							type: "button",
 							onClick: open
-						}, toDisplayString(unref(viewMonth)), 11, _hoisted_1$35)]),
+						}, toDisplayString(unref(viewMonth)), 11, _hoisted_1$37)]),
 						default: withCtx(({ close }) => [createElementVNode("div", { class: normalizeClass(unref(DatePicker_module_default).datePickerMonths) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
 							return openBlock(), createBlock(FluxSecondaryButton_default, {
 								key: month.label,
@@ -10213,7 +10896,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(Calendar_module_default).calendarCurrentYear),
 							type: "button",
 							onClick: open
-						}, toDisplayString(unref(viewYear)), 11, _hoisted_2$16)]),
+						}, toDisplayString(unref(viewYear)), 11, _hoisted_2$18)]),
 						default: withCtx(({ close }) => [createElementVNode("div", { class: normalizeClass(unref(DatePicker_module_default).datePickerYears) }, [
 							createVNode(FluxSecondaryButton_default, {
 								"icon-leading": "angle-left",
@@ -10284,6 +10967,8 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxCalendarEvent.vue
 var FluxCalendarEvent_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxCalendarEvent",
 	props: {
@@ -10309,9 +10994,12 @@ var FluxCalendarEvent_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$34 = ["for"];
-var _hoisted_2$15 = ["id"];
-var _hoisted_3$6 = ["aria-checked"];
+//#endregion
+//#region src/component/FluxCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$36 = ["for"];
+var _hoisted_2$17 = ["id"];
+//#endregion
+//#region src/component/FluxCheckbox.vue
 var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxCheckbox",
 	props: /* @__PURE__ */ mergeModels({ label: {} }, {
@@ -10342,11 +11030,11 @@ var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 					type: "checkbox",
 					class: normalizeClass(unref(Form_module_default).checkboxNative),
 					id: unref(id)
-				}, null, 10, _hoisted_2$15), [[vModelCheckbox, modelValue.value]]),
+				}, null, 10, _hoisted_2$17), [[vModelCheckbox, modelValue.value]]),
 				createElementVNode("button", {
+					"aria-hidden": "true",
 					class: normalizeClass(unref(Form_module_default).checkboxElement),
-					role: "checkbox",
-					"aria-checked": modelValue.value ?? false
+					tabindex: "-1"
 				}, [isIndeterminate.value ? (openBlock(), createBlock(FluxIcon_default, {
 					key: 0,
 					name: "minus",
@@ -10355,12 +11043,12 @@ var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					name: "check",
 					size: 16
-				}))], 10, _hoisted_3$6),
+				}))], 2),
 				__props.label ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(unref(Form_module_default).checkboxLabel)
 				}, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$34);
+			], 10, _hoisted_1$36);
 		};
 	}
 });
@@ -10369,6 +11057,8 @@ var Chip_module_default = {
 	isSelectable: `is-selectable`,
 	isSelected: `is-selected`
 };
+//#endregion
+//#region src/component/FluxChip.vue
 var FluxChip_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxChip",
 	props: {
@@ -10411,6 +11101,8 @@ var FluxChip_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxClickablePane.vue
 var FluxClickablePane_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxClickablePane",
 	props: {
@@ -10471,8 +11163,12 @@ var Comment_module_default = {
 	isTyping: `is-typing`,
 	commentTyping: `comment-typing`
 };
-var _hoisted_1$33 = { key: 0 };
-var _hoisted_2$14 = ["datetime"];
+//#endregion
+//#region src/component/FluxComment.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$35 = { key: 0 };
+var _hoisted_2$16 = ["datetime"];
+//#endregion
+//#region src/component/FluxComment.vue
 var FluxComment_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxComment",
 	props: {
@@ -10514,14 +11210,16 @@ var FluxComment_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(Comment_module_default).commentTyping)
 				}, null, 2)) : renderSlot(_ctx.$slots, "default", { key: 1 })], 2),
-				createElementVNode("div", { class: normalizeClass(unref(Comment_module_default).commentFooter) }, [__props.isReceived && __props.postedBy ? (openBlock(), createElementBlock("span", _hoisted_1$33, toDisplayString(__props.postedBy), 1)) : createCommentVNode("", true), iso.value && relative.value && !__props.isTyping ? (openBlock(), createElementBlock("time", {
+				createElementVNode("div", { class: normalizeClass(unref(Comment_module_default).commentFooter) }, [__props.isReceived && __props.postedBy ? (openBlock(), createElementBlock("span", _hoisted_1$35, toDisplayString(__props.postedBy), 1)) : createCommentVNode("", true), iso.value && relative.value && !__props.isTyping ? (openBlock(), createElementBlock("time", {
 					key: 1,
 					datetime: iso.value
-				}, toDisplayString(isJustNowVisible.value ? unref(translate)("flux.justNow") : relative.value), 9, _hoisted_2$14)) : createCommentVNode("", true)], 2)
+				}, toDisplayString(isJustNowVisible.value ? unref(translate)("flux.justNow") : relative.value), 9, _hoisted_2$16)) : createCommentVNode("", true)], 2)
 			], 2);
 		};
 	}
 });
+//#endregion
+//#region src/css/component/primitive/CoordinatePicker.module.scss
 var { "sliderThumb": _0$8 } = Slider_module_default;
 var CoordinatePicker_module_default = {
 	coordinatePicker: `coordinate-picker`,
@@ -10529,7 +11227,11 @@ var CoordinatePicker_module_default = {
 	isDisabled: `is-disabled`,
 	isDragging: `is-dragging`
 };
-var _hoisted_1$32 = ["aria-disabled", "tabindex"];
+//#endregion
+//#region src/component/primitive/CoordinatePickerThumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$34 = ["aria-disabled", "tabindex"];
+//#endregion
+//#region src/component/primitive/CoordinatePickerThumb.vue
 var CoordinatePickerThumb_default = /* @__PURE__ */ defineComponent({
 	__name: "CoordinatePickerThumb",
 	props: {
@@ -10577,11 +11279,15 @@ var CoordinatePickerThumb_default = /* @__PURE__ */ defineComponent({
 				type: "button",
 				onKeydown: onKeyDown,
 				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
-			}, null, 46, _hoisted_1$32);
+			}, null, 46, _hoisted_1$34);
 		};
 	}
 });
-var _hoisted_1$31 = ["aria-disabled"];
+//#endregion
+//#region src/component/primitive/CoordinatePicker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$33 = ["aria-disabled"];
+//#endregion
+//#region src/component/primitive/CoordinatePicker.vue
 var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "CoordinatePicker",
 	props: /* @__PURE__ */ mergeModels({
@@ -10674,11 +11380,15 @@ var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
 				"disabled",
 				"is-dragging",
 				"position"
-			])], 42, _hoisted_1$31);
+			])], 42, _hoisted_1$33);
 		};
 	}
 });
-var _hoisted_1$30 = { key: 1 };
+//#endregion
+//#region src/component/FluxFormFieldAddition.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$32 = { key: 1 };
+//#endregion
+//#region src/component/FluxFormFieldAddition.vue
 var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormFieldAddition",
 	props: {
@@ -10698,13 +11408,17 @@ var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
 					name: __props.icon,
 					size: 16
 				}, null, 8, ["class", "name"])) : createCommentVNode("", true),
-				__props.message ? (openBlock(), createElementBlock("span", _hoisted_1$30, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+				__props.message ? (openBlock(), createElementBlock("span", _hoisted_1$32, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
 	}
 });
-var _hoisted_1$29 = ["for"];
+//#endregion
+//#region src/component/FluxFormField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$31 = ["for"];
+//#endregion
+//#region src/component/FluxFormField.vue
 var FluxFormField_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormField",
 	props: {
@@ -10743,7 +11457,7 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 						label: __props.label,
 						maxLength: __props.maxLength
 					})))], 2)) : createCommentVNode("", true)
-				], 10, _hoisted_1$29),
+				], 10, _hoisted_1$31),
 				renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ id: unref(id) }))),
 				__props.currentLength && __props.maxLength && __props.maxLength > 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -10773,6 +11487,8 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormSlider.vue
 var FluxFormSlider_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSlider",
 	props: /* @__PURE__ */ mergeModels({
@@ -10913,6 +11629,8 @@ var Color_module_default = {
 	button: `button`,
 	colorSelectCheck: `color-select-check`
 };
+//#endregion
+//#region src/component/FluxColorPicker.vue
 var FluxColorPicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxColorPicker",
 	props: /* @__PURE__ */ mergeModels({
@@ -11186,6 +11904,8 @@ var FluxColorPicker_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPrimaryButton.vue
 var FluxPrimaryButton_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPrimaryButton",
 	props: {
@@ -11245,8 +11965,12 @@ var FluxPrimaryButton_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$28 = ["onClick"];
-var _hoisted_2$13 = ["onClick"];
+//#endregion
+//#region src/component/FluxColorSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$30 = ["onClick"];
+var _hoisted_2$15 = ["onClick"];
+//#endregion
+//#region src/component/FluxColorSelect.vue
 var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxColorSelect",
 	props: /* @__PURE__ */ mergeModels({
@@ -11294,7 +12018,7 @@ var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Color_module_default).colorSelectCheck),
 					name: "check",
 					size: 16
-				}, null, 8, ["class"])], 14, _hoisted_1$28);
+				}, null, 8, ["class"])], 14, _hoisted_1$30);
 			}), 256)), __props.isCustomAllowed ? (openBlock(), createBlock(FluxFlyout_default, { key: 0 }, {
 				opener: withCtx(({ open }) => [createElementVNode("button", {
 					class: normalizeClass(unref(Color_module_default).colorSelectCustom),
@@ -11302,7 +12026,7 @@ var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 				}, [createVNode(FluxIcon_default, {
 					name: "ellipsis-h",
 					size: 16
-				})], 10, _hoisted_2$13)]),
+				})], 10, _hoisted_2$15)]),
 				default: withCtx(({ close }) => [createVNode(FluxColorPicker_default, {
 					modelValue: customColor.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customColor.value = $event),
@@ -11322,6 +12046,8 @@ var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxContainer.vue
 var FluxContainer_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxContainer",
 	props: { gutter: { default: 21 } },
@@ -11334,6 +12060,8 @@ var FluxContainer_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormSelect.vue
 var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSelect",
 	props: /* @__PURE__ */ mergeModels({
@@ -11385,16 +12113,18 @@ var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var { "secondaryButton": _0$7, "secondaryButtonLabel": _1$3, "secondaryButtonIcon": _2$1 } = Button_module_default;
+//#endregion
+//#region src/css/component/Pagination.module.scss
+var { "secondaryButtonIcon": _0$7, "secondaryButton": _1$3, "secondaryButtonLabel": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_0$7}`,
+	paginationButton: `pagination-button ${_1$3}`,
 	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 ${_1$3}`,
+	paginationButtonIcon: `pagination-button-icon ${_0$7}`,
+	paginationButtonLabel: `pagination-button-label ${_2$1}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
 	paginationBarLimitDisplayingOf: `pagination-bar-limit-displaying-of`,
@@ -11402,6 +12132,8 @@ var Pagination_module_default = {
 	menuItem: `menu-item`,
 	menuItemLabel: `menu-item-label`
 };
+//#endregion
+//#region src/component/FluxPaginationButton.vue
 var FluxPaginationButton_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPaginationButton",
 	props: {
@@ -11470,7 +12202,11 @@ var FluxPaginationButton_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$27 = ["aria-label"];
+//#endregion
+//#region src/component/FluxPagination.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$29 = ["aria-label"];
+//#endregion
+//#region src/component/FluxPagination.vue
 var FluxPagination_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPagination",
 	props: {
@@ -11578,10 +12314,12 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 					"aria-label": unref(translate)("flux.next"),
 					onClick: next
 				}, null, 8, ["disabled", "aria-label"])) : createCommentVNode("", true)
-			], 10, _hoisted_1$27);
+			], 10, _hoisted_1$29);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPaginationBar.vue
 var FluxPaginationBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPaginationBar",
 	props: {
@@ -11641,6 +12379,8 @@ var FluxPaginationBar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Table.module.scss
 var { "basePaneElement": _0$6, "basePaneLoader": _1$2 } = Pane_module_default$1;
 var Table_module_default = {
 	table: `table ${_0$6}`,
@@ -11665,6 +12405,8 @@ var Table_module_default = {
 	tableSort: `table-sort`,
 	basePaneStructure: `base-pane-structure`
 };
+//#endregion
+//#region src/component/FluxTableCell.vue
 var FluxTableCell_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTableCell",
 	props: {
@@ -11687,6 +12429,8 @@ var FluxTableCell_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxTableRow.vue
 var FluxTableRow_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTableRow",
 	setup(__props) {
@@ -11695,9 +12439,13 @@ var FluxTableRow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$26 = { key: 0 };
-var _hoisted_2$12 = { key: 1 };
+//#endregion
+//#region src/component/FluxTable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$28 = { key: 0 };
+var _hoisted_2$14 = { key: 1 };
 var _hoisted_3$5 = { key: 2 };
+//#endregion
+//#region src/component/FluxTable.vue
 var FluxTable_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTable",
 	props: {
@@ -11736,8 +12484,8 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(Table_module_default).table) }, [
 				createElementVNode("table", { class: normalizeClass(unref(Table_module_default).tableBase) }, [
 					renderSlot(_ctx.$slots, "colgroups"),
-					slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1$26, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
-					slots.default ? (openBlock(), createElementBlock("tbody", _hoisted_2$12, [renderSlot(_ctx.$slots, "default"), __props.fillColumns ? (openBlock(), createBlock(FluxTableRow_default, {
+					slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1$28, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
+					slots.default ? (openBlock(), createElementBlock("tbody", _hoisted_2$14, [renderSlot(_ctx.$slots, "default"), __props.fillColumns ? (openBlock(), createBlock(FluxTableRow_default, {
 						key: 0,
 						class: normalizeClass(unref(Table_module_default).tableFill)
 					}, {
@@ -11767,6 +12515,8 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxDataTable.vue
 var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDataTable",
 	props: {
@@ -11908,9 +12658,13 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$25 = ["id"];
-var _hoisted_2$11 = ["aria-labelledby"];
+//#endregion
+//#region src/component/FluxDatePicker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$27 = ["id"];
+var _hoisted_2$13 = ["aria-labelledby"];
 var _hoisted_3$4 = ["onClick", "onMouseover"];
+//#endregion
+//#region src/component/FluxDatePicker.vue
 var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDatePicker",
 	props: /* @__PURE__ */ mergeModels({
@@ -12060,7 +12814,7 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(DatePicker_module_default).datePickerHeaderViewButton),
 					type: "button",
 					onClick: _cache[1] || (_cache[1] = ($event) => setView("year"))
-				}, toDisplayString(unref(viewYear)), 3)], 10, _hoisted_1$25),
+				}, toDisplayString(unref(viewYear)), 3)], 10, _hoisted_1$27),
 				createVNode(unref(FluxFadeTransition_default), null, {
 					default: withCtx(() => [viewMode.value === "date" ? (openBlock(), createBlock(FluxSecondaryButton_default, {
 						key: 0,
@@ -12100,7 +12854,7 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 						}, toDisplayString(date.toLocaleString({ day: "numeric" })), 43, _hoisted_3$4);
 					}), 256))], 2))]),
 					_: 1
-				}, 8, ["is-back"])], 10, _hoisted_2$11)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
+				}, 8, ["is-back"])], 10, _hoisted_2$13)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
 					key: "month",
 					class: normalizeClass(unref(DatePicker_module_default).datePickerMonths)
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
@@ -12143,6 +12897,8 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxDisabled.vue
 var FluxDisabled_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "FluxDisabled",
@@ -12157,6 +12913,8 @@ var FluxDisabled_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxDivider.vue
 var FluxDivider_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDivider",
 	props: { contentPlacement: { default: "center" } },
@@ -12177,17 +12935,21 @@ var FluxDivider_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$24 = [
+//#endregion
+//#region src/component/FluxDotPattern.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$26 = [
 	"id",
 	"width",
 	"height"
 ];
-var _hoisted_2$10 = [
+var _hoisted_2$12 = [
 	"r",
 	"cx",
 	"cy"
 ];
 var _hoisted_3$3 = ["fill"];
+//#endregion
+//#region src/component/FluxDotPattern.vue
 var FluxDotPattern_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDotPattern",
 	props: {
@@ -12230,7 +12992,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$10)], 8, _hoisted_1$24)]), createElementVNode("rect", {
+			}, null, 8, _hoisted_2$12)], 8, _hoisted_1$26)]), createElementVNode("rect", {
 				width: "100%",
 				height: "100%",
 				"stroke-width": "0",
@@ -12251,8 +13013,12 @@ var DropZone_module_default = {
 	dropZoneBorderAnimation: `drop-zone-border-animation`,
 	dropZoneLoader: `drop-zone-loader`
 };
-var _hoisted_1$23 = ["aria-disabled"];
-var _hoisted_2$9 = ["pathLength"];
+//#endregion
+//#region src/component/FluxDropZone.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$25 = ["aria-disabled"];
+var _hoisted_2$11 = ["pathLength"];
+//#endregion
+//#region src/component/FluxDropZone.vue
 var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDropZone",
 	props: {
@@ -12353,7 +13119,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						pathLength: pathLength.value
-					}, null, 8, _hoisted_2$9)], 2)),
+					}, null, 8, _hoisted_2$11)], 2)),
 					renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 						isDragging: isDragging.value,
 						isDraggingOver: isDraggingOver.value,
@@ -12380,10 +13146,12 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 					isDraggingOver: isDraggingOver.value,
 					showPicker
 				})))
-			], 10, _hoisted_1$23);
+			], 10, _hoisted_1$25);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxDynamicView.vue
 var FluxDynamicView_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDynamicView",
 	props: { vnode: {} },
@@ -12406,12 +13174,16 @@ var Expandable_module_default = {
 	basePane: `base-pane`,
 	expandableGroup: `expandable-group`
 };
-var _hoisted_1$22 = [
+//#endregion
+//#region src/component/FluxExpandable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$24 = [
 	"id",
 	"aria-controls",
 	"aria-expanded"
 ];
-var _hoisted_2$8 = ["id", "aria-labelledby"];
+var _hoisted_2$10 = ["id", "aria-labelledby"];
+//#endregion
+//#region src/component/FluxExpandable.vue
 var FluxExpandable_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxExpandable",
 	props: {
@@ -12499,12 +13271,14 @@ 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$8)) : createCommentVNode("", true)]),
+				})))], 2)])], 10, _hoisted_2$10)) : createCommentVNode("", true)]),
 				_: 3
-			})], 10, _hoisted_1$22);
+			})], 10, _hoisted_1$24);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxExpandableGroup.vue
 var FluxExpandableGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxExpandableGroup",
 	props: { isControlled: { type: Boolean } },
@@ -12542,6 +13316,8 @@ var Fader_module_default = {
 	isCurrent: `is-current`,
 	focalPointImage: `focal-point-image`
 };
+//#endregion
+//#region src/component/FluxFader.vue
 var FluxFader_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFader",
 	props: { interval: { default: 9e3 } },
@@ -12579,6 +13355,8 @@ var FluxFader_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFaderItem.vue
 var FluxFaderItem_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFaderItem",
 	setup(__props) {
@@ -12587,6 +13365,8 @@ var FluxFaderItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterBase.vue
 var FluxFilterBase_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterBase",
 	props: /* @__PURE__ */ mergeModels({ resettable: {} }, {
@@ -12675,6 +13455,8 @@ var FluxFilterBase_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxWindow.vue
 var FluxWindow_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxWindow",
 	setup(__props, { expose: __expose }) {
@@ -12709,6 +13491,8 @@ var FluxWindow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterWindow.vue
 var FluxFilterWindow_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterWindow",
 	props: {
@@ -12768,6 +13552,8 @@ var FluxFilterWindow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilter.vue
 var FluxFilter_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilter",
 	props: /* @__PURE__ */ mergeModels({ resettable: {} }, {
@@ -12814,6 +13600,8 @@ var OverflowBar_module_default = {
 	overflowBarMeasurer: `overflow-bar-measurer`,
 	overflowBarOverflow: `overflow-bar-overflow`
 };
+//#endregion
+//#region src/component/FluxOverflowBar.vue
 var FluxOverflowBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxOverflowBar",
 	props: {
@@ -12882,13 +13670,18 @@ var FluxOverflowBar_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				ref: "overflow",
 				class: normalizeClass(unref(OverflowBar_module_default).overflowBarOverflow)
-			}, [renderSlot(_ctx.$slots, "overflow", normalizeProps(guardReactiveProps({ items: hiddenItems.value })))], 2)) : createCommentVNode("", true)], 6), createElementVNode("div", {
+			}, [renderSlot(_ctx.$slots, "overflow", normalizeProps(guardReactiveProps({
+				hasOverflow: hiddenItems.value.length > 0,
+				items: hiddenItems.value
+			})))], 2)) : createCommentVNode("", true)], 6), createElementVNode("div", {
 				ref: "measurer",
 				class: normalizeClass(unref(OverflowBar_module_default).overflowBarMeasurer)
 			}, [renderSlot(_ctx.$slots, "default")], 2)], 64);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterBar.vue
 var FluxFilterBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterBar",
 	props: /* @__PURE__ */ mergeModels({
@@ -12918,7 +13711,8 @@ var FluxFilterBar_default = /* @__PURE__ */ defineComponent({
 				onReset: reset
 			}, {
 				filters: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				default: withCtx(({ buttons, filters, menuItems }) => [createElementVNode("div", { class: normalizeClass(unref(Filter_module_default).filterBar) }, [createVNode(FluxFormInput_default, {
+				default: withCtx(({ buttons, filters, menuItems }) => [createElementVNode("div", { class: normalizeClass(unref(Filter_module_default).filterBar) }, [__props.isSearchable ? (openBlock(), createBlock(FluxFormInput_default, {
+					key: 0,
 					modelValue: modelSearch.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelSearch.value = $event),
 					class: normalizeClass(unref(Filter_module_default).filterBarSearch),
@@ -12929,7 +13723,7 @@ var FluxFilterBar_default = /* @__PURE__ */ defineComponent({
 					"modelValue",
 					"class",
 					"placeholder"
-				]), createVNode(FluxOverflowBar_default, { alignment: "end" }, {
+				])) : createCommentVNode("", true), createVNode(FluxOverflowBar_default, { alignment: "end" }, {
 					overflow: withCtx(() => [isFiltered.value ? (openBlock(), createBlock(FluxSeparator_default, {
 						key: 0,
 						direction: "vertical",
@@ -12989,6 +13783,8 @@ var FluxFilterBar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterDate.vue
 var FluxFilterDate_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterDate",
 	props: {
@@ -13030,6 +13826,8 @@ var FluxFilterDate_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterDateRange.vue
 var FluxFilterDateRange_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterDateRange",
 	props: {
@@ -13072,6 +13870,8 @@ var FluxFilterDateRange_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterOption.vue
 var FluxFilterOption_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterOption",
 	props: /* @__PURE__ */ mergeModels({
@@ -13115,6 +13915,8 @@ var FluxFilterOption_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterOptionAsync.vue
 var FluxFilterOptionAsync_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterOptionAsync",
 	props: /* @__PURE__ */ mergeModels({
@@ -13187,6 +13989,8 @@ var FluxFilterOptionAsync_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterOptions.vue
 var FluxFilterOptions_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterOptions",
 	props: /* @__PURE__ */ mergeModels({
@@ -13235,6 +14039,8 @@ var FluxFilterOptions_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterOptionsAsync.vue
 var FluxFilterOptionsAsync_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterOptionsAsync",
 	props: /* @__PURE__ */ mergeModels({
@@ -13312,6 +14118,8 @@ var FluxFilterOptionsAsync_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormColumn.vue
 var FluxFormColumn_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormColumn",
 	setup(__props) {
@@ -13320,6 +14128,8 @@ var FluxFormColumn_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFilterRange.vue
 var FluxFilterRange_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterRange",
 	props: {
@@ -13399,6 +14209,8 @@ var FluxFilterRange_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFlickeringGrid.vue
 var FluxFlickeringGrid_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFlickeringGrid",
 	props: {
@@ -13489,6 +14301,8 @@ var FluxFlickeringGrid_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPaneFooter.vue
 var FluxPaneFooter_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPaneFooter",
 	setup(__props) {
@@ -13505,7 +14319,11 @@ var FocalPoint_module_default = {
 	focalPointPreview: `focal-point-preview`,
 	focalPointPreviewImage: `focal-point-preview-image`
 };
-var _hoisted_1$21 = ["src"];
+//#endregion
+//#region src/component/FluxFocalPointEditor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$23 = ["src"];
+//#endregion
+//#region src/component/FluxFocalPointEditor.vue
 var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFocalPointEditor",
 	props: /* @__PURE__ */ mergeModels({ src: {} }, {
@@ -13572,7 +14390,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 							src: __props.src,
 							alt: "",
 							onLoad: onImageLoaded
-						}, null, 42, _hoisted_1$21), createElementVNode("div", {
+						}, null, 42, _hoisted_1$23), createElementVNode("div", {
 							class: normalizeClass(unref(FocalPoint_module_default).focalPointEditorArea),
 							style: normalizeStyle({
 								top: `${focalPointY.value}%`,
@@ -13599,7 +14417,11 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$20 = ["src", "alt"];
+//#endregion
+//#region src/component/FluxFocalPointImage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$22 = ["src", "alt"];
+//#endregion
+//#region src/component/FluxFocalPointImage.vue
 var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFocalPointImage",
 	props: {
@@ -13616,11 +14438,15 @@ var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle({ objectPosition: `${x.value}% ${y.value}%` }),
 				src: __props.src,
 				alt: __props.alt
-			}, null, 14, _hoisted_1$20);
+			}, null, 14, _hoisted_1$22);
 		};
 	}
 });
-var _hoisted_1$19 = ["aria-disabled"];
+//#endregion
+//#region src/component/FluxForm.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$21 = ["aria-disabled"];
+//#endregion
+//#region src/component/FluxForm.vue
 var FluxForm_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxForm",
 	props: { disabled: {
@@ -13641,10 +14467,12 @@ var FluxForm_default = /* @__PURE__ */ defineComponent({
 			}, [createVNode(FluxDisabled_default, { disabled: __props.disabled }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["disabled"])], 42, _hoisted_1$19);
+			}, 8, ["disabled"])], 42, _hoisted_1$21);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormInputGroup.vue
 var FluxFormInputGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormInputGroup",
 	props: {
@@ -13660,6 +14488,8 @@ var FluxFormInputGroup_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormDateInput.vue
 var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormDateInput",
 	props: /* @__PURE__ */ mergeModels({
@@ -13746,6 +14576,8 @@ var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormDateRangeInput.vue
 var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormDateRangeInput",
 	props: /* @__PURE__ */ mergeModels({
@@ -13811,6 +14643,8 @@ var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormDateTimeInput.vue
 var FluxFormDateTimeInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormDateTimeInput",
 	props: /* @__PURE__ */ mergeModels({
@@ -13919,6 +14753,8 @@ var FluxFormDateTimeInput_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormGrid.vue
 var FluxFormGrid_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormGrid",
 	props: { columns: {} },
@@ -13931,7 +14767,11 @@ var FluxFormGrid_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$18 = { key: 1 };
+//#endregion
+//#region src/component/FluxFormInputAddition.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$20 = { key: 1 };
+//#endregion
+//#region src/component/FluxFormInputAddition.vue
 var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormInputAddition",
 	props: {
@@ -13946,18 +14786,20 @@ var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 					name: __props.icon,
 					size: 18
 				}, null, 8, ["name"])) : createCommentVNode("", true),
-				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$18, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$20, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
 	}
 });
-var _hoisted_1$17 = [
+//#endregion
+//#region src/component/FluxFormPinInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$19 = [
 	"id",
 	"autofocus",
 	"aria-disabled"
 ];
-var _hoisted_2$7 = [
+var _hoisted_2$9 = [
 	"autocomplete",
 	"autofocus",
 	"disabled",
@@ -13965,6 +14807,8 @@ var _hoisted_2$7 = [
 	"type",
 	"value"
 ];
+//#endregion
+//#region src/component/FluxFormPinInput.vue
 var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormPinInput",
 	props: /* @__PURE__ */ mergeModels({
@@ -14057,11 +14901,13 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 					onInput,
 					onKeydown: onKeyDown,
 					onPaste
-				}, null, 42, _hoisted_2$7);
-			}), 128))], 14, _hoisted_1$17);
+				}, null, 42, _hoisted_2$9);
+			}), 128))], 14, _hoisted_1$19);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormRangeSlider.vue
 var FluxFormRangeSlider_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormRangeSlider",
 	props: /* @__PURE__ */ mergeModels({
@@ -14210,6 +15056,8 @@ var FluxFormRangeSlider_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormRow.vue
 var FluxFormRow_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormRow",
 	setup(__props) {
@@ -14218,6 +15066,8 @@ var FluxFormRow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormSection.vue
 var FluxFormSection_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSection",
 	props: { title: {} },
@@ -14227,6 +15077,8 @@ var FluxFormSection_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormSelectAsync.vue
 var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSelectAsync",
 	props: /* @__PURE__ */ mergeModels({
@@ -14312,7 +15164,9 @@ var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$16 = [
+//#endregion
+//#region src/component/FluxFormTextArea.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$18 = [
 	"id",
 	"autocomplete",
 	"autofocus",
@@ -14321,6 +15175,8 @@ var _hoisted_1$16 = [
 	"placeholder",
 	"aria-disabled"
 ];
+//#endregion
+//#region src/component/FluxFormTextArea.vue
 var FluxFormTextArea_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormTextArea",
 	props: /* @__PURE__ */ mergeModels({
@@ -14359,10 +15215,12 @@ var FluxFormTextArea_default = /* @__PURE__ */ defineComponent({
 				"aria-disabled": unref(disabled) ? true : void 0,
 				onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur")),
 				onFocus: _cache[2] || (_cache[2] = ($event) => emit("focus"))
-			}, null, 46, _hoisted_1$16)), [[vModelText, modelValue.value]]);
+			}, null, 46, _hoisted_1$18)), [[vModelText, modelValue.value]]);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxFormTimeZonePicker.vue
 var FluxFormTimeZonePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormTimeZonePicker",
 	props: /* @__PURE__ */ mergeModels({
@@ -15045,10 +15903,304 @@ var FluxFormTimeZonePicker_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var TreeViewSelect_module_default = {
+	treeViewSelectValue: `tree-view-select-value`,
+	treeViewSelectList: `tree-view-select-list`,
+	treeViewSelectEmpty: `tree-view-select-empty`,
+	treeNode: `tree-node`,
+	isSelectable: `is-selectable`,
+	isExpandable: `is-expandable`,
+	isSelected: `is-selected`,
+	isHighlighted: `is-highlighted`,
+	treeNodeCheck: `tree-node-check`,
+	treeNodeLineArea: `tree-node-line-area`,
+	treeIndent: `tree-indent`,
+	hasLine: `has-line`,
+	treeConnector: `tree-connector`,
+	isLast: `is-last`,
+	treeNodeExpand: `tree-node-expand`,
+	treeNodeColorDot: `tree-node-color-dot`,
+	treeNodeIcon: `tree-node-icon`,
+	treeNodeLabel: `tree-node-label`
+};
+//#endregion
+//#region src/component/FluxFormTreeViewSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$17 = [
+	"role",
+	"tabindex",
+	"aria-selected",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_2$8 = ["onClick"];
+//#endregion
+//#region src/component/FluxFormTreeViewSelect.vue
+var FluxFormTreeViewSelect_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "FluxFormTreeViewSelect",
+	props: /* @__PURE__ */ mergeModels({
+		disabled: { type: Boolean },
+		isMultiple: { type: Boolean },
+		isSearchable: { type: Boolean },
+		levelColors: {},
+		options: {},
+		placeholder: {}
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props, { attrs: $attrs }) {
+		const modelValue = useModel(__props, "modelValue");
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const { id } = useFormFieldInjection_default();
+		const translate = useTranslate_default();
+		const anchorRef = useTemplateRef("anchor");
+		const anchorPopupRef = useTemplateRef("anchorPopup");
+		const nodeElementRefs = useTemplateRef("nodeElements");
+		const searchInputRef = useTemplateRef("searchInput");
+		const expandedIds = ref(/* @__PURE__ */ new Set());
+		const isPopupOpen = ref(false);
+		const searchQuery = ref("");
+		const focusElement = computed(() => T(searchInputRef) ?? T(anchorRef));
+		const selectedIds = computed(() => {
+			const value = unref(modelValue);
+			if (Array.isArray(value)) return new Set(value);
+			return new Set(value !== void 0 ? [value] : []);
+		});
+		const selectedOptions = computed(() => {
+			const ids = unref(selectedIds);
+			if (ids.size === 0) return [];
+			return flattenAll(__props.options).filter((node) => ids.has(node.id));
+		});
+		const visibleNodes = computed(() => {
+			const query = unref(searchQuery).toLowerCase().trim();
+			if (query) return flattenAll(__props.options).filter((node) => node.label.toLowerCase().includes(query)).map((node) => ({
+				...node,
+				depth: 0,
+				isLast: false,
+				lineGuides: []
+			}));
+			return flattenVisible(__props.options, 0, unref(expandedIds));
+		});
+		const { highlightedIndex, toggleExpand, onExpandClick, onKeyNavigate } = useTreeView({
+			expandedIds,
+			nodeElementRefs,
+			visibleNodes
+		});
+		K$1([anchorRef, anchorPopupRef], isPopupOpen, () => isPopupOpen.value = false);
+		K$1(anchorRef, isPopupOpen, () => unref(focusElement)?.focus());
+		function toggle() {
+			if (unref(disabled)) return;
+			isPopupOpen.value = !unref(isPopupOpen);
+		}
+		function select(nodeId) {
+			if (unref(__props.isMultiple)) {
+				const current = [...unref(selectedIds)];
+				if (current.includes(nodeId)) modelValue.value = current.filter((v) => v !== nodeId);
+				else modelValue.value = [...current, nodeId];
+			} else {
+				modelValue.value = nodeId;
+				isPopupOpen.value = false;
+			}
+		}
+		function deselect(nodeId) {
+			const current = unref(modelValue);
+			if (Array.isArray(current)) modelValue.value = current.filter((v) => v !== nodeId);
+			nextTick(() => T(anchorRef)?.focus());
+		}
+		function onNodeClick(node) {
+			if (node.selectable !== false) {
+				select(node.id);
+				if (node.children?.length && !unref(expandedIds).has(node.id)) toggleExpand(node.id);
+			} else if (node.children?.length) toggleExpand(node.id);
+		}
+		function onKeyDown(evt) {
+			if (!unref(isPopupOpen)) {
+				if (evt.key === "Enter" || evt.key === " ") {
+					evt.preventDefault();
+					isPopupOpen.value = true;
+				}
+				return;
+			}
+			switch (evt.key) {
+				case "Backspace":
+					if (!unref(__props.isMultiple)) return;
+					if (unref(searchQuery).length > 0 || unref(selectedIds).size === 0) return;
+					const selectedList = [...unref(selectedIds)];
+					deselect(selectedList[selectedList.length - 1]);
+					return;
+				case "Escape":
+					isPopupOpen.value = false;
+					nextTick(() => T(anchorRef)?.focus());
+					return;
+				case "Tab":
+					isPopupOpen.value = false;
+					return;
+			}
+			if (__props.isSearchable && evt.key.length === 1 && evt.key !== "Enter" && evt.key !== " ") return;
+			onKeyNavigate(evt, onNodeClick);
+		}
+		watch(isPopupOpen, (isOpen) => {
+			if (!isOpen) {
+				searchQuery.value = "";
+				highlightedIndex.value = -1;
+				return;
+			}
+			autoExpandSelected();
+			nextTick(() => {
+				const ids = unref(selectedIds);
+				if (ids.size > 0) {
+					const firstSelectedIndex = unref(visibleNodes).findIndex((n) => ids.has(n.id));
+					if (firstSelectedIndex >= 0) highlightedIndex.value = firstSelectedIndex;
+				}
+				unref(focusElement)?.focus();
+			});
+		});
+		watch(searchQuery, () => {
+			highlightedIndex.value = -1;
+		});
+		function autoExpandSelected() {
+			const ids = unref(selectedIds);
+			if (ids.size === 0) return;
+			const expanded = new Set(unref(expandedIds));
+			function expandAncestors(nodes, targetId) {
+				for (const node of nodes) {
+					if (node.id === targetId) return true;
+					if (node.children && expandAncestors(node.children, targetId)) {
+						expanded.add(node.id);
+						return true;
+					}
+				}
+				return false;
+			}
+			for (const selectedId of ids) expandAncestors(__props.options, selectedId);
+			expandedIds.value = expanded;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(Anchor_default, mergeProps({ ref: "anchor" }, $attrs, {
+				class: unref(clsx)(unref(Form_module_default).formSelect, unref(disabled) && unref(Form_module_default).isDisabled, isPopupOpen.value && unref(Form_module_default).isFocused),
+				id: unref(id),
+				"aria-disabled": unref(disabled) ? true : void 0,
+				tabindex: "0",
+				"tag-name": "div",
+				onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
+				onKeydown: onKeyDown
+			}), {
+				default: withCtx(() => [__props.isMultiple && selectedOptions.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selectedOptions.value, (option) => {
+					return openBlock(), createBlock(FluxTag_default, {
+						key: option.id,
+						label: option.label,
+						"is-deletable": "",
+						onDelete: ($event) => deselect(option.id)
+					}, null, 8, ["label", "onDelete"]);
+				}), 128)) : !__props.isMultiple && selectedOptions.value[0] ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(unref(TreeViewSelect_module_default).treeViewSelectValue)
+				}, toDisplayString(selectedOptions.value[0].label), 3)) : __props.placeholder ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(unref(Form_module_default).formSelectPlaceholder)
+				}, toDisplayString(__props.placeholder), 3)) : createCommentVNode("", true), createVNode(FluxIcon_default, {
+					class: normalizeClass(unref(Form_module_default).formSelectIcon),
+					name: "angle-down"
+				}, null, 8, ["class"])]),
+				_: 1
+			}, 16, [
+				"class",
+				"id",
+				"aria-disabled"
+			]), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(FluxFadeTransition_default), null, {
+				default: withCtx(() => [isPopupOpen.value && !unref(disabled) ? (openBlock(), createBlock(AnchorPopup_default, {
+					key: 0,
+					ref: "anchorPopup",
+					class: normalizeClass(unref(Form_module_default).formSelectPopup),
+					anchor: anchorRef.value,
+					direction: "vertical",
+					"use-anchor-width": ""
+				}, {
+					default: withCtx(() => [__props.isSearchable ? (openBlock(), createBlock(FluxFormInput_default, {
+						key: 0,
+						modelValue: searchQuery.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
+						ref: "searchInput",
+						"auto-complete": "off",
+						class: normalizeClass(unref(Form_module_default).formSelectInput),
+						type: "search",
+						"icon-trailing": "magnifying-glass",
+						placeholder: unref(translate)("flux.search"),
+						onKeydown: onKeyDown
+					}, null, 8, [
+						"modelValue",
+						"class",
+						"placeholder"
+					])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(TreeViewSelect_module_default).treeViewSelectList) }, [visibleNodes.value.length === 0 ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(unref(TreeViewSelect_module_default).treeViewSelectEmpty)
+					}, toDisplayString(unref(translate)("flux.noItems")), 3)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(visibleNodes.value, (node, nodeIndex) => {
+						return openBlock(), createElementBlock("div", {
+							ref_for: true,
+							ref: "nodeElements",
+							key: node.id,
+							class: normalizeClass(unref(clsx)(unref(TreeViewSelect_module_default).treeNode, node.selectable !== false && unref(TreeViewSelect_module_default).isSelectable, node.selectable === false && !!node.children?.length && unref(TreeViewSelect_module_default).isExpandable, selectedIds.value.has(node.id) && unref(TreeViewSelect_module_default).isSelected, nodeIndex === unref(highlightedIndex) && unref(TreeViewSelect_module_default).isHighlighted)),
+							role: node.selectable !== false ? "option" : void 0,
+							tabindex: node.selectable !== false ? 0 : void 0,
+							"aria-selected": node.selectable !== false ? selectedIds.value.has(node.id) : void 0,
+							onClick: ($event) => onNodeClick(node),
+							onKeydown: [withKeys(withModifiers(($event) => onNodeClick(node), ["prevent"]), ["enter"]), withKeys(withModifiers(($event) => onNodeClick(node), ["prevent"]), ["space"])]
+						}, [
+							createElementVNode("div", { class: normalizeClass(unref(TreeViewSelect_module_default).treeNodeLineArea) }, [
+								(openBlock(true), createElementBlock(Fragment, null, renderList(node.lineGuides, (showLine, guideIndex) => {
+									return openBlock(), createElementBlock("span", {
+										key: `g-${guideIndex}`,
+										class: normalizeClass([unref(TreeViewSelect_module_default).treeIndent, showLine && unref(TreeViewSelect_module_default).hasLine])
+									}, null, 2);
+								}), 128)),
+								node.depth > 0 ? (openBlock(), createElementBlock("span", {
+									key: 0,
+									class: normalizeClass([unref(TreeViewSelect_module_default).treeConnector, node.isLast && unref(TreeViewSelect_module_default).isLast])
+								}, null, 2)) : createCommentVNode("", true),
+								createElementVNode("span", {
+									class: normalizeClass(unref(TreeViewSelect_module_default).treeNodeExpand),
+									onClick: ($event) => unref(onExpandClick)(node, $event)
+								}, [node.children?.length ? (openBlock(), createBlock(FluxIcon_default, {
+									key: 0,
+									name: expandedIds.value.has(node.id) ? "angle-down" : "angle-right",
+									size: 12
+								}, null, 8, ["name"])) : createCommentVNode("", true)], 10, _hoisted_2$8)
+							], 2),
+							unref(getLevelColor)(node.depth, __props.levelColors) ? (openBlock(), createElementBlock("span", {
+								key: 0,
+								class: normalizeClass(unref(TreeViewSelect_module_default).treeNodeColorDot),
+								style: normalizeStyle({ background: unref(getLevelColor)(node.depth, __props.levelColors) })
+							}, null, 6)) : createCommentVNode("", true),
+							node.icon ? (openBlock(), createBlock(FluxIcon_default, {
+								key: 1,
+								class: normalizeClass(unref(TreeViewSelect_module_default).treeNodeIcon),
+								name: node.icon,
+								size: 16
+							}, null, 8, ["class", "name"])) : createCommentVNode("", true),
+							createElementVNode("span", { class: normalizeClass(unref(TreeViewSelect_module_default).treeNodeLabel) }, toDisplayString(node.label), 3),
+							selectedIds.value.has(node.id) ? (openBlock(), createBlock(FluxIcon_default, {
+								key: 2,
+								class: normalizeClass(unref(TreeViewSelect_module_default).treeNodeCheck),
+								name: "check",
+								size: 14
+							}, null, 8, ["class"])) : createCommentVNode("", true)
+						], 42, _hoisted_1$17);
+					}), 128))], 2)]),
+					_: 1
+				}, 8, ["class", "anchor"])) : createCommentVNode("", true)]),
+				_: 1
+			})]))], 64);
+		};
+	}
+});
 var Remove_module_default = {
 	remove: `remove`,
 	isHidden: `is-hidden`
 };
+//#endregion
+//#region src/component/FluxRemove.vue
 var FluxRemove_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxRemove",
 	props: {
@@ -15081,6 +16233,8 @@ var Placeholder_module_default = {
 	placeholderCaption: `placeholder-caption`,
 	button: `button`
 };
+//#endregion
+//#region src/css/component/Gallery.module.scss
 var { "placeholder": _0$5 } = Placeholder_module_default;
 var Gallery_module_default = {
 	gallery: `gallery`,
@@ -15093,6 +16247,8 @@ var Gallery_module_default = {
 	galleryItemLoader: `gallery-item-loader`,
 	spinner: `spinner`
 };
+//#endregion
+//#region src/component/FluxGalleryItem.vue
 var FluxGalleryItem_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxGalleryItem",
 	props: {
@@ -15134,7 +16290,11 @@ var FluxGalleryItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$15 = ["onClick"];
+//#endregion
+//#region src/component/FluxGallery.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$16 = ["onClick"];
+//#endregion
+//#region src/component/FluxGallery.vue
 var FluxGallery_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxGallery",
 	props: {
@@ -15210,7 +16370,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$15)) : createCommentVNode("", true)
+						}, [createVNode(FluxIcon_default, { name: "plus" })], 10, _hoisted_1$16)) : createCommentVNode("", true)
 					]),
 					_: 2
 				}, 1032, ["class", "move-class"])]),
@@ -15229,6 +16389,8 @@ var Grid_module_default = {
 	grid: `grid`,
 	gridColumn: `grid-column`
 };
+//#endregion
+//#region src/component/FluxGrid.vue
 var FluxGrid_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxGrid",
 	props: {
@@ -15247,6 +16409,8 @@ var FluxGrid_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxGridColumn.vue
 var FluxGridColumn_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxGridColumn",
 	props: {
@@ -15271,12 +16435,14 @@ var FluxGridColumn_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$14 = [
+//#endregion
+//#region src/component/FluxGridPattern.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$15 = [
 	"id",
 	"width",
 	"height"
 ];
-var _hoisted_2$6 = ["d", "stroke-dasharray"];
+var _hoisted_2$7 = ["d", "stroke-dasharray"];
 var _hoisted_3$2 = ["fill"];
 var _hoisted_4 = {
 	key: 0,
@@ -15288,6 +16454,8 @@ var _hoisted_5 = [
 	"x",
 	"y"
 ];
+//#endregion
+//#region src/component/FluxGridPattern.vue
 var FluxGridPattern_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxGridPattern",
 	props: {
@@ -15314,7 +16482,7 @@ var FluxGridPattern_default = /* @__PURE__ */ defineComponent({
 					d: `M.5 ${__props.height}V.5H${__props.width}`,
 					fill: "none",
 					"stroke-dasharray": __props.strokeDasharray
-				}, null, 8, _hoisted_2$6)], 8, _hoisted_1$14)]),
+				}, null, 8, _hoisted_2$7)], 8, _hoisted_1$15)]),
 				createElementVNode("rect", {
 					width: "100%",
 					height: "100%",
@@ -15340,6 +16508,8 @@ var Info_module_default = {
 	icon: `icon`,
 	infoBody: `info-body`
 };
+//#endregion
+//#region src/component/FluxInfo.vue
 var FluxInfo_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxInfo",
 	props: { icon: {} },
@@ -15353,6 +16523,8 @@ var FluxInfo_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxInfoStack.vue
 var FluxInfoStack_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxInfoStack",
 	setup(__props) {
@@ -15379,6 +16551,8 @@ var Item_module_default = {
 	itemStack: `item-stack`,
 	basePaneStructure: `base-pane-structure`
 };
+//#endregion
+//#region src/component/FluxItem.vue
 var FluxItem_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxItem",
 	setup(__props) {
@@ -15387,6 +16561,8 @@ var FluxItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxItemActions.vue
 var FluxItemActions_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxItemActions",
 	props: { isCenter: { type: Boolean } },
@@ -15399,6 +16575,8 @@ var FluxItemActions_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxItemContent.vue
 var FluxItemContent_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxItemContent",
 	props: { isCenter: { type: Boolean } },
@@ -15408,6 +16586,8 @@ var FluxItemContent_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxItemMedia.vue
 var FluxItemMedia_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxItemMedia",
 	props: {
@@ -15423,6 +16603,8 @@ var FluxItemMedia_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxItemStack.vue
 var FluxItemStack_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxItemStack",
 	setup(__props) {
@@ -15437,12 +16619,16 @@ var FluxItemStack_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Legend.module.scss
 var { "stackHorizontal": _0$4, "stackVertical": _1$1 } = Layout_module_default;
 var Legend_module_default = {
 	legendHorizontal: `legend-horizontal ${_0$4}`,
 	legendVertical: `legend-vertical ${_1$1}`,
 	legendItem: `legend-item`
 };
+//#endregion
+//#region src/component/FluxLegend.vue
 var FluxLegend_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxLegend",
 	props: {
@@ -15460,6 +16646,8 @@ var FluxLegend_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxLink.vue
 var FluxLink_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxLink",
 	props: {
@@ -15518,6 +16706,8 @@ var FluxLink_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxMenuOptions.vue
 var FluxMenuOptions_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenuOptions",
 	props: /* @__PURE__ */ mergeModels({
@@ -15547,6 +16737,8 @@ var FluxMenuOptions_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxMenuTitle.vue
 var FluxMenuTitle_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenuTitle",
 	props: { title: {} },
@@ -15559,6 +16751,8 @@ var FluxMenuTitle_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Notice.module.scss
 var { "basePaneElement": _0$3 } = Pane_module_default$1;
 var Notice_module_default = {
 	notice: `notice ${_0$3}`,
@@ -15582,6 +16776,8 @@ var Notice_module_default = {
 	noticeWarning: `notice-warning notice ${_0$3}`,
 	basePane: `base-pane`
 };
+//#endregion
+//#region src/component/FluxNotice.vue
 var FluxNotice_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxNotice",
 	props: {
@@ -15633,6 +16829,8 @@ var FluxNotice_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxNoticeStack.vue
 var FluxNoticeStack_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxNoticeStack",
 	setup(__props) {
@@ -15647,6 +16845,8 @@ var FluxNoticeStack_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxOverlay.vue
 var FluxOverlay_default = defineComponent({
 	emits: ["close"],
 	inheritAttrs: false,
@@ -15664,8 +16864,12 @@ var FluxOverlay_default = defineComponent({
 		return createDialogRenderer_default(attrs, props, emit, slots, clsx(props.size === "small" && Overlay_module_default.overlaySmall, props.size === "medium" && Overlay_module_default.overlayMedium, props.size === "large" && Overlay_module_default.overlayLarge), FluxOverlayTransition_default);
 	}
 });
-var _hoisted_1$13 = { key: 0 };
-var _hoisted_2$5 = { key: 1 };
+//#endregion
+//#region src/component/FluxPaneHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$14 = { key: 0 };
+var _hoisted_2$6 = { key: 1 };
+//#endregion
+//#region src/component/FluxPaneHeader.vue
 var FluxPaneHeader_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPaneHeader",
 	props: {
@@ -15686,12 +16890,14 @@ var FluxPaneHeader_default = /* @__PURE__ */ defineComponent({
 				__props.title || __props.subTitle ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(unref(Pane_module_default).paneHeaderCaption)
-				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$13, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subTitle ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(__props.subTitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$14, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subTitle ? (openBlock(), createElementBlock("span", _hoisted_2$6, toDisplayString(__props.subTitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "after")
 			], 2);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxAlert.vue
 var FluxAlert_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxAlert",
 	props: { alert: {} },
@@ -15719,6 +16925,8 @@ var FluxAlert_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxConfirm.vue
 var FluxConfirm_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxConfirm",
 	props: { confirm: {} },
@@ -15753,6 +16961,8 @@ var FluxConfirm_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPrompt.vue
 var FluxPrompt_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPrompt",
 	props: { prompt: {} },
@@ -15817,6 +17027,8 @@ var FluxPrompt_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxOverlayProvider.vue
 var FluxOverlayProvider_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxOverlayProvider",
 	setup(__props) {
@@ -15855,6 +17067,8 @@ var FluxOverlayProvider_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPaneDeck.vue
 var FluxPaneDeck_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPaneDeck",
 	props: { minColumnWidth: {} },
@@ -15870,6 +17084,8 @@ var FluxPaneDeck_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPaneGroup.vue
 var FluxPaneGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPaneGroup",
 	setup(__props) {
@@ -15878,6 +17094,8 @@ var FluxPaneGroup_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPaneIllustration.vue
 var FluxPaneIllustration_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPaneIllustration",
 	props: {
@@ -15923,7 +17141,11 @@ var FluxPaneIllustration_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$12 = ["src", "alt"];
+//#endregion
+//#region src/component/FluxPaneMedia.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$13 = ["src", "alt"];
+//#endregion
+//#region src/component/FluxPaneMedia.vue
 var FluxPaneMedia_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPaneMedia",
 	props: {
@@ -15946,7 +17168,7 @@ var FluxPaneMedia_default = /* @__PURE__ */ defineComponent({
 				}),
 				src: __props.imageUrl,
 				alt: __props.imageAlt
-			}, null, 14, _hoisted_1$12)) : createCommentVNode("", true)], 2);
+			}, null, 14, _hoisted_1$13)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
@@ -15956,6 +17178,8 @@ var PercentageBar_module_default = {
 	percentageBarTooltip: `percentage-bar-tooltip`,
 	percentageBarTrack: `percentage-bar-track`
 };
+//#endregion
+//#region src/component/FluxPercentageBar.vue
 var FluxPercentageBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPercentageBar",
 	props: {
@@ -15987,7 +17211,11 @@ var FluxPercentageBar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$11 = { key: 0 };
+//#endregion
+//#region src/component/FluxPersona.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = { key: 0 };
+//#endregion
+//#region src/component/FluxPersona.vue
 var FluxPersona_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPersona",
 	props: {
@@ -16025,12 +17253,16 @@ 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$11, 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);
 		};
 	}
 });
-var _hoisted_1$10 = { key: 0 };
-var _hoisted_2$4 = { key: 1 };
+//#endregion
+//#region src/component/FluxPlaceholder.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$11 = { key: 0 };
+var _hoisted_2$5 = { key: 1 };
+//#endregion
+//#region src/component/FluxPlaceholder.vue
 var FluxPlaceholder_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPlaceholder",
 	props: {
@@ -16057,12 +17289,14 @@ 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$10, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.message ? (openBlock(), createElementBlock("p", _hoisted_2$4, toDisplayString(__props.message), 1)) : createCommentVNode("", true)], 2),
+				createElementVNode("div", { class: normalizeClass(unref(Placeholder_module_default).placeholderCaption) }, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$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);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPrimaryLinkButton.vue
 var FluxPrimaryLinkButton_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPrimaryLinkButton",
 	props: {
@@ -16135,6 +17369,8 @@ var Progress_module_default = {
 	progressBarStatus: `progress-bar-status`,
 	basePaneStructure: `base-pane-structure`
 };
+//#endregion
+//#region src/component/FluxProgressBar.vue
 var FluxProgressBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxProgressBar",
 	props: {
@@ -16192,6 +17428,8 @@ var FluxProgressBar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxPublishButton.vue
 var FluxPublishButton_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxPublishButton",
 	props: {
@@ -16272,12 +17510,16 @@ var FluxPublishButton_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$9 = [
+//#endregion
+//#region src/component/FluxQuantitySelector.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$10 = [
 	"disabled",
 	"max",
 	"min",
 	"step"
 ];
+//#endregion
+//#region src/component/FluxQuantitySelector.vue
 var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxQuantitySelector",
 	props: /* @__PURE__ */ mergeModels({
@@ -16346,7 +17588,7 @@ var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 						max: __props.max,
 						min: __props.min,
 						step: __props.step
-					}, null, 14, _hoisted_1$9), [[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,
@@ -16360,6 +17602,8 @@ var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Snackbar.module.scss
 var { "basePane": _0$2 } = Pane_module_default$1;
 var Snackbar_module_default = {
 	snackbar: `snackbar ${_0$2}`,
@@ -16389,7 +17633,11 @@ var Snackbar_module_default = {
 	snackbarsEnterFrom: `snackbars-enter-from`,
 	snackbarsLeaveTo: `snackbars-leave-to`
 };
-var _hoisted_1$8 = ["onClick"];
+//#endregion
+//#region src/component/FluxSnackbar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$9 = ["onClick"];
+//#endregion
+//#region src/component/FluxSnackbar.vue
 var FluxSnackbar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSnackbar",
 	props: {
@@ -16487,7 +17735,7 @@ var FluxSnackbar_default = /* @__PURE__ */ defineComponent({
 						tabindex: "-1",
 						type: "button",
 						onClick: ($event) => onAction(actionKey)
-					}, [createElementVNode("span", null, toDisplayString(actionLabel), 1)], 10, _hoisted_1$8);
+					}, [createElementVNode("span", null, toDisplayString(actionLabel), 1)], 10, _hoisted_1$9);
 				}), 128))], 2)) : createCommentVNode("", true),
 				__props.isCloseable ? (openBlock(), createBlock(FluxAction_default, {
 					key: 1,
@@ -16498,6 +17746,8 @@ var FluxSnackbar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxSnackbarProvider.vue
 var FluxSnackbarProvider_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSnackbarProvider",
 	setup(__props) {
@@ -16542,6 +17792,8 @@ var Tooltip_module_default = {
 	tooltipEnd: `tooltip-end tooltip`,
 	tooltipStart: `tooltip-start tooltip`
 };
+//#endregion
+//#region src/component/FluxTooltipProvider.vue?vue&type=script&lang.ts
 var FluxTooltipProvider_vue_vue_type_script_lang_default = defineComponent(() => {
 	const { tooltip } = useFluxStore();
 	const elementRef = ref(null);
@@ -16662,12 +17914,18 @@ function calculateVerticalPosition(top, left, width, height, originWidth, origin
 		transition
 	};
 }
+//#endregion
+//#region src/component/FluxTooltipProvider.vue
 var FluxTooltipProvider_default = FluxTooltipProvider_vue_vue_type_script_lang_default;
 var Root_module_default = {
 	root: `root`,
 	isLocked: `is-locked`
 };
-var _hoisted_1$7 = ["inert"];
+//#endregion
+//#region src/component/FluxRoot.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = ["inert"];
+//#endregion
+//#region src/component/FluxRoot.vue
 var FluxRoot_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "FluxRoot",
@@ -16683,7 +17941,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$7),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$8),
 				createVNode(FluxOverlayProvider_default),
 				createVNode(FluxSnackbarProvider_default),
 				createVNode(FluxTooltipProvider_default)
@@ -16691,6 +17949,8 @@ var FluxRoot_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxSecondaryLinkButton.vue
 var FluxSecondaryLinkButton_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSecondaryLinkButton",
 	props: {
@@ -16759,7 +18019,11 @@ var SegmentedControl_module_default = {
 	isActive: `is-active`,
 	segmentedControlSeparator: `segmented-control-separator`
 };
-var _hoisted_1$6 = ["onClick"];
+//#endregion
+//#region src/component/FluxSegmentedControl.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = ["onClick"];
+//#endregion
+//#region src/component/FluxSegmentedControl.vue
 var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSegmentedControl",
 	props: /* @__PURE__ */ mergeModels({
@@ -16776,16 +18040,28 @@ var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 		const itemRefs = useTemplateRef("items");
 		const activeItemX = ref(0);
 		const activeItemWidth = ref(0);
-		onMounted(() => activate(unref(modelValue)));
-		onUpdated(() => activate(unref(modelValue)));
+		const isAlive = ref(true);
+		onBeforeUnmount(() => {
+			isAlive.value = false;
+		});
+		watchEffect(() => updateHighlight(unref(modelValue)), { flush: "post" });
+		ye$1(controlRef, () => updateHighlight(unref(modelValue)));
 		function activate(index) {
-			const itemRef = itemRefs.value[index];
-			const { left: controlX } = controlRef.value.getBoundingClientRect();
-			const { width, left: x } = itemRef.getBoundingClientRect();
-			activeItemX.value = x - controlX - 1;
-			activeItemWidth.value = width;
 			modelValue.value = index;
 		}
+		function updateHighlight(index) {
+			if (!isAlive.value) return;
+			const itemRef = itemRefs.value?.[index];
+			const control = controlRef.value;
+			if (!itemRef || !control) return;
+			const width = itemRef.offsetWidth;
+			if (width === 0) return;
+			const controlRect = control.getBoundingClientRect();
+			const itemRect = itemRef.getBoundingClientRect();
+			const scaleX = control.offsetWidth > 0 ? controlRect.width / control.offsetWidth : 1;
+			activeItemX.value = (itemRect.left - controlRect.left) / scaleX;
+			activeItemWidth.value = width;
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("nav", {
 				ref: "control",
@@ -16812,11 +18088,13 @@ var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					name: item.icon,
 					size: 15
-				}, null, 8, ["name"])) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(item.label), 1)], 10, _hoisted_1$6)], 64);
+				}, null, 8, ["name"])) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(item.label), 1)], 10, _hoisted_1$7)], 64);
 			}), 256))], 2);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxSegmentedView.vue
 var FluxSegmentedView_default = defineComponent({
 	props: { index: Number },
 	setup(props, { slots }) {
@@ -16825,6 +18103,8 @@ var FluxSegmentedView_default = defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxSlideOver.vue
 var FluxSlideOver_default = defineComponent({
 	emits: ["close"],
 	inheritAttrs: false,
@@ -16842,6 +18122,8 @@ var FluxSlideOver_default = defineComponent({
 		return createDialogRenderer_default(attrs, props, emit, slots, Overlay_module_default.slideOver, FluxSlideOverTransition_default);
 	}
 });
+//#endregion
+//#region src/component/FluxSpacing.vue
 var FluxSpacing_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSpacing",
 	props: { size: {} },
@@ -16871,6 +18153,8 @@ var FluxSpacing_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxSplitButton.vue
 var FluxSplitButton_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSplitButton",
 	props: {
@@ -16923,9 +18207,13 @@ var Statistic_module_default = {
 	statisticHorizontal: `statistic-horizontal statistic`,
 	statisticVertical: `statistic-vertical statistic`
 };
-var _hoisted_1$5 = { key: 1 };
-var _hoisted_2$3 = ["src", "alt"];
+//#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_3$1 = { key: 0 };
+//#endregion
+//#region src/component/FluxStatistic.vue
 var FluxStatistic_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxStatistic",
 	props: {
@@ -16958,11 +18246,11 @@ var FluxStatistic_default = /* @__PURE__ */ defineComponent({
 						"class",
 						"color",
 						"name"
-					])) : __props.imageSrc ? (openBlock(), createElementBlock("div", _hoisted_1$5, [createElementVNode("img", {
+					])) : __props.imageSrc ? (openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("img", {
 						class: normalizeClass(unref(Statistic_module_default).statisticImage),
 						src: __props.imageSrc,
 						alt: __props.imageAlt
-					}, null, 10, _hoisted_2$3)])) : createCommentVNode("", true),
+					}, 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),
 					__props.changeIcon || __props.changeValue ? (openBlock(), createElementBlock("div", {
 						key: 2,
@@ -16978,6 +18266,8 @@ var FluxStatistic_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Stepper.module.scss
 var { "sparklesContainer": _0$1, "sparklesContainerActive": _1, "sparklesParticles": _2 } = {
 	sparklesContainer: `sparkles-container`,
 	sparklesParticles: `sparkles-particles`,
@@ -16996,8 +18286,12 @@ var Stepper_module_default = {
 	stepperStepsItemIdle: `stepper-steps-item-idle stepper-steps-item ${_0$1}`,
 	stepperStepsItemParticles: `stepper-steps-item-particles ${_2}`
 };
-var _hoisted_1$4 = ["onClick"];
-var _hoisted_2$2 = { key: 1 };
+//#endregion
+//#region src/component/FluxStepperSteps.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = ["onClick"];
+var _hoisted_2$3 = { key: 1 };
+//#endregion
+//#region src/component/FluxStepperSteps.vue
 var FluxStepperSteps_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxStepperSteps",
 	props: {
@@ -17026,13 +18320,15 @@ var FluxStepperSteps_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [__props.current > step ? (openBlock(), createBlock(FluxIcon_default, {
 						key: 0,
 						name: "check"
-					})) : (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(step), 1))]),
+					})) : (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(step), 1))]),
 					_: 2
-				}, 1024)], 10, _hoisted_1$4);
+				}, 1024)], 10, _hoisted_1$5);
 			}), 128))], 6);
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxStepper.vue
 var FluxStepper_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxStepper",
 	props: {
@@ -17079,6 +18375,8 @@ var FluxStepper_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxStepperStep.vue
 var FluxStepperStep_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxStepperStep",
 	setup(__props) {
@@ -17104,6 +18402,8 @@ var Tab_module_default = {
 	form: `form`,
 	paneHeader: `pane-header`
 };
+//#endregion
+//#region src/component/FluxTab.vue
 var FluxTab_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTab",
 	props: {
@@ -17119,6 +18419,8 @@ var FluxTab_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxTabBar.vue
 var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTabBar",
 	setup(__props) {
@@ -17186,7 +18488,11 @@ var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$3 = { key: 1 };
+//#endregion
+//#region src/component/FluxTabBarItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = { key: 1 };
+//#endregion
+//#region src/component/FluxTabBarItem.vue
 var FluxTabBarItem_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTabBarItem",
 	props: {
@@ -17259,7 +18565,7 @@ var FluxTabBarItem_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					name: __props.icon,
 					size: 16
-				}, null, 8, ["name"])) : createCommentVNode("", true), __props.label ? (openBlock(), createElementBlock("span", _hoisted_1$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]),
+				}, null, 8, ["name"])) : createCommentVNode("", true), __props.label ? (openBlock(), createElementBlock("span", _hoisted_1$4, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]),
 				_: 1
 			}, 8, [
 				"component-type",
@@ -17276,6 +18582,8 @@ var FluxTabBarItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxTabs.vue
 var FluxTabs_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTabs",
 	props: {
@@ -17335,6 +18643,8 @@ var FluxTabs_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxTableActions.vue
 var FluxTableActions_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTableActions",
 	setup(__props) {
@@ -17346,6 +18656,8 @@ var FluxTableActions_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxTableBar.vue
 var FluxTableBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTableBar",
 	setup(__props) {
@@ -17359,7 +18671,11 @@ var FluxTableBar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$2 = ["aria-label", "onClick"];
+//#endregion
+//#region src/component/FluxTableHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = ["aria-label", "onClick"];
+//#endregion
+//#region src/component/FluxTableHeader.vue
 var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTableHeader",
 	props: {
@@ -17394,7 +18710,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 				}, [createVNode(FluxIcon_default, {
 					size: 16,
 					name: sortingIcon.value
-				}, null, 8, ["name"])], 10, _hoisted_1$2)]),
+				}, null, 8, ["name"])], 10, _hoisted_1$3)]),
 				default: withCtx(() => [createVNode(FluxMenu_default, null, {
 					default: withCtx(() => [createVNode(FluxMenuGroup_default, null, {
 						default: withCtx(() => [createVNode(FluxMenuItem_default, {
@@ -17425,6 +18741,8 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxTagStack.vue
 var FluxTagStack_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTagStack",
 	setup(__props) {
@@ -17457,6 +18775,8 @@ var Timeline_module_default = {
 	timelineItemSuccess: `timeline-item-success timeline-item`,
 	timelineItemWarning: `timeline-item-warning timeline-item`
 };
+//#endregion
+//#region src/component/FluxTimeline.vue
 var FluxTimeline_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTimeline",
 	setup(__props) {
@@ -17468,9 +18788,13 @@ var FluxTimeline_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var _hoisted_1$1 = ["src"];
-var _hoisted_2$1 = { key: 0 };
+//#endregion
+//#region src/component/FluxTimelineItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = ["src"];
+var _hoisted_2$2 = { key: 0 };
 var _hoisted_3 = { key: 1 };
+//#endregion
+//#region src/component/FluxTimelineItem.vue
 var FluxTimelineItem_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTimelineItem",
 	props: {
@@ -17494,7 +18818,7 @@ var FluxTimelineItem_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Timeline_module_default).timelineItemPhotoImage),
 					src: __props.photo,
 					alt: ""
-				}, null, 10, _hoisted_1$1), __props.icon ? (openBlock(), createElementBlock("div", {
+				}, null, 10, _hoisted_1$2), __props.icon ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(Timeline_module_default).timelineItemPhotoIcon)
 				}, [createVNode(FluxIcon_default, {
@@ -17510,18 +18834,22 @@ var FluxTimelineItem_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("div", { class: normalizeClass(unref(Timeline_module_default).timelineItemBody) }, [__props.title || __props.when ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(Timeline_module_default).timelineItemHeader)
-				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_2$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.when ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.when), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2)
+				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_2$2, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.when ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.when), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2)
 			], 2);
 		};
 	}
 });
-var _hoisted_1 = ["for", "aria-disabled"];
-var _hoisted_2 = [
+//#endregion
+//#region src/component/FluxToggle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = ["for", "aria-disabled"];
+var _hoisted_2$1 = [
 	"id",
 	"disabled",
 	"checked",
 	"aria-checked"
 ];
+//#endregion
+//#region src/component/FluxToggle.vue
 var FluxToggle_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxToggle",
 	props: /* @__PURE__ */ mergeModels({
@@ -17571,11 +18899,13 @@ var FluxToggle_default = /* @__PURE__ */ defineComponent({
 					role: "switch",
 					"aria-checked": modelValue.value,
 					onInput: toggle
-				}, null, 42, _hoisted_2)
-			], 10, _hoisted_1);
+				}, null, 42, _hoisted_2$1)
+			], 10, _hoisted_1$1);
 		};
 	}
 });
+//#endregion
+//#region src/css/component/Toolbar.module.scss
 var { "basePane": _0 } = Pane_module_default$1;
 var Toolbar_module_default = {
 	toolbar: `toolbar`,
@@ -17591,6 +18921,8 @@ var Toolbar_module_default = {
 	separator: `separator`,
 	paneHeader: `pane-header`
 };
+//#endregion
+//#region src/component/FluxToolbar.vue
 var FluxToolbar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxToolbar",
 	props: { floatingMode: {} },
@@ -17608,6 +18940,8 @@ var FluxToolbar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/component/FluxToolbarGroup.vue
 var FluxToolbarGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxToolbarGroup",
 	setup(__props) {
@@ -17623,6 +18957,116 @@ var FluxToolbarGroup_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActions_default as FluxActions, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoGrid_default as FluxAutoGrid, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarEvent_default as FluxCalendarEvent, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneDeck_default as FluxPaneDeck, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxStack_default as FluxStack, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, fluxRegisterIcons, isFluxFormSelectGroup, isFluxFormSelectOption, showAlert, showConfirm, showPrompt, showSnackbar, useBreakpoints_default as useBreakpoints, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
+var TreeView_module_default = {
+	treeView: `tree-view`,
+	treeNode: `tree-node`,
+	isHighlighted: `is-highlighted`,
+	treeNodeLineArea: `tree-node-line-area`,
+	treeIndent: `tree-indent`,
+	hasLine: `has-line`,
+	treeConnector: `tree-connector`,
+	isLast: `is-last`,
+	treeNodeExpand: `tree-node-expand`,
+	treeNodeColorDot: `tree-node-color-dot`,
+	treeNodeIcon: `tree-node-icon`,
+	treeNodeLabel: `tree-node-label`
+};
+//#endregion
+//#region src/component/FluxTreeView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-expanded",
+	"onClick",
+	"onDblclick"
+];
+var _hoisted_2 = ["onClick"];
+//#endregion
+//#region src/component/FluxTreeView.vue
+var FluxTreeView_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxTreeView",
+	props: {
+		levelColors: {},
+		options: {}
+	},
+	emits: ["click", "dblclick"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const nodeElementRefs = useTemplateRef("nodeElements");
+		const expandedIds = ref(/* @__PURE__ */ new Set());
+		const visibleNodes = computed(() => flattenVisible(__props.options, 0, unref(expandedIds)));
+		const { highlightedIndex, toggleExpand, onExpandClick, onKeyNavigate } = useTreeView({
+			expandedIds,
+			nodeElementRefs,
+			visibleNodes
+		});
+		function onNodeClick(node) {
+			highlightedIndex.value = unref(visibleNodes).findIndex((n) => n.id === node.id);
+			const { depth: _depth, isLast: _isLast, lineGuides: _lineGuides, ...option } = node;
+			emit("click", option);
+		}
+		function onNodeDblClick(node) {
+			if (node.children?.length) toggleExpand(node.id);
+			const { depth: _depth, isLast: _isLast, lineGuides: _lineGuides, ...option } = node;
+			emit("dblclick", option);
+		}
+		function onKeyDown(evt) {
+			onKeyNavigate(evt, onNodeClick);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(TreeView_module_default).treeView),
+				role: "tree",
+				tabindex: "0",
+				onKeydown: onKeyDown
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleNodes.value, (node, nodeIndex) => {
+				return openBlock(), createElementBlock("div", {
+					ref_for: true,
+					ref: "nodeElements",
+					key: node.id,
+					class: normalizeClass(unref(clsx)(unref(TreeView_module_default).treeNode, nodeIndex === unref(highlightedIndex) && unref(TreeView_module_default).isHighlighted)),
+					role: "treeitem",
+					tabindex: "-1",
+					"aria-expanded": node.children?.length ? expandedIds.value.has(node.id) : void 0,
+					onClick: ($event) => onNodeClick(node),
+					onDblclick: ($event) => onNodeDblClick(node)
+				}, [
+					createElementVNode("div", { class: normalizeClass(unref(TreeView_module_default).treeNodeLineArea) }, [
+						(openBlock(true), createElementBlock(Fragment, null, renderList(node.lineGuides, (showLine, guideIndex) => {
+							return openBlock(), createElementBlock("span", {
+								key: `g-${guideIndex}`,
+								class: normalizeClass([unref(TreeView_module_default).treeIndent, showLine && unref(TreeView_module_default).hasLine])
+							}, null, 2);
+						}), 128)),
+						node.depth > 0 ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass([unref(TreeView_module_default).treeConnector, node.isLast && unref(TreeView_module_default).isLast])
+						}, null, 2)) : createCommentVNode("", true),
+						createElementVNode("span", {
+							class: normalizeClass(unref(TreeView_module_default).treeNodeExpand),
+							onClick: ($event) => unref(onExpandClick)(node, $event)
+						}, [node.children?.length ? (openBlock(), createBlock(FluxIcon_default, {
+							key: 0,
+							name: expandedIds.value.has(node.id) ? "angle-down" : "angle-right",
+							size: 12
+						}, null, 8, ["name"])) : createCommentVNode("", true)], 10, _hoisted_2)
+					], 2),
+					unref(getLevelColor)(node.depth, __props.levelColors) ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(TreeView_module_default).treeNodeColorDot),
+						style: normalizeStyle({ background: unref(getLevelColor)(node.depth, __props.levelColors) })
+					}, null, 6)) : createCommentVNode("", true),
+					node.icon ? (openBlock(), createBlock(FluxIcon_default, {
+						key: 1,
+						class: normalizeClass(unref(TreeView_module_default).treeNodeIcon),
+						name: node.icon,
+						size: 16
+					}, null, 8, ["class", "name"])) : createCommentVNode("", true),
+					createElementVNode("span", { class: normalizeClass(unref(TreeView_module_default).treeNodeLabel) }, toDisplayString(node.label), 3)
+				], 42, _hoisted_1);
+			}), 128))], 34);
+		};
+	}
+});
+//#endregion
+export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActions_default as FluxActions, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoGrid_default as FluxAutoGrid, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarEvent_default as FluxCalendarEvent, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneDeck_default as FluxPaneDeck, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxStack_default as FluxStack, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, fluxRegisterIcons, isFluxFormSelectGroup, isFluxFormSelectOption, showAlert, showConfirm, showPrompt, showSnackbar, useBreakpoints_default as useBreakpoints, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
 
 //# sourceMappingURL=index.js.map