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

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;
 }
@@ -2386,13 +2398,6 @@ function p$4(e, t = 0) {
 		minimumFractionDigits: t
 	}).format(e);
 }
-function m$2(e) {
-	return new Intl.NumberFormat(navigator.language, {
-		maximumFractionDigits: 1,
-		minimumFractionDigits: 0,
-		style: `percent`
-	}).format(e);
-}
 function g$1(e, t, n = 5, r) {
 	let i = [
 		1,
@@ -2543,7 +2548,6 @@ function G$2(e, t, n) {
 function K$2(e, t, n) {
 	Object.defineProperty(e, t, { value: n });
 }
-var Z$1 = `—`;
 //#endregion
 //#region ../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_freeGlobal.js
 /** Detect free variable `global` from Node.js. */
@@ -3339,7 +3343,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 +3472,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 +6589,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 +6597,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 +6620,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 +6675,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 +6701,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 +6733,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 +6777,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 +6822,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 +6946,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 +6967,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 +7079,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 +7087,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 +7199,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 +7338,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 +7565,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;
@@ -7639,7 +7632,7 @@ var _hoisted_1$62 = [
 	"aria-hidden",
 	"aria-label"
 ];
-var _hoisted_2$24 = ["d"];
+var _hoisted_2$23 = ["d"];
 //#endregion
 //#region src/component/FluxIcon.vue
 var FluxIcon_default = /* @__PURE__ */ defineComponent({
@@ -7685,7 +7678,7 @@ var FluxIcon_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					d: path,
 					fill: "currentColor"
-				}, null, 8, _hoisted_2$24);
+				}, null, 8, _hoisted_2$23);
 			}), 256))], 14, _hoisted_1$62)) : (openBlock(), createElementBlock("i", {
 				key: 1,
 				class: normalizeClass(unref(Icon_module_default).icon)
@@ -9330,31 +9323,31 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Button.module.scss
-var { "button": _0$14, "buttonIcon": _1$5, "buttonLabel": _2$4 } = Button_module_default$1;
+var { "buttonIcon": _0$14, "button": _1$5, "buttonLabel": _2$4 } = Button_module_default$1;
 var Button_module_default = {
-	primaryButton: `primary-button ${_0$14}`,
+	primaryButton: `primary-button ${_1$5}`,
 	spinner: `spinner`,
-	primaryButtonIcon: `primary-button-icon ${_1$5}`,
+	primaryButtonIcon: `primary-button-icon ${_0$14}`,
 	primaryButtonLabel: `primary-button-label ${_2$4}`,
-	secondaryButton: `secondary-button ${_0$14}`,
-	secondaryButtonIcon: `secondary-button-icon ${_1$5}`,
+	secondaryButton: `secondary-button ${_1$5}`,
+	secondaryButtonIcon: `secondary-button-icon ${_0$14}`,
 	secondaryButtonLabel: `secondary-button-label ${_2$4}`,
-	destructiveButton: `destructive-button ${_0$14}`,
-	destructiveButtonIcon: `destructive-button-icon ${_1$5}`,
+	destructiveButton: `destructive-button ${_1$5}`,
+	destructiveButtonIcon: `destructive-button-icon ${_0$14}`,
 	destructiveButtonLabel: `destructive-button-label ${_2$4}`,
-	baseLinkButton: `base-link-button ${_0$14}`,
-	primaryLinkButton: `primary-link-button base-link-button ${_0$14}`,
-	primaryLinkButtonIcon: `primary-link-button-icon ${_1$5}`,
+	baseLinkButton: `base-link-button ${_1$5}`,
+	primaryLinkButton: `primary-link-button base-link-button ${_1$5}`,
+	primaryLinkButtonIcon: `primary-link-button-icon ${_0$14}`,
 	primaryLinkButtonLabel: `primary-link-button-label ${_2$4}`,
-	secondaryLinkButton: `secondary-link-button base-link-button ${_0$14}`,
-	secondaryLinkButtonIcon: `secondary-link-button-icon ${_1$5}`,
+	secondaryLinkButton: `secondary-link-button base-link-button ${_1$5}`,
+	secondaryLinkButtonIcon: `secondary-link-button-icon ${_0$14}`,
 	secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
-	linkButton: `link-button ${_0$14}`,
-	linkButtonIcon: `link-button-icon ${_1$5}`,
+	linkButton: `link-button ${_1$5}`,
+	linkButtonIcon: `link-button-icon ${_0$14}`,
 	icon: `icon`,
 	linkButtonLabel: `link-button-label ${_2$4}`,
-	publishButton: `publish-button primary-button ${_0$14}`,
-	publishButtonIcon: `publish-button-icon primary-button-icon ${_1$5}`,
+	publishButton: `publish-button primary-button ${_1$5}`,
+	publishButtonIcon: `publish-button-icon primary-button-icon ${_0$14}`,
 	publishButtonLabel: `publish-button-label primary-button-label ${_2$4}`,
 	publishButtonAnimation: `publish-button-animation`,
 	isDone: `is-done`,
@@ -10637,7 +10630,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_2$23 = { key: 0 };
+var _hoisted_2$22 = { key: 0 };
 //#endregion
 //#region src/component/FluxAvatar.vue
 var FluxAvatar_default = /* @__PURE__ */ defineComponent({
@@ -10726,7 +10719,7 @@ var FluxAvatar_default = /* @__PURE__ */ defineComponent({
 					}, null, 10, _hoisted_1$59)) : (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, {
+					}, [__props.fallbackInitials ? (openBlock(), createElementBlock("span", _hoisted_2$22, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
 						key: 1,
 						name: __props.fallbackIcon
 					}, null, 8, ["name"])) : createCommentVNode("", true)], 2)),
@@ -11174,12 +11167,12 @@ var _hoisted_1$55 = [
 	"onDragleave",
 	"onDrop"
 ];
-var _hoisted_2$22 = [
+var _hoisted_2$21 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
 ];
-var _hoisted_3$8 = ["onMousedown"];
+var _hoisted_3$6 = ["onMousedown"];
 var _hoisted_4$1 = ["onMousedown"];
 //#endregion
 //#region src/component/calendar/FluxCalendarTimeGridView.vue
@@ -11521,7 +11514,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$6), 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);
@@ -11529,7 +11522,7 @@ var FluxCalendarTimeGridView_default = /* @__PURE__ */ defineComponent({
 							key: 0,
 							class: normalizeClass(unref(Calendar_module_default).timeGridDropIndicator),
 							style: normalizeStyle({ top: `${(dropTargetMinutes.value - __props.hourRange[0] * 60) * __props.pixelsPerMinute}px` })
-						}, null, 6)) : createCommentVNode("", true)], 46, _hoisted_2$22);
+						}, null, 6)) : createCommentVNode("", true)], 46, _hoisted_2$21);
 					}), 128))], 2)], 2)
 				], 2))]),
 				_: 1
