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

package/dist/index.js

@@ -70,6 +70,7 @@ var FluxExpandableGroupInjectionKey = Symbol();
 var FluxFlyoutInjectionKey = Symbol();
 var FluxFilterInjectionKey = Symbol();
 var FluxFormFieldInjectionKey = Symbol();
+var FluxSegmentedControlInjectionKey = Symbol();
 var FluxTabBarInjectionKey = Symbol();
 var FluxTableInjectionKey = Symbol();
 var FluxTooltipInjectionKey = Symbol();
@@ -164,7 +165,7 @@ function fluxRegisterIcons(icons) {
 		if (!icons[key]) return acc;
 		const { icon, iconName } = icons[key];
 		acc[iconName] = icon;
-		if (Array.isArray(icon[2])) icon[2].forEach((iconName) => acc[iconName] = icon);
+		if (Array.isArray(icon[2])) icon[2].forEach((alias) => acc[alias] = icon);
 		return acc;
 	}, {});
 }
@@ -2345,6 +2346,17 @@ function useKanbanInjection_default() {
 	return injection;
 }
 //#endregion
+//#region src/composable/useSegmentedControlInjection.ts
+function useSegmentedControlInjection_default() {
+	return inject(FluxSegmentedControlInjectionKey, {
+		modelValue: ref(void 0),
+		size: ref("medium"),
+		select: () => void 0,
+		registerItem: () => void 0,
+		unregisterItem: () => void 0
+	});
+}
+//#endregion
 //#region src/composable/useTabBarInjection.ts
 function useTabBarInjection_default() {
 	return inject(FluxTabBarInjectionKey, {
@@ -2369,7 +2381,7 @@ function useTooltipInjection_default() {
 	return inject(FluxTooltipInjectionKey, { calculate: () => void 0 });
 }
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+utils@3.37.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.40.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
 function t$1(e, t) {
 	return Math.round(e / t) * t;
 }
@@ -3339,7 +3351,7 @@ var camelCase = createCompounder(function(result, word, index) {
 	return result + (index ? capitalize(word) : word);
 });
 //#endregion
-//#region ../internals/dist/util-CwaOsSvo.js
+//#region ../internals/dist/util-CJ4O9fDL.js
 function i$2(e) {
 	if (typeof requestAnimationFrame > `u`) return (() => {});
 	let t = 0;
@@ -3468,7 +3480,7 @@ function v$2(...e) {
 }
 function y$2(e, t, n = !1) {
 	let r = b$2(e), i = t.compareDocumentPosition(e), a;
-	a = i && Node.DOCUMENT_POSITION_PRECEDING || n ? r.firstChild() : r.lastChild(), (a === null ? e : a).focus();
+	a = (i & Node.DOCUMENT_POSITION_PRECEDING) !== 0 || n ? r.firstChild() : r.lastChild(), (a === null ? e : a).focus();
 }
 function b$2(e) {
 	return document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => e.tabIndex >= 0 && !e.disabled ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP });
@@ -6585,7 +6597,7 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.37.0+f97c77f67c914c00/node_modules/@basmilius/http-client/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+http-client@3.40.0+24cbb59c6ffe9d25/node_modules/@basmilius/http-client/dist/index.mjs
 function adapter_default(Parent) {
 	return class extends Parent {
 		constructor(...args) {
@@ -6593,11 +6605,6 @@ function adapter_default(Parent) {
 		}
 	};
 }
-function bound_default() {
-	return (target, method) => {
-		target[method] = target[method].bind(target);
-	};
-}
 /**
 * Checks if the two given values are equal. When both values are a
 * dto, the check is done by firstly converthing them to JSON.
@@ -6621,7 +6628,7 @@ var TRIGGER = Symbol();
 * Checks if the given object is a dto.
 */
 function isDto_default(obj) {
-	return typeof obj === "object" && obj !== null && NAME in obj;
+	return obj && typeof obj === "object" && !!obj[NAME];
 }
 /**
 * Asserts that the given object is a dto.
@@ -6676,9 +6683,6 @@ var markDtoClean = circularProtect_default(function(obj) {
 	if (!obj[CHILDREN] || obj[CHILDREN].length === 0) return;
 	obj[CHILDREN].filter(isDtoDirty_default).forEach(markDtoClean);
 });
-function isProxiedArray_default(value) {
-	return Array.isArray(value) && PARENT in value;
-}
 /**
 * Marks the given dto dirty.
 */
@@ -6705,7 +6709,7 @@ function relateDtoTo_default(dto, parent, key) {
 */
 function relateValueTo_default(dto, key, value) {
 	if (isDto_default(value)) relateDtoTo_default(value, dto, key);
-	else if (isProxiedArray_default(value)) {
+	else if (Array.isArray(value)) {
 		for (const item of value) {
 			if (!isDto_default(item)) continue;
 			relateDtoTo_default(item, dto, key);
@@ -6737,7 +6741,7 @@ function unrelateDtoFrom_default(dto, parent) {
 */
 function unrelateValueFrom_default(dto, value) {
 	if (isDto_default(value)) unrelateDtoFrom_default(value, dto);
-	else if (isProxiedArray_default(value)) {
+	else if (Array.isArray(value)) {
 		for (const item of value) if (isDto_default(item)) unrelateDtoFrom_default(item, dto);
 		value[PARENT] = void 0;
 		value[PARENT_KEY] = void 0;
@@ -6781,7 +6785,7 @@ var arrayProxy_default = {
 	}
 };
 /**
-* Checks if the proxy should ignore the given key.
+* Checks if the given key should be ignored by the proxy.
 */
 function ignored(target, key) {
 	return typeof key === "symbol" || typeof target[key] === "function" || key === "length";
@@ -6826,7 +6830,7 @@ var instanceProxy_default = {
 		const oldValue = descriptor.get?.call(target) ?? void 0;
 		if (areEqual_default(value, oldValue)) return true;
 		unrelateValueFrom_default(target, oldValue);
-		if (Array.isArray(value) && !isProxiedArray_default(value)) value = new Proxy(value, arrayProxy_default);
+		if (Array.isArray(value) && !value[PROXY]) value = new Proxy(value, arrayProxy_default);
 		descriptor.set.call(target, value);
 		relateValueTo_default(target, key, value);
 		markDtoDirty(target, key);
@@ -6950,7 +6954,7 @@ function dto_default(clazz) {
 	K$2(clazz.prototype, DESCRIPTORS, descriptors);
 	K$2(clazz.prototype, NAME, clazz.name);
 	K$2(clazz.prototype, PROPERTIES, properties);
-	K$2(clazz, Symbol.hasInstance, (instance) => typeof instance === "object" && instance !== null && NAME in instance && instance[NAME] === clazz.name);
+	K$2(clazz, Symbol.hasInstance, (instance) => typeof instance === "object" && instance?.[NAME] === clazz.name);
 	G$2(clazz, "clone", clone_default);
 	G$2(clazz, "fill", fill_default);
 	G$2(clazz, "toJSON", toJSON_default);
@@ -6971,12 +6975,6 @@ function __decorate(decorators, target, key, desc) {
 	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-var X$2 = class {
-	test() {
-		return true;
-	}
-};
-__decorate([bound_default()], X$2.prototype, "test", null);
 var BlobResponse = class BlobResponse {
 	get blob() {
 		return this.#blob;
@@ -7089,7 +7087,7 @@ var HttpAdapter = _HttpAdapter = class HttpAdapter {
 		const defaultFilename = `download-${DateTime.now().toFormat("yyyy-MM-dd HH-mm-ss")}`;
 		if (!header.startsWith("attachment")) return defaultFilename;
 		const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(header);
-		if (!matches || matches.length < 2) return defaultFilename;
+		if ((matches?.length || 0) < 2) return defaultFilename;
 		return matches[1].replaceAll("'", "").replaceAll("\"", "").replaceAll("/", "-").replaceAll(":", "-");
 	}
 	static parseRequestError(data, statusCode) {
@@ -7097,7 +7095,12 @@ var HttpAdapter = _HttpAdapter = class HttpAdapter {
 	}
 	static parseValidationError(data) {
 		let errors;
-		if (data.errors) errors = Object.fromEntries(Object.entries(data.errors).map(([key, value]) => [key, _HttpAdapter.parseValidationError(value)]));
+		if (data.errors) {
+			errors = {};
+			Object.entries(data.errors).forEach(([key, value]) => {
+				errors[key] = _HttpAdapter.parseValidationError(value);
+			});
+		}
 		return new ValidationError_default(data.code, data.error, data.error_description, errors, data.params);
 	}
 };
@@ -7204,7 +7207,7 @@ function ye$1(e, t, n) {
 	onScopeDispose(o);
 }
 //#endregion
-//#region ../internals/dist/composable-BLswOqxr.js
+//#region ../internals/dist/composable-CbnFLx66.js
 function _$1(e, t) {
 	let n = ref(!1), r = ref(e), i = computed(() => {
 		let e = [], t = unref(r).month, n = unref(r).startOf(`month`);
@@ -7343,54 +7346,52 @@ function T$1(e) {
 	}));
 }
 function E$1(e) {
-	let t = ref(null);
-	e.announce;
-	let n = computed(() => {
+	let t = ref(null), n = e.announce ?? T$1, r = computed(() => {
 		let t = unref(e.itemId), n = unref(e.grabbedId);
 		return t != null && n === t;
 	});
-	function r() {
+	function i() {
 		t.value = null;
 	}
-	function i(r) {
+	function a(i) {
 		if (unref(e.isDraggable) && unref(e.itemId) != null) {
-			if (!n.value) {
-				(r.key === ` ` || r.key === `Enter`) && (r.preventDefault(), t.value = e.onGrab());
+			if (!r.value) {
+				(i.key === ` ` || i.key === `Enter`) && (i.preventDefault(), t.value = e.onGrab(), n(`Grabbed, use arrow keys to move`));
 				return;
 			}
-			switch (r.key) {
+			switch (i.key) {
 				case `ArrowUp`:
-					r.preventDefault(), e.onMove(`up`);
+					i.preventDefault(), e.onMove(`up`), n(`Moved up`);
 					break;
 				case `ArrowDown`:
-					r.preventDefault(), e.onMove(`down`);
+					i.preventDefault(), e.onMove(`down`), n(`Moved down`);
 					break;
 				case `ArrowLeft`:
-					r.preventDefault(), e.onMove(`left`);
+					i.preventDefault(), e.onMove(`left`), n(`Moved left`);
 					break;
 				case `ArrowRight`:
-					r.preventDefault(), e.onMove(`right`);
+					i.preventDefault(), e.onMove(`right`), n(`Moved right`);
 					break;
 				case ` `:
 				case `Enter`: {
-					r.preventDefault();
-					let n = t.value;
-					t.value = null, n !== null && e.onCommit(n);
+					i.preventDefault();
+					let r = t.value;
+					t.value = null, r !== null && (e.onCommit(r), n(`Dropped`));
 					break;
 				}
 				case `Escape`: {
-					r.preventDefault();
-					let n = t.value;
-					t.value = null, n !== null && e.onCancel(n);
+					i.preventDefault();
+					let r = t.value;
+					t.value = null, r !== null && (e.onCancel(r), n(`Cancelled`));
 					break;
 				}
 			}
 		}
 	}
 	return {
-		isGrabbed: n,
-		handleKeyDown: i,
-		release: r
+		isGrabbed: r,
+		handleKeyDown: a,
+		release: i
 	};
 }
 function D$1(e, t, n, r = { passive: !0 }) {
@@ -7572,7 +7573,7 @@ function z$1(e, t, n, r, i, o) {
 //#region ../internals/dist/data/index.js
 var oe = `#ef4444`, se = `#dc2626`, _e = `#f97316`, ve = `#ea580c`, Oe = `#f59e0b`, ke = `#d97706`, ze = `#eab308`, Be = `#ca8a04`, Xe = `#84cc16`, Ze = `#65a30d`, st = `#22c55e`, ct = `#16a34a`, vt = `#10b981`, yt = `#059669`, kt = `#14b8a6`, At = `#0d9488`, Bt = `#06b6d4`, Vt = `#0891b2`, Zt = `#0ea5e9`, Qt = `#0284c7`, ln = `#3b82f6`, un = `#2563eb`, bn = `#6366f1`, xn = `#4f46e5`, jn = `#8b5cf6`, Mn = `#7c3aed`, Hn = `#a855f7`, Un = `#9333ea`, $n = `#d946ef`, er = `#c026d3`, ur = `#ec4899`, dr = `#db2777`, xr = `#f43f5e`, Sr = `#e11d48`;
 //#endregion
-//#region ../internals/dist/directive-Dprka-AO.js
+//#region ../internals/dist/directive-CoRl44Fx.js
 var i = class {
 	#e;
 	#t;
@@ -7633,7 +7634,7 @@ var Icon_module_default = {
 };
 //#endregion
 //#region src/component/FluxIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = [
+var _hoisted_1$63 = [
 	"viewBox",
 	"role",
 	"aria-hidden",
@@ -7686,7 +7687,7 @@ var FluxIcon_default = /* @__PURE__ */ defineComponent({
 					d: path,
 					fill: "currentColor"
 				}, null, 8, _hoisted_2$24);
-			}), 256))], 14, _hoisted_1$62)) : (openBlock(), createElementBlock("i", {
+			}), 256))], 14, _hoisted_1$63)) : (openBlock(), createElementBlock("i", {
 				key: 1,
 				class: normalizeClass(unref(Icon_module_default).icon)
 			}, null, 2));
@@ -9023,7 +9024,7 @@ function sanitizeUrl_default(href) {
 }
 //#endregion
 //#region src/component/FluxPressable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = [
+var _hoisted_1$62 = [
 	"href",
 	"rel",
 	"target"
@@ -9078,7 +9079,7 @@ var FluxPressable_default = /* @__PURE__ */ defineComponent({
 				rel: resolvedRel.value,
 				target: __props.target,
 				onClick: _cache[1] || (_cache[1] = ($event) => onClick($event))
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$61)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[2] || (_cache[2] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$62)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[2] || (_cache[2] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
 		};
 	}
 });
@@ -9913,7 +9914,7 @@ var Flyout_module_default = {
 };
 //#endregion
 //#region src/component/FluxFlyout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = ["onKeydown"];
+var _hoisted_1$61 = ["onKeydown"];
 //#endregion
 //#region src/component/FluxFlyout.vue
 var FluxFlyout_default = /* @__PURE__ */ defineComponent({
@@ -10050,7 +10051,7 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 					openerHeight: openerHeight.value
 				})))]),
 				_: 3
-			}, 8, ["class", "style"])) : createCommentVNode("", true)], 42, _hoisted_1$60)], 6);
+			}, 8, ["class", "style"])) : createCommentVNode("", true)], 42, _hoisted_1$61)], 6);
 		};
 	}
 });