@@ -11561,13 +11554,13 @@ var DatePicker_module_default = {
 //#endregion
 //#region src/component/FluxDatePicker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$54 = ["id"];
-var _hoisted_2$21 = ["aria-labelledby"];
-var _hoisted_3$7 = ["onClick", "onMouseover"];
+var _hoisted_2$20 = ["aria-labelledby"];
+var _hoisted_3$5 = ["onClick", "onMouseover"];
 //#endregion
 //#region src/component/FluxDatePicker.vue
 var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDatePicker",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		max: {},
 		min: {},
 		rangeMode: {}
@@ -11748,10 +11741,10 @@ 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$5);
 					}), 256))], 2))]),
 					_: 1
-				}, 8, ["is-back"])], 10, _hoisted_2$21)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
+				}, 8, ["is-back"])], 10, _hoisted_2$20)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
 					key: "month",
 					class: normalizeClass(unref(DatePicker_module_default).datePickerMonths)
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
@@ -11823,8 +11816,8 @@ 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_2$20 = ["aria-label", "onClick"];
-var _hoisted_3$6 = ["aria-label", "onClick"];
+var _hoisted_2$19 = ["aria-label", "onClick"];
+var _hoisted_3$4 = ["aria-label", "onClick"];
 var SNAP_MINUTES = 30;
 var NAV_HOVER_INITIAL_DELAY_MS = 700;
 var NAV_HOVER_REPEAT_DELAY_MS = 450;
@@ -11882,9 +11875,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 +12032,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 {
@@ -12165,7 +12158,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectYear"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(unref(monthViewYear)), 11, _hoisted_2$20)]),
+							}, toDisplayString(unref(monthViewYear)), 11, _hoisted_2$19)]),
 							default: withCtx(({ close }) => [createElementVNode("div", { class: normalizeClass(unref(DatePicker_module_default).datePickerYears) }, [
 								createVNode(FluxSecondaryButton_default, {
 									"aria-label": unref(translate)("flux.previousYears"),
@@ -12198,7 +12191,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$4)]),
 							default: withCtx(({ close }) => [createVNode(FluxDatePicker_default, {
 								"model-value": datePickerValue.value,
 								"onUpdate:modelValue": ($event) => {
@@ -12441,7 +12434,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_2$19 = [
+var _hoisted_2$18 = [
 	"id",
 	"disabled",
 	"aria-disabled",
@@ -12452,7 +12445,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 },
@@ -12495,7 +12488,7 @@ var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 					"aria-readonly": __props.isReadonly ? true : void 0,
 					"aria-invalid": __props.error ? true : void 0,
 					onClick
-				}, null, 10, _hoisted_2$19), [[vModelCheckbox, modelValue.value]]),
+				}, null, 10, _hoisted_2$18), [[vModelCheckbox, modelValue.value]]),
 				createElementVNode("button", {
 					"aria-hidden": "true",
 					class: normalizeClass(unref(Form_module_default).checkboxElement),
@@ -12803,7 +12796,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_2$18 = ["onClick"];
+var _hoisted_2$17 = ["onClick"];
 //#endregion
 //#region src/component/FluxCommandPalette.vue
 var FluxCommandPalette_default = /* @__PURE__ */ defineComponent({
@@ -12957,7 +12950,7 @@ var FluxCommandPalette_default = /* @__PURE__ */ defineComponent({
 						key: 0,
 						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteTabIcon),
 						name: tab.icon
-					}, null, 8, ["class", "name"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(tab.label), 1)], 42, _hoisted_2$18);
+					}, null, 8, ["class", "name"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(tab.label), 1)], 42, _hoisted_2$17);
 				}), 128))], 2)) : createCommentVNode("", true),
 				createVNode(unref(FluxWindowTransition_default), { "is-back": unref(isTransitioningBack) }, {
 					default: withCtx(() => [(openBlock(), createElementBlock("div", {
@@ -13035,7 +13028,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_2$17 = ["datetime"];
+var _hoisted_2$16 = ["datetime"];
 //#endregion
 //#region src/component/FluxComment.vue
 var FluxComment_default = /* @__PURE__ */ defineComponent({
@@ -13082,7 +13075,7 @@ var FluxComment_default = /* @__PURE__ */ defineComponent({
 				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", {
 					key: 1,
 					datetime: iso.value
-				}, toDisplayString(isJustNowVisible.value ? unref(translate)("flux.justNow") : relative.value), 9, _hoisted_2$17)) : createCommentVNode("", true)], 2)
+				}, toDisplayString(isJustNowVisible.value ? unref(translate)("flux.justNow") : relative.value), 9, _hoisted_2$16)) : createCommentVNode("", true)], 2)
 			], 2);
 		};
 	}