@@ -10636,7 +10637,7 @@ var Avatar_module_default = {
 };
 //#endregion
 //#region src/component/FluxAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = ["alt", "src"];
+var _hoisted_1$60 = ["alt", "src"];
 var _hoisted_2$23 = { key: 0 };
 //#endregion
 //#region src/component/FluxAvatar.vue
@@ -10723,7 +10724,7 @@ var FluxAvatar_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(Avatar_module_default).avatarImage),
 						alt: __props.alt,
 						src: __props.src
-					}, null, 10, _hoisted_1$59)) : (openBlock(), createElementBlock("div", {
+					}, null, 10, _hoisted_1$60)) : (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass(__props.fallback === "colorized" ? unref(Avatar_module_default).avatarFallbackColorized : unref(Avatar_module_default).avatarFallbackNeutral)
 					}, [__props.fallbackInitials ? (openBlock(), createElementBlock("span", _hoisted_2$23, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
@@ -10786,7 +10787,7 @@ var Badge_module_default = {
 };
 //#endregion
 //#region src/component/FluxBadge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = ["aria-label"];
+var _hoisted_1$59 = ["aria-label"];
 //#endregion
 //#region src/component/FluxBadge.vue
 var FluxBadge_default = /* @__PURE__ */ defineComponent({
@@ -10852,7 +10853,7 @@ var FluxBadge_default = /* @__PURE__ */ defineComponent({
 						type: "button",
 						"aria-label": unref(translate)("flux.delete"),
 						onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onDeleteClick(), ["stop"]))
-					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$58)) : createCommentVNode("", true)
+					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$59)) : createCommentVNode("", true)
 				]),
 				_: 1
 			}, 8, [
@@ -11006,7 +11007,7 @@ var Calendar_module_default = {
 };
 //#endregion
 //#region src/component/calendar/FluxCalendarItemDisplay.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = ["draggable", "tabindex"];
+var _hoisted_1$58 = ["draggable", "tabindex"];
 //#endregion
 //#region src/component/calendar/FluxCalendarItemDisplay.vue
 var FluxCalendarItemDisplay_default = /* @__PURE__ */ defineComponent({
@@ -11079,13 +11080,13 @@ var FluxCalendarItemDisplay_default = /* @__PURE__ */ defineComponent({
 				onDragstart: onDragStart,
 				onDragend: onDragEnd,
 				onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleKeyDown) && unref(handleKeyDown)(...args))
-			}, [createVNode(unref(RenderItemContent), { render: __props.data.renderContent }, null, 8, ["render"])], 42, _hoisted_1$57);
+			}, [createVNode(unref(RenderItemContent), { render: __props.data.renderContent }, null, 8, ["render"])], 42, _hoisted_1$58);
 		};
 	}
 });
 //#endregion
 //#region src/component/calendar/FluxCalendarMonthView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = [
+var _hoisted_1$57 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
@@ -11160,7 +11161,7 @@ var FluxCalendarMonthView_default = /* @__PURE__ */ defineComponent({
 							key: item.id,
 							data: item
 						}, null, 8, ["data"]);
-					}), 128))], 2), createElementVNode("span", { class: normalizeClass(unref(Calendar_module_default).calendarEntryDate) }, toDisplayString(date.toLocaleString({ day: "numeric" })), 3)], 42, _hoisted_1$56);
+					}), 128))], 2), createElementVNode("span", { class: normalizeClass(unref(Calendar_module_default).calendarEntryDate) }, toDisplayString(date.toLocaleString({ day: "numeric" })), 3)], 42, _hoisted_1$57);
 				}), 256))], 2))]),
 				_: 1
 			}, 8, ["is-back"]);
@@ -11169,7 +11170,7 @@ var FluxCalendarMonthView_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/calendar/FluxCalendarTimeGridView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = [
+var _hoisted_1$56 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
@@ -11179,7 +11180,7 @@ var _hoisted_2$22 = [
 	"onDragleave",
 	"onDrop"
 ];
-var _hoisted_3$8 = ["onMousedown"];
+var _hoisted_3$7 = ["onMousedown"];
 var _hoisted_4$1 = ["onMousedown"];
 //#endregion
 //#region src/component/calendar/FluxCalendarTimeGridView.vue
@@ -11492,7 +11493,7 @@ var FluxCalendarTimeGridView_default = /* @__PURE__ */ defineComponent({
 								key: item.id,
 								data: item
 							}, null, 8, ["data"]);
-						}), 128))], 42, _hoisted_1$55);
+						}), 128))], 42, _hoisted_1$56);
 					}), 128))], 2)], 2),
 					createElementVNode("div", { class: normalizeClass(unref(Calendar_module_default).timeGridBody) }, [createElementVNode("div", { class: normalizeClass(unref(Calendar_module_default).timeGridHours) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(hours.value, (hour) => {
 						return openBlock(), createElementBlock("div", {
@@ -11521,7 +11522,7 @@ var FluxCalendarTimeGridView_default = /* @__PURE__ */ defineComponent({
 							}, [createElementVNode("div", { class: normalizeClass(unref(Calendar_module_default).timeGridDayItemBody) }, [createVNode(FluxCalendarItemDisplay_default, { data: positioned.data }, null, 8, ["data"]), __props.draggable && !__props.hasActiveDrag ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", {
 								class: normalizeClass(unref(clsx)(unref(Calendar_module_default).timeGridDayItemHandle, unref(Calendar_module_default).isTop)),
 								onMousedown: (evt) => onResizeStart(positioned, "top", evt)
-							}, null, 42, _hoisted_3$8), createElementVNode("div", {
+							}, null, 42, _hoisted_3$7), createElementVNode("div", {
 								class: normalizeClass(unref(clsx)(unref(Calendar_module_default).timeGridDayItemHandle, unref(Calendar_module_default).isBottom)),
 								onMousedown: (evt) => onResizeStart(positioned, "bottom", evt)
 							}, null, 42, _hoisted_4$1)], 64)) : createCommentVNode("", true)], 2)], 6);
@@ -11560,14 +11561,14 @@ var DatePicker_module_default = {
 };
 //#endregion
 //#region src/component/FluxDatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = ["id"];
+var _hoisted_1$55 = ["id"];
 var _hoisted_2$21 = ["aria-labelledby"];
-var _hoisted_3$7 = ["onClick", "onMouseover"];
+var _hoisted_3$6 = ["onClick", "onMouseover"];
 //#endregion
 //#region src/component/FluxDatePicker.vue
 var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDatePicker",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		max: {},
 		min: {},
 		rangeMode: {}
@@ -11711,7 +11712,7 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(DatePicker_module_default).datePickerHeaderViewButton),
 					type: "button",
 					onClick: _cache[1] || (_cache[1] = ($event) => setView("year"))
-				}, toDisplayString(unref(viewYear)), 3)], 10, _hoisted_1$54),
+				}, toDisplayString(unref(viewYear)), 3)], 10, _hoisted_1$55),
 				createVNode(unref(FluxFadeTransition_default), null, {
 					default: withCtx(() => [viewMode.value === "date" ? (openBlock(), createBlock(FluxSecondaryButton_default, {
 						key: 0,
@@ -11748,7 +11749,7 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 							onClick: ($event) => setDate(date),
 							onMouseover: ($event) => onDateMouseOver(date),
 							onMouseout: onDateMouseOut
-						}, toDisplayString(date.toLocaleString({ day: "numeric" })), 43, _hoisted_3$7);
+						}, toDisplayString(date.toLocaleString({ day: "numeric" })), 43, _hoisted_3$6);
 					}), 256))], 2))]),
 					_: 1
 				}, 8, ["is-back"])], 10, _hoisted_2$21)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
@@ -11822,9 +11823,9 @@ var FluxLayerPane_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCalendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = ["aria-label", "onClick"];
+var _hoisted_1$54 = ["aria-label", "onClick"];
 var _hoisted_2$20 = ["aria-label", "onClick"];
-var _hoisted_3$6 = ["aria-label", "onClick"];
+var _hoisted_3$5 = ["aria-label", "onClick"];
 var SNAP_MINUTES = 30;
 var NAV_HOVER_INITIAL_DELAY_MS = 700;
 var NAV_HOVER_REPEAT_DELAY_MS = 450;
@@ -11882,9 +11883,9 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 			return "day";
 		});
 		const timeGridDayCount = computed(() => {
-			const v = unref(resolvedView);
-			if (v === "week") return 7;
-			if (v === "two-days") return 2;
+			const resolved = unref(resolvedView);
+			if (resolved === "week") return 7;
+			if (resolved === "two-days") return 2;
 			return 1;
 		});
 		const { isTransitioningToPast: monthIsTransitioningToPast, viewDate: monthViewDate, viewMonth: monthViewMonth, viewYear: monthViewYear, dates: monthDates, days: monthDays, setViewDate: setMonthViewDateRaw, nextMonth: nextMonthRaw, previousMonth: previousMonthRaw } = _$1(__props.initialDate, { weekDayLength: "long" });
@@ -12039,15 +12040,15 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 			if (id == null) return;
 			const currentDate = findItemDate(id);
 			if (!currentDate) return;
-			const v = unref(resolvedView);
-			const delta = (v === "month" ? MONTH_KEY_DELTAS : TIME_GRID_KEY_DELTAS)[direction];
+			const resolved = unref(resolvedView);
+			const delta = (resolved === "month" ? MONTH_KEY_DELTAS : TIME_GRID_KEY_DELTAS)[direction];
 			const newDate = currentDate.plus(delta);
 			emit("reschedule", {
 				id,
 				fromDate: currentDate,
 				toDate: newDate
 			});
-			if (v === "month") {
+			if (resolved === "month") {
 				monthFocusedDate.value = newDate.startOf("day");
 				if (newDate.month !== unref(monthViewDate).month) setMonthViewDateRaw(newDate);
 			} else {
@@ -12149,7 +12150,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectMonth"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(unref(monthViewMonth)), 11, _hoisted_1$53)]),
+							}, toDisplayString(unref(monthViewMonth)), 11, _hoisted_1$54)]),
 							default: withCtx(({ close }) => [createElementVNode("div", { class: normalizeClass(unref(DatePicker_module_default).datePickerMonths) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
 								return openBlock(), createBlock(FluxSecondaryButton_default, {
 									key: month.label,
@@ -12198,7 +12199,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectDate"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(rangeLabel.value), 11, _hoisted_3$6)]),
+							}, toDisplayString(rangeLabel.value), 11, _hoisted_3$5)]),
 							default: withCtx(({ close }) => [createVNode(FluxDatePicker_default, {
 								"model-value": datePickerValue.value,
 								"onUpdate:modelValue": ($event) => {
@@ -12297,7 +12298,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCalendarItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = {
+var _hoisted_1$53 = {
 	"aria-hidden": "true",
 	style: { "display": "none" }
 };
@@ -12350,7 +12351,7 @@ var FluxCalendarItem_default = /* @__PURE__ */ defineComponent({
 			if (dragContext && props.id != null) dragContext.registerItem(props.id, buildData());
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$52);
+			return openBlock(), createElementBlock("span", _hoisted_1$53);
 		};
 	}
 });
@@ -12440,7 +12441,7 @@ var Form_module_default = {
 };
 //#endregion
 //#region src/component/FluxCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = ["for"];
+var _hoisted_1$52 = ["for"];
 var _hoisted_2$19 = [
 	"id",
 	"disabled",
@@ -12452,7 +12453,7 @@ var _hoisted_2$19 = [
 //#region src/component/FluxCheckbox.vue
 var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxCheckbox",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		error: {},
 		isReadonly: { type: Boolean },
@@ -12513,7 +12514,7 @@ var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(Form_module_default).checkboxLabel)
 				}, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$51);
+			], 10, _hoisted_1$52);
 		};
 	}
 });
@@ -12672,7 +12673,7 @@ var FluxCommandPaletteGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTag.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = ["aria-label"];
+var _hoisted_1$51 = ["aria-label"];
 //#endregion
 //#region src/component/FluxTag.vue
 var FluxTag_default = /* @__PURE__ */ defineComponent({
@@ -12740,7 +12741,7 @@ var FluxTag_default = /* @__PURE__ */ defineComponent({
 						type: "button",
 						"aria-label": unref(translate)("flux.delete"),
 						onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onDeleteClick(), ["stop"]))
-					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$50)) : createCommentVNode("", true)
+					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$51)) : createCommentVNode("", true)
 				]),
 				_: 1
 			}, 8, [
@@ -12802,7 +12803,7 @@ var FluxCommandPaletteItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCommandPalette.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = ["placeholder", "value"];
+var _hoisted_1$50 = ["placeholder", "value"];
 var _hoisted_2$18 = ["onClick"];
 //#endregion
 //#region src/component/FluxCommandPalette.vue
@@ -12930,7 +12931,7 @@ var FluxCommandPalette_default = /* @__PURE__ */ defineComponent({
 						value: unref(search),
 						type: "text",
 						onInput: _cache[2] || (_cache[2] = ($event) => unref(setSearch)($event.target.value))
-					}, null, 42, _hoisted_1$49),
+					}, null, 42, _hoisted_1$50),
 					createVNode(FluxTag_default, {
 						"is-keyboard-shortcut": "",
 						label: "Esc"
@@ -13034,7 +13035,7 @@ var Comment_module_default = {
 };
 //#endregion
 //#region src/component/FluxComment.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = { key: 0 };
+var _hoisted_1$49 = { key: 0 };
 var _hoisted_2$17 = ["datetime"];
 //#endregion
 //#region src/component/FluxComment.vue
@@ -13079,7 +13080,7 @@ var FluxComment_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(Comment_module_default).commentTyping)
 				}, null, 2)) : renderSlot(_ctx.$slots, "default", { key: 1 })], 2),
-				createElementVNode("div", { class: normalizeClass(unref(Comment_module_default).commentFooter) }, [__props.isReceived && __props.postedBy ? (openBlock(), createElementBlock("span", _hoisted_1$48, toDisplayString(__props.postedBy), 1)) : createCommentVNode("", true), iso.value && relative.value && !__props.isTyping ? (openBlock(), createElementBlock("time", {
+				createElementVNode("div", { class: normalizeClass(unref(Comment_module_default).commentFooter) }, [__props.isReceived && __props.postedBy ? (openBlock(), createElementBlock("span", _hoisted_1$49, toDisplayString(__props.postedBy), 1)) : createCommentVNode("", true), iso.value && relative.value && !__props.isTyping ? (openBlock(), createElementBlock("time", {
 					key: 1,
 					datetime: iso.value
 				}, toDisplayString(isJustNowVisible.value ? unref(translate)("flux.justNow") : relative.value), 9, _hoisted_2$17)) : createCommentVNode("", true)], 2)
@@ -13089,7 +13090,7 @@ var FluxComment_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormFieldAddition.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = { key: 1 };
+var _hoisted_1$48 = { key: 1 };
 //#endregion
 //#region src/component/FluxFormFieldAddition.vue
 var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
@@ -13111,7 +13112,7 @@ var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
 					name: __props.icon,
 					size: 16
 				}, null, 8, ["class", "name"])) : createCommentVNode("", true),
-				__props.message ? (openBlock(), createElementBlock("span", _hoisted_1$47, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+				__props.message ? (openBlock(), createElementBlock("span", _hoisted_1$48, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -13119,7 +13120,7 @@ var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = ["for"];
+var _hoisted_1$47 = ["for"];
 //#endregion
 //#region src/component/FluxFormField.vue
 var FluxFormField_default = /* @__PURE__ */ defineComponent({
@@ -13163,7 +13164,7 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 						label: __props.label,
 						maxLength: __props.maxLength
 					})))], 2)) : createCommentVNode("", true)
-				], 10, _hoisted_1$46),
+				], 10, _hoisted_1$47),
 				renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ id: unref(id) }))),
 				__props.currentLength && __props.maxLength && __props.maxLength > 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -13195,7 +13196,7 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = ["aria-disabled"];