@@ -13196,7 +13189,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_2$16 = [
+var _hoisted_2$15 = [
 	"id",
 	"name",
 	"autocomplete",
@@ -13217,7 +13210,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 +13236,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: "" },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"blur",
 		"focus",
 		"showPicker"
@@ -13375,7 +13368,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					onFocus: _cache[1] || (_cache[1] = ($event) => onFocus()),
 					onInput,
 					onKeydown: onKeyDown
-				}, null, 42, _hoisted_2$16),
+				}, null, 42, _hoisted_2$15),
 				__props.iconLeading ? (openBlock(), createBlock(FluxIcon_default, {
 					key: 0,
 					class: normalizeClass(unref(Form_module_default).formInputIconLeading),
@@ -13571,7 +13564,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_2$15 = { key: 1 };
+var _hoisted_2$14 = { key: 1 };
 //#endregion
 //#region src/component/FluxPaneHeader.vue
 var FluxPaneHeader_default = /* @__PURE__ */ defineComponent({
@@ -13594,7 +13587,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$44, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2$14, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "after")
 			], 2);
 		};
@@ -13682,8 +13675,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
@@ -13901,7 +13899,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 +13909,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 +13979,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 +13991,7 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 		"searchQuery": { default: "" },
 		"searchQueryModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"keyDown",
 		"deselect",
 		"select",
@@ -14624,7 +14622,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
@@ -14829,7 +14827,7 @@ var _hoisted_1$38 = ["aria-disabled", "aria-label"];
 //#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 +14837,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");
@@ -14952,7 +14950,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 +14998,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(() => {
@@ -15310,7 +15308,7 @@ var _hoisted_1$37 = [
 	"tabindex",
 	"onClick"
 ];
-var _hoisted_2$14 = [
+var _hoisted_2$13 = [
 	"disabled",
 	"tabindex",
 	"aria-label",
@@ -15320,7 +15318,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,
@@ -15390,7 +15388,7 @@ var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 				}, [createVNode(FluxIcon_default, {
 					name: "ellipsis-h",
 					size: 16
-				})], 10, _hoisted_2$14)]),
+				})], 10, _hoisted_2$13)]),
 				default: withCtx(({ close }) => [createVNode(FluxColorPicker_default, {
 					modelValue: customColor.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customColor.value = $event),
@@ -15434,7 +15432,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: {},
@@ -15498,15 +15496,15 @@ var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Pagination.module.scss
-var { "secondaryButton": _0$8, "secondaryButtonIcon": _1$2, "secondaryButtonLabel": _2$1 } = Button_module_default;
+var { "secondaryButtonIcon": _0$8, "secondaryButton": _1$2, "secondaryButtonLabel": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_0$8}`,
+	paginationButton: `pagination-button ${_1$2}`,
 	secondaryButton: `secondary-button`,
 	paginationButtonArrow: `pagination-button-arrow`,
 	paginationButtonCurrent: `pagination-button-current`,
 	paginationButtonSpacer: `pagination-button-spacer`,
-	paginationButtonIcon: `pagination-button-icon ${_1$2}`,
+	paginationButtonIcon: `pagination-button-icon ${_0$8}`,
 	paginationButtonLabel: `pagination-button-label ${_2$1}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
@@ -15643,9 +15641,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 +15682,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 +15691,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,
@@ -15834,8 +15832,8 @@ 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_2$13 = { key: 1 };
-var _hoisted_3$5 = { key: 2 };
+var _hoisted_2$12 = { key: 1 };
+var _hoisted_3$3 = { key: 2 };
 //#endregion
 //#region src/component/FluxTable.vue
 var FluxTable_default = /* @__PURE__ */ defineComponent({
@@ -15883,16 +15881,16 @@ 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.default ? (openBlock(), createElementBlock("tbody", _hoisted_2$13, [renderSlot(_ctx.$slots, "default"), __props.fillColumns ? (openBlock(), createBlock(FluxTableRow_default, {
+					slots.default ? (openBlock(), createElementBlock("tbody", _hoisted_2$12, [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$3, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true),
 					slots.caption ? (openBlock(), createElementBlock("caption", {
 						key: 3,
 						style: normalizeStyle({ captionSide: __props.captionSide })
@@ -15917,7 +15915,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_2$12 = ["aria-label", "onClick"];
+var _hoisted_2$11 = ["aria-label", "onClick"];
 //#endregion
 //#region src/component/FluxTableHeader.vue
 var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
@@ -15956,7 +15954,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 				}, [createVNode(FluxIcon_default, {
 					size: 16,
 					name: sortingIcon.value
-				}, null, 8, ["name"])], 10, _hoisted_2$12)]),
+				}, null, 8, ["name"])], 10, _hoisted_2$11)]),
 				default: withCtx(() => [createVNode(FluxMenu_default, null, {
 					default: withCtx(() => [createVNode(FluxMenuGroup_default, null, {
 						default: withCtx(() => [createVNode(FluxMenuItem_default, {
@@ -15991,7 +15989,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 +16022,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",
@@ -16274,12 +16272,12 @@ var _hoisted_1$32 = [
 	"width",
 	"height"
 ];
-var _hoisted_2$11 = [
+var _hoisted_2$10 = [
 	"r",
 	"cx",
 	"cy"
 ];
-var _hoisted_3$4 = ["fill"];
+var _hoisted_3$2 = ["fill"];
 //#endregion
 //#region src/component/FluxDotPattern.vue
 var FluxDotPattern_default = /* @__PURE__ */ defineComponent({
@@ -16324,12 +16322,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$10)], 8, _hoisted_1$32)]), createElementVNode("rect", {
 				width: "100%",
 				height: "100%",
 				"stroke-width": "0",
 				fill: `url(#${unref(id)})`
-			}, null, 8, _hoisted_3$4)], 2);
+			}, null, 8, _hoisted_3$2)], 2);
 		};
 	}
 });
@@ -16352,7 +16350,7 @@ var _hoisted_1$31 = [
 	"aria-label",
 	"tabindex"
 ];
-var _hoisted_2$10 = ["pathLength"];
+var _hoisted_2$9 = ["pathLength"];
 //#endregion
 //#region src/component/FluxDropZone.vue
 var FluxDropZone_default = /* @__PURE__ */ defineComponent({
@@ -16466,7 +16464,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						pathLength: pathLength.value
-					}, null, 8, _hoisted_2$10)], 2)),
+					}, null, 8, _hoisted_2$9)], 2)),
 					renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 						isDragging: isDragging.value,
 						isDraggingOver: isDraggingOver.value,