+var _hoisted_1$46 = ["aria-disabled"];
 var _hoisted_2$16 = [
 	"id",
 	"name",
@@ -13217,7 +13218,7 @@ var _hoisted_2$16 = [
 //#region src/component/FluxFormInput.vue
 var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: {
 			type: Boolean,
 			default: false
@@ -13243,7 +13244,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: "" },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"blur",
 		"focus",
 		"showPicker"
@@ -13399,7 +13400,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Form_module_default).formInputIconTrailing),
 					size: 18
 				}, null, 8, ["class"])) : createCommentVNode("", true)
-			], 10, _hoisted_1$45);
+			], 10, _hoisted_1$46);
 		};
 	}
 });
@@ -13570,7 +13571,7 @@ var FluxPaneFooter_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPaneHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = { key: 0 };
+var _hoisted_1$45 = { key: 0 };
 var _hoisted_2$15 = { key: 1 };
 //#endregion
 //#region src/component/FluxPaneHeader.vue
@@ -13594,7 +13595,7 @@ var FluxPaneHeader_default = /* @__PURE__ */ defineComponent({
 				__props.title || __props.subtitle ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(unref(Pane_module_default).paneHeaderCaption)
-				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$44, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2$15, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$45, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2$15, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "after")
 			], 2);
 		};
@@ -13682,8 +13683,13 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 		function onClick(evt) {
 			emit("click", evt);
 		}
-		watch([() => __props.item, () => __props.value], async () => {
-			valueLabel.value = await unref(getValueLabel)(__props.value) ?? void 0;
+		watch([() => __props.item, () => __props.value], async ([, nextValue], _prev, onCleanup) => {
+			let cancelled = false;
+			onCleanup(() => {
+				cancelled = true;
+			});
+			const nextLabel = await unref(getValueLabel)(nextValue);
+			if (!cancelled) valueLabel.value = nextLabel ?? void 0;
 		}, {
 			deep: true,
 			immediate: true
@@ -13705,7 +13711,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Menu.module.scss
-var { "button": _0$10, "buttonIcon": _1$3, "buttonLabel": _2$2 } = Button_module_default$1;
+var { "buttonIcon": _0$10, "button": _1$3, "buttonLabel": _2$2 } = Button_module_default$1;
 var Menu_module_default = {
 	menu: `menu`,
 	menuNormal: `menu-normal menu`,
@@ -13713,9 +13719,9 @@ var Menu_module_default = {
 	menuGroup: `menu-group`,
 	menuGroupHorizontal: `menu-group-horizontal menu-group`,
 	menuGroupVertical: `menu-group-vertical menu-group`,
-	menuItem: `menu-item ${_0$10}`,
+	menuItem: `menu-item ${_1$3}`,
 	badge: `badge`,
-	menuItemIcon: `menu-item-icon ${_1$3}`,
+	menuItemIcon: `menu-item-icon ${_0$10}`,
 	menuItemLabel: `menu-item-label ${_2$2}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
@@ -13725,7 +13731,7 @@ var Menu_module_default = {
 	menuCollapsibleOpened: `menu-collapsible-opened menu-collapsible`,
 	menuCollapsibleBody: `menu-collapsible-body`,
 	menuCollapsibleContent: `menu-collapsible-content`,
-	menuItemSelectableIcon: `menu-item-selectable-icon ${_1$3}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_0$10}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -13757,7 +13763,7 @@ var FluxMenuGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = ["src", "alt"];
+var _hoisted_1$44 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxMenuItem.vue
 var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -13834,7 +13840,7 @@ var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Menu_module_default).menuItemImage),
 					src: __props.imageSrc,
 					alt: __props.imageAlt ?? ""
-				}, null, 10, _hoisted_1$43)]),
+				}, null, 10, _hoisted_1$44)]),
 				key: "1"
 			} : slots.before ? {
 				name: "iconLeading",
@@ -13901,7 +13907,7 @@ var FluxMenuSubHeader_default = /* @__PURE__ */ defineComponent({
 //#region src/component/primitive/FilterOptionBase.vue
 var FilterOptionBase_default = /* @__PURE__ */ defineComponent({
 	__name: "FilterOptionBase",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		isLoading: { type: Boolean },
 		isSearchable: { type: Boolean },
 		options: {},
@@ -13911,7 +13917,7 @@ var FilterOptionBase_default = /* @__PURE__ */ defineComponent({
 		"searchQuery": { default: "" },
 		"searchQueryModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["select"], ["update:searchQuery"]),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:searchQuery"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelSearch = useModel(__props, "searchQuery");
@@ -13981,7 +13987,7 @@ var INITIAL_HIGHLIGHTED_INDEX = -1;
 var SelectBase_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SelectBase",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isMultiple: { type: Boolean },
@@ -13993,7 +13999,7 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 		"searchQuery": { default: "" },
 		"searchQueryModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"keyDown",
 		"deselect",
 		"select",
@@ -14282,7 +14288,7 @@ var FluxTicks_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/primitive/SliderBase.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = ["aria-disabled"];
+var _hoisted_1$43 = ["aria-disabled"];
 //#endregion
 //#region src/component/primitive/SliderBase.vue
 var SliderBase_default = /* @__PURE__ */ defineComponent({
@@ -14335,13 +14341,13 @@ var SliderBase_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				lower: __props.min,
 				upper: __props.max
-			}, null, 8, ["lower", "upper"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$42);
+			}, null, 8, ["lower", "upper"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$43);
 		};
 	}
 });
 //#endregion
 //#region src/component/primitive/SliderThumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = [
+var _hoisted_1$42 = [
 	"aria-disabled",
 	"aria-label",
 	"aria-valuemax",
@@ -14400,7 +14406,7 @@ var SliderThumb_default = /* @__PURE__ */ defineComponent({
 				type: "button",
 				onKeydown: onKeyDown,
 				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
-			}, null, 46, _hoisted_1$41);
+			}, null, 46, _hoisted_1$42);
 		};
 	}
 });
@@ -14505,7 +14511,7 @@ var Divider_module_default = {
 };
 //#endregion
 //#region src/component/FluxSeparator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = ["aria-orientation"];
+var _hoisted_1$41 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxSeparator.vue
 var FluxSeparator_default = /* @__PURE__ */ defineComponent({
@@ -14517,7 +14523,7 @@ var FluxSeparator_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(__props.direction === "horizontal" ? unref(Divider_module_default).separatorHorizontal : unref(Divider_module_default).separatorVertical),
 				role: "separator",
 				"aria-orientation": __props.direction
-			}, null, 10, _hoisted_1$40);
+			}, null, 10, _hoisted_1$41);
 		};
 	}
 });
@@ -14624,7 +14630,7 @@ var VNodeRenderer = defineComponent({
 //#region src/component/FluxFormSlider.vue
 var FluxFormSlider_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSlider",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: {
 			type: Boolean,
 			default: false
@@ -14762,7 +14768,7 @@ var CoordinatePicker_module_default = {
 };
 //#endregion
 //#region src/component/primitive/CoordinatePickerThumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = [
+var _hoisted_1$40 = [
 	"aria-disabled",
 	"aria-valuetext",
 	"tabindex"
@@ -14818,18 +14824,18 @@ var CoordinatePickerThumb_default = /* @__PURE__ */ defineComponent({
 				type: "button",
 				onKeydown: onKeyDown,
 				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
-			}, null, 46, _hoisted_1$39);
+			}, null, 46, _hoisted_1$40);
 		};
 	}
 });
 //#endregion
 //#region src/component/primitive/CoordinatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = ["aria-disabled", "aria-label"];
+var _hoisted_1$39 = ["aria-disabled", "aria-label"];
 //#endregion
 //#region src/component/primitive/CoordinatePicker.vue
 var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "CoordinatePicker",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		ariaLabel: {},
 		disabled: { type: Boolean },
 		max: { default: 100 },
@@ -14839,7 +14845,7 @@ var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: [0, 0] },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["dragging"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["dragging"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
@@ -14920,7 +14926,7 @@ var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
 				"disabled",
 				"is-dragging",
 				"position"
-			])], 42, _hoisted_1$38);
+			])], 42, _hoisted_1$39);
 		};
 	}
 });
@@ -14952,7 +14958,7 @@ var Color_module_default = {
 //#region src/component/FluxColorPicker.vue
 var FluxColorPicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxColorPicker",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		isAlphaEnabled: { type: Boolean },
 		type: { default: "hex" }
 	}, {
@@ -15000,9 +15006,9 @@ var FluxColorPicker_default = /* @__PURE__ */ defineComponent({
 		});
 		const saturationValue = computed({
 			get: () => [unref(saturation), unref(value)],
-			set: ([s, v]) => {
-				saturation.value = s;
-				value.value = v;
+			set: ([nextSaturation, nextValue]) => {
+				saturation.value = nextSaturation;
+				value.value = nextValue;
 			}
 		});
 		const saturationPickerColor = computed(() => {
@@ -15303,7 +15309,7 @@ var FluxPrimaryButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxColorSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = [
+var _hoisted_1$38 = [
 	"aria-checked",
 	"aria-label",
 	"disabled",
@@ -15320,7 +15326,7 @@ var _hoisted_2$14 = [
 //#region src/component/FluxColorSelect.vue
 var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxColorSelect",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		colors: { default: () => [
 			oe,
 			_e,
@@ -15378,7 +15384,7 @@ var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Color_module_default).colorSelectCheck),
 					name: "check",
 					size: 14
-				}, null, 8, ["class"])], 14, _hoisted_1$37);
+				}, null, 8, ["class"])], 14, _hoisted_1$38);
 			}), 128)), __props.isCustomAllowed ? (openBlock(), createBlock(FluxFlyout_default, { key: 0 }, {
 				opener: withCtx(({ open }) => [createElementVNode("button", {
 					class: normalizeClass(unref(Color_module_default).colorSelectCustom),
@@ -15434,7 +15440,7 @@ var FluxContainer_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormSelect.vue
 var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSelect",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -15587,7 +15593,7 @@ var FluxPaginationButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = ["aria-label"];
+var _hoisted_1$37 = ["aria-label"];
 //#endregion
 //#region src/component/FluxPagination.vue
 var FluxPagination_default = /* @__PURE__ */ defineComponent({
@@ -15643,9 +15649,9 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 				message: translate("flux.paginationNavigateMessage"),
 				fieldLabel: translate("flux.paginationNavigatePage")
 			});
-			const page = Number(pageStr);
-			if (isNaN(page) || page > unref(pages) || page <= 0) return;
-			navigate(page);
+			const target = Number(pageStr);
+			if (isNaN(target) || target > unref(pages) || target <= 0) return;
+			navigate(target);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("nav", {
@@ -15684,7 +15690,7 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 					]))], 64);
 				}), 256)) : (openBlock(), createBlock(FluxPaginationButton_default, {
 					key: 2,
-					class: normalizeClass(unref(Pagination_module_default).paginationCurrentZZ),
+					"is-current": "",
 					onClick: prompt
 				}, {
 					before: withCtx(() => [
@@ -15693,7 +15699,7 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 						createElementVNode("span", null, toDisplayString(pages.value), 1)
 					]),
 					_: 1
-				}, 8, ["class"])),
+				})),
 				__props.arrows || __props.isCompact ? (openBlock(), createBlock(FluxPaginationButton_default, {
 					key: 3,
 					disabled: isNextDisabled.value,
@@ -15702,7 +15708,7 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 					"aria-label": unref(translate)("flux.next"),
 					onClick: next
 				}, null, 8, ["disabled", "aria-label"])) : createCommentVNode("", true)
-			], 10, _hoisted_1$36);
+			], 10, _hoisted_1$37);
 		};
 	}
 });
@@ -15833,9 +15839,9 @@ var FluxTableRow_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = { key: 0 };
+var _hoisted_1$36 = { key: 0 };
 var _hoisted_2$13 = { key: 1 };
-var _hoisted_3$5 = { key: 2 };
+var _hoisted_3$4 = { key: 2 };
 //#endregion
 //#region src/component/FluxTable.vue
 var FluxTable_default = /* @__PURE__ */ defineComponent({
@@ -15882,17 +15888,17 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 			}, [
 				createElementVNode("table", { class: normalizeClass(unref(Table_module_default).tableBase) }, [
 					renderSlot(_ctx.$slots, "colgroups"),
-					slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1$35, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
+					slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1$36, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
 					slots.default ? (openBlock(), createElementBlock("tbody", _hoisted_2$13, [renderSlot(_ctx.$slots, "default"), __props.fillColumns ? (openBlock(), createBlock(FluxTableRow_default, {
 						key: 0,
 						class: normalizeClass(unref(Table_module_default).tableFill)
 					}, {
-						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fillColumns, (_) => {
-							return openBlock(), createBlock(FluxTableCell_default);
-						}), 256))]),
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fillColumns, (n) => {
+							return openBlock(), createBlock(FluxTableCell_default, { key: n });
+						}), 128))]),
 						_: 1
 					}, 8, ["class"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
-					slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_3$5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true),
+					slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_3$4, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true),
 					slots.caption ? (openBlock(), createElementBlock("caption", {
 						key: 3,
 						style: normalizeStyle({ captionSide: __props.captionSide })
@@ -15916,7 +15922,7 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTableHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = ["aria-sort"];
+var _hoisted_1$35 = ["aria-sort"];
 var _hoisted_2$12 = ["aria-label", "onClick"];
 //#endregion
 //#region src/component/FluxTableHeader.vue
@@ -15983,7 +15989,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				})]),
 				_: 1
-			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$34);
+			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$35);
 		};
 	}
 });
@@ -15991,7 +15997,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxDataTable.vue
 var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDataTable",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		fillColumns: {},
 		isBordered: {
 			type: Boolean,
@@ -16024,7 +16030,7 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 		"selected": {},
 		"selectedModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["limit", "navigate"], ["update:selected"]),
+	emits: /*@__PURE__*/ mergeModels(["limit", "navigate"], ["update:selected"]),
 	setup(__props, { emit: __emit }) {
 		const IGNORED_SLOTS = [
 			"filter",
@@ -16241,7 +16247,7 @@ var FluxDisabled_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxDivider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = ["aria-orientation"];
+var _hoisted_1$34 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxDivider.vue
 var FluxDivider_default = /* @__PURE__ */ defineComponent({
@@ -16263,13 +16269,13 @@ var FluxDivider_default = /* @__PURE__ */ defineComponent({
 			}, [renderSlot(_ctx.$slots, "default")], 2)) : (openBlock(), createElementBlock("hr", {
 				key: 1,
 				class: normalizeClass(unref(Divider_module_default).dividerLine)
-			}, null, 2))], 10, _hoisted_1$33);
+			}, null, 2))], 10, _hoisted_1$34);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxDotPattern.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = [
+var _hoisted_1$33 = [
 	"id",
 	"width",
 	"height"
@@ -16279,7 +16285,7 @@ var _hoisted_2$11 = [
 	"cx",
 	"cy"
 ];
-var _hoisted_3$4 = ["fill"];
+var _hoisted_3$3 = ["fill"];
 //#endregion
 //#region src/component/FluxDotPattern.vue
 var FluxDotPattern_default = /* @__PURE__ */ defineComponent({
@@ -16324,12 +16330,12 @@ var FluxDotPattern_default = /* @__PURE__ */ defineComponent({
 				r: __props.cr,
 				cx: __props.width / 2 - __props.cx,
 				cy: __props.height / 2 - __props.cy
-			}, null, 8, _hoisted_2$11)], 8, _hoisted_1$32)]), createElementVNode("rect", {
+			}, null, 8, _hoisted_2$11)], 8, _hoisted_1$33)]), createElementVNode("rect", {
 				width: "100%",
 				height: "100%",
 				"stroke-width": "0",
 				fill: `url(#${unref(id)})`
-			}, null, 8, _hoisted_3$4)], 2);
+			}, null, 8, _hoisted_3$3)], 2);
 		};
 	}
 });
@@ -16347,7 +16353,7 @@ var DropZone_module_default = {
 };
 //#endregion
 //#region src/component/FluxDropZone.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = [
+var _hoisted_1$32 = [
 	"aria-disabled",
 	"aria-label",
 	"tabindex"
@@ -16493,7 +16499,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 					isDraggingOver: isDraggingOver.value,
 					showPicker
 				})))
-			], 42, _hoisted_1$31);
+			], 42, _hoisted_1$32);
 		};
 	}
 });
@@ -16523,7 +16529,7 @@ var Expandable_module_default = {
 };
 //#endregion
 //#region src/component/FluxExpandable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = [
+var _hoisted_1$31 = [
 	"id",
 	"aria-controls",
 	"aria-expanded"
@@ -16621,7 +16627,7 @@ var FluxExpandable_default = /* @__PURE__ */ defineComponent({
 					close
 				})))], 2)])], 10, _hoisted_2$9)) : createCommentVNode("", true)]),
 				_: 3
-			})], 10, _hoisted_1$30);
+			})], 10, _hoisted_1$31);
 		};
 	}
 });
@@ -16721,7 +16727,7 @@ var FluxFilterBase_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	},
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"back",
 		"clear",
 		"reset"
@@ -16736,41 +16742,41 @@ var FluxFilterBase_default = /* @__PURE__ */ defineComponent({
 		}
 		const flattenedFilters = computed(() => a$2(slots.filters?.() ?? []));
 		const buttons = computed(() => {
-			const buttons = {};
+			const result = {};
 			const items = unref(flattenedFilters);
 			for (const item of items) {
 				const definition = resolveDefinition(item);
 				if (!definition) continue;
-				buttons[definition.name] = definition;
+				result[definition.name] = definition;
 			}
-			return buttons;
+			return result;
 		});
 		const filters = computed(() => {
-			const filters = {};
+			const result = {};
 			const items = unref(flattenedFilters);
 			for (const item of items) {
 				const definition = resolveDefinition(item);
 				if (!definition) continue;
-				filters[definition.name] = item;
+				result[definition.name] = item;
 			}
-			return filters;
+			return result;
 		});
 		const menuItems = computed(() => {
-			const menuItems = [[]];
+			const result = [[]];
 			const items = unref(flattenedFilters);
 			for (const item of items) {
 				if (f$3(item) === "FluxSeparator") {
-					menuItems.push([]);
+					result.push([]);
 					continue;
 				}
 				const definition = resolveDefinition(item);
 				if (definition) {
-					menuItems[menuItems.length - 1].push(definition);
+					result[result.length - 1].push(definition);
 					continue;
 				}
-				menuItems[menuItems.length - 1].push(item);
+				result[result.length - 1].push(item);
 			}
-			return menuItems;
+			return result;
 		});
 		watchEffect(() => {
 			const state = unref(modelValue);
@@ -16947,7 +16953,7 @@ var FluxFilter_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	},
-	emits: /* @__PURE__ */ mergeModels(["clear", "reset"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["clear", "reset"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
@@ -17068,7 +17074,7 @@ var FluxOverflowBar_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFilterBar.vue
 var FluxFilterBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterBar",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		isSearchable: { type: Boolean },
 		searchPlaceholder: {}
 	}, {
@@ -17077,7 +17083,7 @@ var FluxFilterBar_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["clear", "reset"], ["update:search", "update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["clear", "reset"], ["update:search", "update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelSearch = useModel(__props, "search");
@@ -17345,7 +17351,7 @@ var FluxFilterOption_default = /* @__PURE__ */ defineComponent({
 		};
 	}),
 	__name: "FluxFilterOption",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17403,7 +17409,7 @@ var FluxFilterOptionAsync_default = /* @__PURE__ */ defineComponent({
 		}
 	})),
 	__name: "FluxFilterOptionAsync",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17478,7 +17484,7 @@ var FluxFilterOptions_default = /* @__PURE__ */ defineComponent({
 		};
 	}),
 	__name: "FluxFilterOptions",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17540,7 +17546,7 @@ var FluxFilterOptionsAsync_default = /* @__PURE__ */ defineComponent({
 		};
 	}),
 	__name: "FluxFilterOptionsAsync",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17840,12 +17846,12 @@ var FocalPoint_module_default = {
 };
 //#endregion
 //#region src/component/FluxFocalPointEditor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = ["src"];
+var _hoisted_1$30 = ["src"];
 //#endregion
 //#region src/component/FluxFocalPointEditor.vue
 var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFocalPointEditor",
-	props: /* @__PURE__ */ mergeModels({ src: {} }, {
+	props: /*@__PURE__*/ mergeModels({ src: {} }, {
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	}),
@@ -17909,7 +17915,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 							src: __props.src,
 							alt: "",
 							onLoad: onImageLoaded
-						}, null, 42, _hoisted_1$29), createElementVNode("div", {
+						}, null, 42, _hoisted_1$30), createElementVNode("div", {
 							class: normalizeClass(unref(FocalPoint_module_default).focalPointEditorArea),
 							style: normalizeStyle({
 								top: `${focalPointY.value}%`,
@@ -17938,7 +17944,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFocalPointImage.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = ["src", "alt"];
+var _hoisted_1$29 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxFocalPointImage.vue
 var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
@@ -17957,13 +17963,13 @@ var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle({ objectPosition: `${x.value}% ${y.value}%` }),
 				src: __props.src,
 				alt: __props.alt
-			}, null, 14, _hoisted_1$28);
+			}, null, 14, _hoisted_1$29);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxForm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = ["aria-disabled"];
+var _hoisted_1$28 = ["aria-disabled"];
 //#endregion
 //#region src/component/FluxForm.vue
 var FluxForm_default = /* @__PURE__ */ defineComponent({
@@ -17986,7 +17992,7 @@ var FluxForm_default = /* @__PURE__ */ defineComponent({
 			}, [createVNode(FluxDisabled_default, { disabled: __props.disabled }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["disabled"])], 42, _hoisted_1$27);
+			}, 8, ["disabled"])], 42, _hoisted_1$28);
 		};
 	}
 });