@@ -16528,7 +16526,7 @@ var _hoisted_1$30 = [
 	"aria-controls",
 	"aria-expanded"
 ];
-var _hoisted_2$9 = ["id", "aria-labelledby"];
+var _hoisted_2$8 = ["id", "aria-labelledby"];
 //#endregion
 //#region src/component/FluxExpandable.vue
 var FluxExpandable_default = /* @__PURE__ */ defineComponent({
@@ -16619,7 +16617,7 @@ var FluxExpandable_default = /* @__PURE__ */ defineComponent({
 				})), () => [createElementVNode("div", { class: normalizeClass(unref(Expandable_module_default).expandableContent) }, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 					label: __props.label,
 					close
-				})))], 2)])], 10, _hoisted_2$9)) : createCommentVNode("", true)]),
+				})))], 2)])], 10, _hoisted_2$8)) : createCommentVNode("", true)]),
 				_: 3
 			})], 10, _hoisted_1$30);
 		};
@@ -16721,7 +16719,7 @@ var FluxFilterBase_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	},
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"back",
 		"clear",
 		"reset"
@@ -16736,41 +16734,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 +16945,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 +17066,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 +17075,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 +17343,7 @@ var FluxFilterOption_default = /* @__PURE__ */ defineComponent({
 		};
 	}),
 	__name: "FluxFilterOption",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17403,7 +17401,7 @@ var FluxFilterOptionAsync_default = /* @__PURE__ */ defineComponent({
 		}
 	})),
 	__name: "FluxFilterOptionAsync",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17478,7 +17476,7 @@ var FluxFilterOptions_default = /* @__PURE__ */ defineComponent({
 		};
 	}),
 	__name: "FluxFilterOptions",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17540,7 +17538,7 @@ var FluxFilterOptionsAsync_default = /* @__PURE__ */ defineComponent({
 		};
 	}),
 	__name: "FluxFilterOptionsAsync",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17845,7 +17843,7 @@ var _hoisted_1$29 = ["src"];
 //#region src/component/FluxFocalPointEditor.vue
 var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFocalPointEditor",
-	props: /* @__PURE__ */ mergeModels({ src: {} }, {
+	props: /*@__PURE__*/ mergeModels({ src: {} }, {
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	}),
@@ -18011,7 +18009,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 +18026,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");
@@ -18103,7 +18101,7 @@ var _hoisted_1$26 = { key: 0 };
 //#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: {},
@@ -18179,7 +18177,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: {},
@@ -18348,7 +18346,7 @@ var _hoisted_1$24 = [
 	"aria-disabled",
 	"aria-invalid"
 ];
-var _hoisted_2$8 = [
+var _hoisted_2$7 = [
 	"aria-label",
 	"autocomplete",
 	"autofocus",
@@ -18362,7 +18360,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
@@ -18464,7 +18462,7 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 					onInput,
 					onKeydown: onKeyDown,
 					onPaste
-				}, null, 42, _hoisted_2$8);
+				}, null, 42, _hoisted_2$7);
 			}), 128))], 14, _hoisted_1$24);
 		};
 	}
@@ -18473,7 +18471,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 +18663,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: {},
@@ -18778,7 +18776,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 +18796,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");
@@ -19449,7 +19447,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: {},
@@ -19562,7 +19560,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: {},
@@ -20060,8 +20058,8 @@ var _hoisted_1$19 = [
 	"width",
 	"height"
 ];
-var _hoisted_2$7 = ["d", "stroke-dasharray"];
-var _hoisted_3$3 = ["fill"];
+var _hoisted_2$6 = ["d", "stroke-dasharray"];
+var _hoisted_3$1 = ["fill"];
 var _hoisted_4 = {
 	key: 0,
 	style: { "overflow": "visible" }
@@ -20100,13 +20098,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$6)], 8, _hoisted_1$19)]),
 				createElementVNode("rect", {
 					width: "100%",
 					height: "100%",
 					"stroke-width": "0",
 					fill: `url(#${unref(id)})`
-				}, null, 8, _hoisted_3$3),
+				}, null, 8, _hoisted_3$1),
 				__props.squares ? (openBlock(), createElementBlock("svg", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.squares, ([x, y]) => {
 					return openBlock(), createElementBlock("rect", {
 						key: `${x}-${y}`,
@@ -20241,7 +20239,7 @@ var FluxKanban_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/component/FluxKanbanColumn.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$17 = ["aria-label", "aria-disabled"];
-var _hoisted_2$6 = ["draggable", "tabindex"];
+var _hoisted_2$5 = ["draggable", "tabindex"];
 //#endregion
 //#region src/component/FluxKanbanColumn.vue
 var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
@@ -20393,7 +20391,7 @@ var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
 						key: 1,
 						label: String(__props.count)
 					}, null, 8, ["label"])) : createCommentVNode("", true)
-				], 2), renderSlot(_ctx.$slots, "actions")], 42, _hoisted_2$6),
+				], 2), renderSlot(_ctx.$slots, "actions")], 42, _hoisted_2$5),
 				createElementVNode("main", {
 					ref_key: "body",
 					ref: body,
@@ -20421,7 +20419,7 @@ 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)
+				}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
 			], 10, _hoisted_1$17);
 		};
 	}