@@ -18011,7 +18017,7 @@ var FluxFormInputGroup_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormDateInput.vue
 var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormDateInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -18028,7 +18034,7 @@ var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: null },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["blur", "focus"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["blur", "focus"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
@@ -18098,12 +18104,12 @@ var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormDateRangeInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = { key: 0 };
+var _hoisted_1$27 = { key: 0 };
 //#endregion
 //#region src/component/FluxFormDateRangeInput.vue
 var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormDateRangeInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -18144,7 +18150,7 @@ var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [createElementVNode("div", {
 						class: normalizeClass(unref(clsx)(unref(Form_module_default).formDateRangeInput, unref(disabled) && unref(Form_module_default).isDisabled, __props.isCondensed && unref(Form_module_default).isCondensed, __props.isSecondary && unref(Form_module_default).isSecondary, __props.error && unref(Form_module_default).isInvalid)),
 						role: "presentation"
-					}, [label.value ? (openBlock(), createElementBlock("span", _hoisted_1$26, toDisplayString(label.value), 1)) : __props.placeholder ? (openBlock(), createElementBlock("span", {
+					}, [label.value ? (openBlock(), createElementBlock("span", _hoisted_1$27, toDisplayString(label.value), 1)) : __props.placeholder ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						class: normalizeClass(unref(Form_module_default).formSelectPlaceholder)
 					}, toDisplayString(__props.placeholder), 3)) : createCommentVNode("", true)], 2), createVNode(FluxSecondaryButton_default, {
@@ -18179,7 +18185,7 @@ var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormDateTimeInput.vue
 var FluxFormDateTimeInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormDateTimeInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -18316,7 +18322,7 @@ var FluxFormGrid_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormInputAddition.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = { key: 1 };
+var _hoisted_1$26 = { key: 1 };
 //#endregion
 //#region src/component/FluxFormInputAddition.vue
 var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
@@ -18333,7 +18339,7 @@ var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 					name: __props.icon,
 					size: 18
 				}, null, 8, ["name"])) : createCommentVNode("", true),
-				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$25, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$26, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -18341,7 +18347,7 @@ var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormPinInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = [
+var _hoisted_1$25 = [
 	"id",
 	"name",
 	"autofocus",
@@ -18362,7 +18368,7 @@ var _hoisted_2$8 = [
 //#region src/component/FluxFormPinInput.vue
 var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormPinInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: {
 			type: Boolean,
 			default: false
@@ -18465,7 +18471,7 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 					onKeydown: onKeyDown,
 					onPaste
 				}, null, 42, _hoisted_2$8);
-			}), 128))], 14, _hoisted_1$24);
+			}), 128))], 14, _hoisted_1$25);
 		};
 	}
 });
@@ -18473,7 +18479,7 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormRangeSlider.vue
 var FluxFormRangeSlider_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormRangeSlider",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		error: {},
 		isLoading: { type: Boolean },
@@ -18665,7 +18671,7 @@ var FluxFormSection_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormSelectAsync.vue
 var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSelectAsync",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -18761,7 +18767,7 @@ var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormTextArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = [
+var _hoisted_1$24 = [
 	"id",
 	"name",
 	"autocomplete",
@@ -18778,7 +18784,7 @@ var _hoisted_1$23 = [
 //#region src/component/FluxFormTextArea.vue
 var FluxFormTextArea_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormTextArea",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: {
 			type: Boolean,
 			default: false
@@ -18798,7 +18804,7 @@ var FluxFormTextArea_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: "" },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["blur", "focus"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["blur", "focus"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
@@ -18823,7 +18829,7 @@ var FluxFormTextArea_default = /* @__PURE__ */ defineComponent({
 				"aria-invalid": __props.error ? true : void 0,
 				onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur")),
 				onFocus: _cache[2] || (_cache[2] = ($event) => emit("focus"))
-			}, null, 46, _hoisted_1$23)), [[vModelText, modelValue.value]]);
+			}, null, 46, _hoisted_1$24)), [[vModelText, modelValue.value]]);
 		};
 	}
 });
@@ -19449,7 +19455,7 @@ var TIME_ZONE_GROUP_ORDER = [
 //#region src/component/FluxFormTimeZonePicker.vue
 var FluxFormTimeZonePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormTimeZonePicker",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -19550,7 +19556,7 @@ var TreeViewSelect_module_default = {
 };
 //#endregion
 //#region src/component/FluxFormTreeViewSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = [
+var _hoisted_1$23 = [
 	"role",
 	"tabindex",
 	"aria-selected",
@@ -19562,7 +19568,7 @@ var _hoisted_1$22 = [
 var FluxFormTreeViewSelect_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "FluxFormTreeViewSelect",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -19791,7 +19797,7 @@ var FluxFormTreeViewSelect_default = /* @__PURE__ */ defineComponent({
 							"expanded",
 							"level-colors",
 							"onExpandClick"
-						])], 42, _hoisted_1$22);
+						])], 42, _hoisted_1$23);
 					}), 128))], 2)]),
 					_: 1
 				}, 8, ["class", "anchor"])) : createCommentVNode("", true)]),
@@ -19806,7 +19812,7 @@ var Remove_module_default = {
 };
 //#endregion
 //#region src/component/FluxRemove.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = ["aria-label"];
+var _hoisted_1$22 = ["aria-label"];
 //#endregion
 //#region src/component/FluxRemove.vue
 var FluxRemove_default = /* @__PURE__ */ defineComponent({
@@ -19829,7 +19835,7 @@ var FluxRemove_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				name: __props.icon,
 				size: 16
-			}, null, 8, ["name"])) : createCommentVNode("", true)], 10, _hoisted_1$21);
+			}, null, 8, ["name"])) : createCommentVNode("", true)], 10, _hoisted_1$22);
 		};
 	}
 });
@@ -19902,7 +19908,7 @@ var FluxGalleryItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxGallery.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = ["onClick"];
+var _hoisted_1$21 = ["onClick"];
 //#endregion
 //#region src/component/FluxGallery.vue
 var FluxGallery_default = /* @__PURE__ */ defineComponent({
@@ -19980,7 +19986,7 @@ var FluxGallery_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(Gallery_module_default).galleryAdd),
 							type: "button",
 							onClick: ($event) => showPicker()
-						}, [createVNode(FluxIcon_default, { name: "plus" })], 10, _hoisted_1$20)) : createCommentVNode("", true)
+						}, [createVNode(FluxIcon_default, { name: "plus" })], 10, _hoisted_1$21)) : createCommentVNode("", true)
 					]),
 					_: 2
 				}, 1032, ["class", "move-class"])]),
@@ -20055,13 +20061,13 @@ var FluxGridColumn_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxGridPattern.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = [
+var _hoisted_1$20 = [
 	"id",
 	"width",
 	"height"
 ];
 var _hoisted_2$7 = ["d", "stroke-dasharray"];
-var _hoisted_3$3 = ["fill"];
+var _hoisted_3$2 = ["fill"];
 var _hoisted_4 = {
 	key: 0,
 	style: { "overflow": "visible" }
@@ -20100,13 +20106,13 @@ var FluxGridPattern_default = /* @__PURE__ */ defineComponent({
 					d: `M.5 ${__props.height}V.5H${__props.width}`,
 					fill: "none",
 					"stroke-dasharray": __props.strokeDasharray
-				}, null, 8, _hoisted_2$7)], 8, _hoisted_1$19)]),
+				}, null, 8, _hoisted_2$7)], 8, _hoisted_1$20)]),
 				createElementVNode("rect", {
 					width: "100%",
 					height: "100%",
 					"stroke-width": "0",
 					fill: `url(#${unref(id)})`
-				}, null, 8, _hoisted_3$3),
+				}, null, 8, _hoisted_3$2),
 				__props.squares ? (openBlock(), createElementBlock("svg", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.squares, ([x, y]) => {
 					return openBlock(), createElementBlock("rect", {
 						key: `${x}-${y}`,
@@ -20167,7 +20173,7 @@ var Kanban_module_default = {
 };
 //#endregion
 //#region src/component/FluxKanban.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = ["aria-label"];
+var _hoisted_1$19 = ["aria-label"];
 //#endregion
 //#region src/component/FluxKanban.vue
 var FluxKanban_default = /* @__PURE__ */ defineComponent({
@@ -20234,13 +20240,13 @@ var FluxKanban_default = /* @__PURE__ */ defineComponent({
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				class: normalizeClass(unref(Kanban_module_default).kanbanLiveRegion)
-			}, toDisplayString(liveMessage.value), 3)], 10, _hoisted_1$18);
+			}, toDisplayString(liveMessage.value), 3)], 10, _hoisted_1$19);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxKanbanColumn.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = ["aria-label", "aria-disabled"];
+var _hoisted_1$18 = ["aria-label", "aria-disabled"];
 var _hoisted_2$6 = ["draggable", "tabindex"];
 //#endregion
 //#region src/component/FluxKanbanColumn.vue
@@ -20421,14 +20427,14 @@ var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
 				hasFooter.value ? (openBlock(), createElementBlock("footer", {
 					key: 0,
 					class: normalizeClass(unref(Kanban_module_default).kanbanColumnFooter)
-				}, [hasFooter.value ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$17);
+				}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
+			], 10, _hoisted_1$18);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxKanbanItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = [
+var _hoisted_1$17 = [
 	"aria-disabled",
 	"draggable",
 	"tabindex"
@@ -20554,7 +20560,7 @@ var FluxKanbanItem_default = /* @__PURE__ */ defineComponent({
 				onDragover: withModifiers(onDragOver, ["stop"]),
 				onFocus,
 				onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleKeyDown) && unref(handleKeyDown)(...args))
-			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$16);
+			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$17);
 		};
 	}
 });
@@ -20751,7 +20757,7 @@ var FluxLink_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxMenuCollapsible.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = ["id"];
+var _hoisted_1$16 = ["id"];
 //#endregion
 //#region src/component/FluxMenuCollapsible.vue
 var FluxMenuCollapsible_default = /* @__PURE__ */ defineComponent({
@@ -20861,7 +20867,7 @@ var FluxMenuCollapsible_default = /* @__PURE__ */ defineComponent({
 					id: unref(bodyId),
 					class: normalizeClass(unref(Menu_module_default).menuCollapsibleBody),
 					role: "group"
-				}, [createElementVNode("div", { class: normalizeClass(unref(Menu_module_default).menuCollapsibleContent) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$15)) : createCommentVNode("", true)]),
+				}, [createElementVNode("div", { class: normalizeClass(unref(Menu_module_default).menuCollapsibleContent) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$16)) : createCommentVNode("", true)]),
 				_: 3
 			})], 2);
 		};
@@ -20871,7 +20877,7 @@ var FluxMenuCollapsible_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxMenuOptions.vue
 var FluxMenuOptions_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenuOptions",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		isHorizontal: { type: Boolean },
 		mode: { default: "highlight" }
 	}, {
@@ -20939,7 +20945,7 @@ var Notice_module_default = {
 };
 //#endregion
 //#region src/component/FluxNotice.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = ["aria-label"];
+var _hoisted_1$15 = ["aria-label"];
 //#endregion
 //#region src/component/FluxNotice.vue
 var FluxNotice_default = /* @__PURE__ */ defineComponent({
@@ -20990,7 +20996,7 @@ var FluxNotice_default = /* @__PURE__ */ defineComponent({
 					type: "button",
 					"aria-label": unref(translate)("flux.close"),
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$14)) : createCommentVNode("", true)
+				}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$15)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
@@ -21243,7 +21249,7 @@ var FluxPaneIllustration_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPaneMedia.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = ["src", "alt"];
+var _hoisted_1$14 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxPaneMedia.vue
 var FluxPaneMedia_default = /* @__PURE__ */ defineComponent({
@@ -21268,7 +21274,7 @@ var FluxPaneMedia_default = /* @__PURE__ */ defineComponent({
 				}),
 				src: __props.imageUrl,
 				alt: __props.imageAlt
-			}, null, 14, _hoisted_1$13)) : createCommentVNode("", true)], 2);
+			}, null, 14, _hoisted_1$14)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
@@ -21313,7 +21319,7 @@ var FluxPercentageBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPersona.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = { key: 0 };
+var _hoisted_1$13 = { key: 0 };
 //#endregion
 //#region src/component/FluxPersona.vue
 var FluxPersona_default = /* @__PURE__ */ defineComponent({
@@ -21353,13 +21359,13 @@ var FluxPersona_default = /* @__PURE__ */ defineComponent({
 			]), !__props.isCompact ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(unref(Avatar_module_default).personaDetails)
-			}, [createElementVNode("strong", null, toDisplayString(__props.name), 1), __props.title ? (openBlock(), createElementBlock("span", _hoisted_1$12, toDisplayString(__props.title), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2);
+			}, [createElementVNode("strong", null, toDisplayString(__props.name), 1), __props.title ? (openBlock(), createElementBlock("span", _hoisted_1$13, toDisplayString(__props.title), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxPlaceholder.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { key: 0 };
+var _hoisted_1$12 = { key: 0 };
 var _hoisted_2$5 = { key: 1 };
 //#endregion
 //#region src/component/FluxPlaceholder.vue
@@ -21389,7 +21395,7 @@ var FluxPlaceholder_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Placeholder_module_default).placeholderIcon),
 					name: __props.icon
 				}, null, 8, ["class", "name"])) : createCommentVNode("", true),
-				createElementVNode("div", { class: normalizeClass(unref(Placeholder_module_default).placeholderCaption) }, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$11, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.message ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(__props.message), 1)) : createCommentVNode("", true)], 2),
+				createElementVNode("div", { class: normalizeClass(unref(Placeholder_module_default).placeholderCaption) }, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$12, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.message ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(__props.message), 1)) : createCommentVNode("", true)], 2),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -21615,7 +21621,7 @@ var FluxPublishButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxQuantitySelector.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = [
+var _hoisted_1$11 = [
 	"disabled",
 	"max",
 	"min",
@@ -21625,7 +21631,7 @@ var _hoisted_1$10 = [
 //#region src/component/FluxQuantitySelector.vue
 var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxQuantitySelector",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		max: { default: 100 },
 		min: { default: 0 },
@@ -21688,7 +21694,7 @@ var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 						max: __props.max,
 						min: __props.min,
 						step: __props.step
-					}, null, 14, _hoisted_1$10), [[vModelText, modelValue.value]]),
+					}, null, 14, _hoisted_1$11), [[vModelText, modelValue.value]]),
 					createVNode(FluxSecondaryButton_default, {
 						class: normalizeClass(unref(Form_module_default).quantitySelectorButton),
 						disabled: unref(disabled) || modelValue.value >= __props.max,
@@ -21735,7 +21741,7 @@ var Snackbar_module_default = {
 };
 //#endregion
 //#region src/component/FluxSnackbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = ["onClick"];
+var _hoisted_1$10 = ["onClick"];
 //#endregion
 //#region src/component/FluxSnackbar.vue
 var FluxSnackbar_default = /* @__PURE__ */ defineComponent({
@@ -21851,7 +21857,7 @@ var FluxSnackbar_default = /* @__PURE__ */ defineComponent({
 						tabindex: "-1",
 						type: "button",
 						onClick: ($event) => onAction(actionKey)
-					}, [createElementVNode("span", null, toDisplayString(actionLabel), 1)], 10, _hoisted_1$9);
+					}, [createElementVNode("span", null, toDisplayString(actionLabel), 1)], 10, _hoisted_1$10);
 				}), 128))], 2)) : createCommentVNode("", true),
 				__props.isCloseable ? (openBlock(), createBlock(FluxAction_default, {
 					key: 1,
@@ -22054,7 +22060,7 @@ var Root_module_default = {
 };
 //#endregion
 //#region src/component/FluxRoot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = ["inert"];
+var _hoisted_1$9 = ["inert"];
 //#endregion
 //#region src/component/FluxRoot.vue
 var FluxRoot_default = /* @__PURE__ */ defineComponent({
@@ -22072,7 +22078,7 @@ var FluxRoot_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("div", mergeProps($attrs, {
 					class: unref(Root_module_default).root,
 					inert: unref(inertMain)
-				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$8),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$9),
 				createVNode(FluxOverlayProvider_default),
 				createVNode(FluxSnackbarProvider_default),
 				createVNode(FluxTooltipProvider_default)
@@ -22206,82 +22212,97 @@ var SegmentedControl_module_default = {
 	segmentedControlHighlight: `segmented-control-highlight`,
 	segmentedControlItem: `segmented-control-item`,
 	isActive: `is-active`,
-	segmentedControlSeparator: `segmented-control-separator`
+	isSmall: `is-small`,
+	isMedium: `is-medium`,
+	isLarge: `is-large`
 };
 //#endregion
 //#region src/component/FluxSegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = ["aria-label"];
-var _hoisted_2$4 = [
-	"aria-checked",
-	"aria-label",
-	"tabindex",
-	"onClick"
-];
-var _hoisted_3$2 = { key: 1 };
+var _hoisted_1$8 = ["aria-label"];
 //#endregion
 //#region src/component/FluxSegmentedControl.vue
 var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSegmentedControl",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		ariaLabel: {},
 		isFill: { type: Boolean },
-		items: {}
+		size: { default: "medium" }
 	}, {
-		"modelValue": { default: 0 },
+		"modelValue": {},
 		"modelModifiers": {}
 	}),
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const modelValue = useModel(__props, "modelValue");
 		const controlRef = useTemplateRef("control");
-		const itemRefs = useTemplateRef("items");
 		const activeItemX = ref(0);
 		const activeItemWidth = ref(0);
-		const isAlive = ref(true);
-		onBeforeUnmount(() => {
-			isAlive.value = false;
+		const items = /* @__PURE__ */ new Map();
+		provide(FluxSegmentedControlInjectionKey, {
+			modelValue,
+			size: toRef(() => __props.size),
+			select,
+			registerItem(element, value) {
+				items.set(element, value);
+				updateHighlight();
+			},
+			unregisterItem(element) {
+				items.delete(element);
+				updateHighlight();
+			}
 		});
-		watchEffect(() => updateHighlight(unref(modelValue)), { flush: "post" });
-		ye$1(controlRef, () => updateHighlight(unref(modelValue)));
-		function activate(index) {
-			modelValue.value = index;
-			(itemRefs.value?.[index])?.focus();
+		onMounted(() => updateHighlight());
+		watch(modelValue, () => updateHighlight(), { flush: "post" });
+		he$1(controlRef, () => updateHighlight(), {
+			childList: true,
+			subtree: true
+		});
+		ye$1(controlRef, () => updateHighlight());
+		function select(value) {
+			modelValue.value = value;
 		}
 		function onKeyDown(evt) {
-			const items = itemRefs.value;
-			if (!items) return;
-			let newIndex = null;
+			const control = controlRef.value;
+			if (!control) return;
+			const radios = Array.from(control.querySelectorAll("[role=radio]:not([disabled])"));
+			if (radios.length === 0) return;
+			const activeElement = control.querySelector("[role=radio][aria-checked=true]");
+			const currentIndex = activeElement ? radios.indexOf(activeElement) : -1;
+			let newIndex;
 			switch (evt.key) {
 				case "ArrowLeft":
 				case "ArrowUp":
-					newIndex = Math.max(0, unref(modelValue) - 1);
+					newIndex = Math.max(0, currentIndex - 1);
 					break;
 				case "ArrowRight":
 				case "ArrowDown":
-					newIndex = Math.min(items.length - 1, unref(modelValue) + 1);
+					newIndex = Math.min(radios.length - 1, currentIndex + 1);
 					break;
 				case "Home":
 					newIndex = 0;
 					break;
 				case "End":
-					newIndex = items.length - 1;
+					newIndex = radios.length - 1;
 					break;
 				default: return;
 			}
-			activate(newIndex);
+			const target = radios[newIndex];
+			const value = items.get(target);
+			if (value !== void 0) select(value);
+			target.focus();
 			evt.preventDefault();
 		}
-		function updateHighlight(index) {
-			if (!isAlive.value) return;
-			const itemRef = itemRefs.value?.[index];
+		function updateHighlight() {
 			const control = controlRef.value;
-			if (!itemRef || !control) return;
-			const width = itemRef.offsetWidth;
+			if (!control) return;
+			const activeElement = control.querySelector("[role=radio][aria-checked=true]");
+			if (!activeElement) {
+				activeItemWidth.value = 0;
+				return;
+			}
+			const width = activeElement.offsetWidth;
 			if (width === 0) return;
-			const controlRect = control.getBoundingClientRect();
-			const itemRect = itemRef.getBoundingClientRect();
-			const scaleX = control.offsetWidth > 0 ? controlRect.width / control.offsetWidth : 1;
-			activeItemX.value = (itemRect.left - controlRect.left) / scaleX;
+			activeItemX.value = activeElement.offsetLeft;
 			activeItemWidth.value = width;
 		}
 		return (_ctx, _cache) => {
@@ -22298,37 +22319,79 @@ var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 					left: `${activeItemX.value}px`,
 					width: `${activeItemWidth.value}px`
 				})
-			}, null, 6)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-				return openBlock(), createElementBlock(Fragment, null, [index > 0 ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(unref(clsx)(unref(SegmentedControl_module_default).segmentedControlSeparator, (index === modelValue.value || index === modelValue.value + 1) && unref(SegmentedControl_module_default).isActive)),
-					role: "separator"
-				}, null, 2)) : createCommentVNode("", true), createElementVNode("button", {
-					ref_for: true,
-					ref: "items",
-					class: normalizeClass(unref(clsx)(unref(SegmentedControl_module_default).segmentedControlItem, index === modelValue.value && unref(SegmentedControl_module_default).isActive)),
-					role: "radio",
-					"aria-checked": index === modelValue.value,
-					"aria-label": item.label,
-					tabindex: index === modelValue.value ? 0 : -1,
-					type: "button",
-					onClick: ($event) => activate(index)
-				}, [item.icon ? (openBlock(), createBlock(FluxIcon_default, {
-					key: 0,
-					name: item.icon,
-					size: 15
-				}, null, 8, ["name"])) : createCommentVNode("", true), item.label ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(item.label), 1)) : createCommentVNode("", true)], 10, _hoisted_2$4)], 64);
-			}), 256))], 42, _hoisted_1$7);
+			}, null, 6)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$8);
 		};
 	}
 });
 //#endregion