@@ -20664,31 +20662,6 @@ var FluxLayerPaneSecondary_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Legend_module_default = {
-	legendHorizontal: `legend-horizontal`,
-	legendVertical: `legend-vertical`,
-	legendItem: `legend-item`
-};
-//#endregion
-//#region src/component/FluxLegend.vue
-var FluxLegend_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxLegend",
-	props: {
-		direction: { default: "horizontal" },
-		items: {}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(__props.direction === "horizontal" ? unref(Legend_module_default).legendHorizontal : unref(Legend_module_default).legendVertical) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-				return openBlock(), createElementBlock("span", {
-					key: index,
-					class: normalizeClass(unref(Legend_module_default).legendItem),
-					style: normalizeStyle({ "--color": item.color })
-				}, toDisplayString(item.label), 7);
-			}), 128))], 2);
-		};
-	}
-});
 //#endregion
 //#region src/component/FluxLink.vue
 var FluxLink_default = /* @__PURE__ */ defineComponent({
@@ -20871,7 +20844,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" }
 	}, {
@@ -21272,45 +21245,6 @@ var FluxPaneMedia_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PercentageBar_module_default = {
-	percentageBar: `percentage-bar`,
-	percentageBarSegment: `percentage-bar-segment`,
-	percentageBarTooltip: `percentage-bar-tooltip`,
-	percentageBarTrack: `percentage-bar-track`
-};
-//#endregion
-//#region src/component/FluxPercentageBar.vue
-var FluxPercentageBar_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxPercentageBar",
-	props: {
-		isLegendVisible: { type: Boolean },
-		items: {}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(PercentageBar_module_default).percentageBar) }, [createElementVNode("div", { class: normalizeClass(unref(PercentageBar_module_default).percentageBarTrack) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-				return openBlock(), createBlock(FluxTooltip_default, { key: index }, {
-					content: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(PercentageBar_module_default).percentageBarTooltip) }, [item.icon ? (openBlock(), createBlock(FluxIcon_default, {
-						key: 0,
-						name: item.icon,
-						size: 16
-					}, null, 8, ["name"])) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(unref(m$2)(item.value)) + " " + toDisplayString(item.label), 1)], 2)]),
-					default: withCtx(() => [createElementVNode("div", {
-						class: normalizeClass(unref(PercentageBar_module_default).percentageBarSegment),
-						style: normalizeStyle({
-							backgroundColor: item.color,
-							flexGrow: item.value
-						})
-					}, null, 6)]),
-					_: 2
-				}, 1024);
-			}), 128))], 2), __props.isLegendVisible ? (openBlock(), createBlock(FluxLegend_default, {
-				key: 0,
-				items: __props.items
-			}, null, 8, ["items"])) : createCommentVNode("", true)], 2);
-		};
-	}
-});
 //#endregion
 //#region src/component/FluxPersona.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$12 = { key: 0 };
@@ -21360,7 +21294,7 @@ var FluxPersona_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/component/FluxPlaceholder.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$11 = { key: 0 };
-var _hoisted_2$5 = { key: 1 };
+var _hoisted_2$4 = { key: 1 };
 //#endregion
 //#region src/component/FluxPlaceholder.vue
 var FluxPlaceholder_default = /* @__PURE__ */ defineComponent({
@@ -21389,7 +21323,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$11, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.message ? (openBlock(), createElementBlock("p", _hoisted_2$4, toDisplayString(__props.message), 1)) : createCommentVNode("", true)], 2),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -21625,7 +21559,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 },
@@ -22206,82 +22140,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 };
 //#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 +22247,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$7);
 		};
 	}
 });
 //#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$6 = [
+	"aria-checked",
+	"aria-disabled",
+	"disabled",
+	"tabindex"
+];
+var _hoisted_2$3 = { 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$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)])], 10, _hoisted_1$6);
 		};
 	}
 });
@@ -22447,7 +22438,7 @@ var FluxSplitViewPane_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxSplitView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = [
+var _hoisted_1$5 = [
 	"aria-orientation",
 	"aria-valuenow",
 	"tabindex",
@@ -22512,88 +22503,13 @@ var FluxSplitView_default = /* @__PURE__ */ defineComponent({
 						tabindex: pane.isResizable ? 0 : -1,
 						onPointerdown: ($event) => unref(onHandlePointerDown)($event, index),
 						onKeydown: ($event) => unref(onHandleKeyDown)($event, index)
-					}, null, 42, _hoisted_1$6)) : createCommentVNode("", true)], 64);
+					}, null, 42, _hoisted_1$5)) : createCommentVNode("", true)], 64);
 				}), 128))]),
 				_: 1
 			}, 8, ["class", "style"]);
 		};
 	}
 });