-//#region src/component/FluxSegmentedView.vue
-var FluxSegmentedView_default = defineComponent({
-	props: { index: Number },
-	setup(props, { slots }) {
-		return () => {
-			return slots.default()[props.index];
+//#region src/component/FluxSegmentedControlItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = [
+	"aria-checked",
+	"aria-disabled",
+	"disabled",
+	"tabindex"
+];
+var _hoisted_2$4 = { key: 1 };
+//#endregion
+//#region src/component/FluxSegmentedControlItem.vue
+var FluxSegmentedControlItem_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxSegmentedControlItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		icon: {},
+		label: {}
+	},
+	setup(__props) {
+		const control = useSegmentedControlInjection_default();
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const itemRef = useTemplateRef("item");
+		const sizeClasses = {
+			small: SegmentedControl_module_default.isSmall,
+			medium: SegmentedControl_module_default.isMedium,
+			large: SegmentedControl_module_default.isLarge
+		};
+		const iconSizes = {
+			small: 14,
+			medium: 16,
+			large: 18
+		};
+		const isActive = computed(() => control.modelValue.value === __props.value);
+		const iconSize = computed(() => iconSizes[unref(control.size)]);
+		const itemClass = computed(() => clsx(SegmentedControl_module_default.segmentedControlItem, sizeClasses[unref(control.size)], isActive.value && SegmentedControl_module_default.isActive));
+		onMounted(() => {
+			const element = unref(itemRef);
+			if (!element) return;
+			control.registerItem(element, __props.value);
+			if (control.modelValue.value === void 0 && !unref(disabled)) control.select(__props.value);
+		});
+		onBeforeUnmount(() => {
+			const element = unref(itemRef);
+			if (element) control.unregisterItem(element);
+		});
+		function onClick(evt) {
+			if (unref(disabled)) {
+				evt.preventDefault();
+				return;
+			}
+			control.select(__props.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				ref: "item",
+				class: normalizeClass(itemClass.value),
+				role: "radio",
+				"aria-checked": isActive.value,
+				"aria-disabled": unref(disabled) ? true : void 0,
+				disabled: unref(disabled) ? true : void 0,
+				tabindex: isActive.value ? 0 : -1,
+				type: "button",
+				onClick
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [__props.icon ? (openBlock(), createBlock(FluxIcon_default, {
+				key: 0,
+				name: __props.icon,
+				size: iconSize.value
+			}, null, 8, ["name", "size"])) : createCommentVNode("", true), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(__props.label), 1)) : createCommentVNode("", true)])], 10, _hoisted_1$7);
 		};
 	}
 });
@@ -23050,7 +23113,7 @@ var FluxTabBarItem_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxTabs.vue
 var FluxTabs_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTabs",
-	props: /* @__PURE__ */ mergeModels({ isPills: { type: Boolean } }, {
+	props: /*@__PURE__*/ mergeModels({ isPills: { type: Boolean } }, {
 		"modelValue": { default: 0 },
 		"modelModifiers": {}
 	}),
@@ -23263,7 +23326,7 @@ var _hoisted_2 = [
 //#region src/component/FluxToggle.vue
 var FluxToggle_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxToggle",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		error: {},
 		isReadonly: { type: Boolean },
@@ -23457,6 +23520,6 @@ var FluxTreeView_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarItem_default as FluxCalendarItem, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxCommandPalette_default as FluxCommandPalette, FluxCommandPaletteGroup_default as FluxCommandPaletteGroup, FluxCommandPaletteItem_default as FluxCommandPaletteItem, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlex_default as FluxFlex, FluxFlexItem_default as FluxFlexItem, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxKanban_default as FluxKanban, FluxKanbanColumn_default as FluxKanbanColumn, FluxKanbanItem_default as FluxKanbanItem, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxScroller_default as FluxScroller, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxSplitView_default as FluxSplitView, FluxSplitViewPane_default as FluxSplitViewPane, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxSticky_default as FluxSticky, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, defineFilter, fluxRegisterIcons, iconRegistry, isFluxFilterOptionHeader, isFluxFilterOptionItem, isFluxFormSelectGroup, isFluxFormSelectOption, pickFilterCommon, showAlert, showConfirm, showPrompt, showSnackbar, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, useBreakpoints_default as useBreakpoints, useCalendarInjection_default as useCalendarInjection, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useKanbanInjection_default as useKanbanInjection, useTabBarInjection_default as useTabBarInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
+export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarItem_default as FluxCalendarItem, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxCommandPalette_default as FluxCommandPalette, FluxCommandPaletteGroup_default as FluxCommandPaletteGroup, FluxCommandPaletteItem_default as FluxCommandPaletteItem, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlex_default as FluxFlex, FluxFlexItem_default as FluxFlexItem, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxKanban_default as FluxKanban, FluxKanbanColumn_default as FluxKanbanColumn, FluxKanbanItem_default as FluxKanbanItem, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxScroller_default as FluxScroller, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedControlItem_default as FluxSegmentedControlItem, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxSplitView_default as FluxSplitView, FluxSplitViewPane_default as FluxSplitViewPane, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxSticky_default as FluxSticky, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, defineFilter, fluxRegisterIcons, iconRegistry, isFluxFilterOptionHeader, isFluxFilterOptionItem, isFluxFormSelectGroup, isFluxFormSelectOption, pickFilterCommon, showAlert, showConfirm, showPrompt, showSnackbar, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, useBreakpoints_default as useBreakpoints, useCalendarInjection_default as useCalendarInjection, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useKanbanInjection_default as useKanbanInjection, useSegmentedControlInjection_default as useSegmentedControlInjection, useTabBarInjection_default as useTabBarInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
 
 //# sourceMappingURL=index.js.map