-var Statistic_module_default = {
-	statistic: `statistic`,
-	statisticChange: `statistic-change`,
-	isGray: `is-gray`,
-	isPrimary: `is-primary`,
-	isDanger: `is-danger`,
-	isInfo: `is-info`,
-	isSuccess: `is-success`,
-	isWarning: `is-warning`,
-	statisticData: `statistic-data`,
-	statisticIcon: `statistic-icon`,
-	icon: `icon`,
-	statisticImage: `statistic-image`,
-	statisticHorizontal: `statistic-horizontal statistic`,
-	statisticVertical: `statistic-vertical statistic`
-};
-//#endregion
-//#region src/component/FluxStatistic.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = { key: 1 };
-var _hoisted_2$3 = ["src", "alt"];
-var _hoisted_3$1 = { key: 0 };
-//#endregion
-//#region src/component/FluxStatistic.vue
-var FluxStatistic_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxStatistic",
-	props: {
-		changeColor: { default: "gray" },
-		changeIcon: {},
-		changeValue: {},
-		color: { default: "gray" },
-		direction: { default: "horizontal" },
-		icon: {},
-		imageSrc: {},
-		imageAlt: {},
-		isLoading: { type: Boolean },
-		label: {},
-		value: {}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FluxPane_default, {
-				class: normalizeClass(unref(clsx)(__props.direction === "horizontal" && unref(Statistic_module_default).statisticHorizontal, __props.direction === "vertical" && unref(Statistic_module_default).statisticVertical, __props.color === "gray" && unref(Statistic_module_default).isGray, __props.color === "primary" && unref(Statistic_module_default).isPrimary, __props.color === "danger" && unref(Statistic_module_default).isDanger, __props.color === "info" && unref(Statistic_module_default).isInfo, __props.color === "success" && unref(Statistic_module_default).isSuccess, __props.color === "warning" && unref(Statistic_module_default).isWarning)),
-				"is-loading": __props.isLoading
-			}, {
-				default: withCtx(() => [
-					__props.icon ? (openBlock(), createBlock(FluxBoxedIcon_default, {
-						key: 0,
-						class: normalizeClass(unref(Statistic_module_default).statisticIcon),
-						color: __props.color,
-						name: __props.icon,
-						size: 48
-					}, null, 8, [
-						"class",
-						"color",
-						"name"
-					])) : __props.imageSrc ? (openBlock(), createElementBlock("div", _hoisted_1$5, [createElementVNode("img", {
-						class: normalizeClass(unref(Statistic_module_default).statisticImage),
-						src: __props.imageSrc,
-						alt: __props.imageAlt
-					}, null, 10, _hoisted_2$3)])) : createCommentVNode("", true),
-					createElementVNode("div", { class: normalizeClass(unref(Statistic_module_default).statisticData) }, [createElementVNode("span", null, toDisplayString(__props.label), 1), createElementVNode("strong", null, toDisplayString(__props.value ?? unref(Z$1)), 1)], 2),
-					__props.changeIcon || __props.changeValue ? (openBlock(), createElementBlock("div", {
-						key: 2,
-						class: normalizeClass(unref(clsx)(unref(Statistic_module_default).statisticChange, __props.changeColor === "gray" && unref(Statistic_module_default).isGray, __props.changeColor === "primary" && unref(Statistic_module_default).isPrimary, __props.changeColor === "danger" && unref(Statistic_module_default).isDanger, __props.changeColor === "info" && unref(Statistic_module_default).isInfo, __props.changeColor === "success" && unref(Statistic_module_default).isSuccess, __props.changeColor === "warning" && unref(Statistic_module_default).isWarning))
-					}, [__props.changeValue ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(__props.changeValue), 1)) : createCommentVNode("", true), __props.changeIcon ? (openBlock(), createBlock(FluxIcon_default, {
-						key: 1,
-						name: __props.changeIcon,
-						size: 14
-					}, null, 8, ["name"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
-				]),
-				_: 1
-			}, 8, ["class", "is-loading"]);
-		};
-	}
-});
 //#endregion
 //#region src/css/component/Stepper.module.scss
 var { "sparklesContainer": _0$2, "sparklesContainerActive": _1, "sparklesParticles": _2 } = {
@@ -23050,7 +22966,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 +23179,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 +23373,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, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxScroller_default as FluxScroller, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedControlItem_default as FluxSegmentedControlItem, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxSplitView_default as FluxSplitView, FluxSplitViewPane_default as FluxSplitViewPane, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxSticky_default as FluxSticky, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, defineFilter, fluxRegisterIcons, iconRegistry, isFluxFilterOptionHeader, isFluxFilterOptionItem, isFluxFormSelectGroup, isFluxFormSelectOption, pickFilterCommon, showAlert, showConfirm, showPrompt, showSnackbar, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, useBreakpoints_default as useBreakpoints, useCalendarInjection_default as useCalendarInjection, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, 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