@flux-ui/components 3.0.0 → 3.1.2

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Comment, Fragment, Teleport, Text, Transition, TransitionGroup, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, customRef, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, isVNode, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowReactive, shallowRef, toDisplayString, toHandlers, toRef, toValue, unref, useId, useModel, useSlots, useTemplateRef, vModelCheckbox, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Comment, Fragment, Teleport, Text, Transition, TransitionGroup, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, customRef, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, isVNode, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowReactive, shallowRef, toDisplayString, toHandlers, toRef, toValue, unref, useId, useModel, useSlots, useTemplateRef, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { DateTime } from "luxon";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
@@ -69,7 +69,9 @@ var FluxKanbanInjectionKey = Symbol();
 var FluxExpandableGroupInjectionKey = Symbol();
 var FluxFlyoutInjectionKey = Symbol();
 var FluxFilterInjectionKey = Symbol();
+var FluxFormCheckboxGroupInjectionKey = Symbol();
 var FluxFormFieldInjectionKey = Symbol();
+var FluxFormRadioGroupInjectionKey = Symbol();
 var FluxSegmentedControlInjectionKey = Symbol();
 var FluxTabBarInjectionKey = Symbol();
 var FluxTableInjectionKey = Symbol();
@@ -2383,9 +2385,28 @@ function useFlyoutInjection_default() {
 	});
 }
 //#endregion
+//#region src/composable/useFormCheckboxGroupInjection.ts
+function useFormCheckboxGroupInjection_default() {
+	return inject(FluxFormCheckboxGroupInjectionKey, null);
+}
+//#endregion
 //#region src/composable/useFormFieldInjection.ts
 function useFormFieldInjection_default() {
-	return inject(FluxFormFieldInjectionKey, { id: useId() });
+	const field = inject(FluxFormFieldInjectionKey, null);
+	if (field?.registerControl) return { id: field.registerControl() };
+	return { id: field?.id ?? useId() };
+}
+//#endregion
+//#region src/composable/useFormRadioGroupInjection.ts
+function useFormRadioGroupInjection_default() {
+	return inject(FluxFormRadioGroupInjectionKey, {
+		name: "",
+		modelValue: ref(void 0),
+		disabled: ref(false),
+		isReadonly: ref(false),
+		error: ref(void 0),
+		select: () => void 0
+	});
 }
 //#endregion
 //#region src/composable/useKanbanInjection.ts
@@ -2430,7 +2451,7 @@ function useTooltipInjection_default() {
 	return inject(FluxTooltipInjectionKey, { calculate: () => void 0 });
 }
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+utils@3.40.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.41.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
 function t$1(e, t) {
 	return Math.round(e / t) * t;
 }
@@ -2594,7 +2615,7 @@ function W$1(e, t, n) {
 function G$2(e, t, n) {
 	e.prototype[t] = n;
 }
-function K$2(e, t, n) {
+function K$1(e, t, n) {
 	Object.defineProperty(e, t, { value: n });
 }
 //#endregion
@@ -4475,7 +4496,7 @@ var convertLchToLab = ({ l, c, h, alpha }, mode = "lab") => {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz65/constants.js
-var k$5 = Math.pow(29, 3) / Math.pow(3, 3);
+var k$4 = Math.pow(29, 3) / Math.pow(3, 3);
 var e$3 = Math.pow(6, 3) / Math.pow(29, 3);
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/constants.js
@@ -4493,7 +4514,7 @@ Math.pow(29, 3) / Math.pow(3, 3);
 Math.pow(6, 3) / Math.pow(29, 3);
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab65/convertLab65ToXyz65.js
-var fn$2 = (v) => Math.pow(v, 3) > e$3 ? Math.pow(v, 3) : (116 * v - 16) / k$5;
+var fn$2 = (v) => Math.pow(v, 3) > e$3 ? Math.pow(v, 3) : (116 * v - 16) / k$4;
 var convertLab65ToXyz65 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -4515,7 +4536,7 @@ var convertLab65ToXyz65 = ({ l, a, b, alpha }) => {
 var convertLab65ToRgb = (lab) => convertXyz65ToRgb(convertLab65ToXyz65(lab));
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab65/convertXyz65ToLab65.js
-var f$2 = (value) => value > e$3 ? Math.cbrt(value) : (k$5 * value + 16) / 116;
+var f$2 = (value) => value > e$3 ? Math.cbrt(value) : (k$4 * value + 16) / 116;
 var convertXyz65ToLab65 = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -5377,11 +5398,11 @@ var definition$16 = {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz50/constants.js
-var k$3 = Math.pow(29, 3) / Math.pow(3, 3);
+var k$2 = Math.pow(29, 3) / Math.pow(3, 3);
 var e$1 = Math.pow(6, 3) / Math.pow(29, 3);
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/convertLabToXyz50.js
-var fn$1 = (v) => Math.pow(v, 3) > e$1 ? Math.pow(v, 3) : (116 * v - 16) / k$3;
+var fn$1 = (v) => Math.pow(v, 3) > e$1 ? Math.pow(v, 3) : (116 * v - 16) / k$2;
 var convertLabToXyz50 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -5430,7 +5451,7 @@ var convertRgbToXyz50 = (rgb) => {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/convertXyz50ToLab.js
-var f$1 = (value) => value > e$1 ? Math.cbrt(value) : (k$3 * value + 16) / 116;
+var f$1 = (value) => value > e$1 ? Math.cbrt(value) : (k$2 * value + 16) / 116;
 var convertXyz50ToLab = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -5636,7 +5657,7 @@ var u_fn$1 = (x, y, z) => 4 * x / (x + 15 * y + 3 * z);
 var v_fn$1 = (x, y, z) => 9 * y / (x + 15 * y + 3 * z);
 var un$2 = u_fn$1(D50.X, D50.Y, D50.Z);
 var vn$2 = v_fn$1(D50.X, D50.Y, D50.Z);
-var l_fn = (value) => value <= e$1 ? k$3 * value : 116 * Math.cbrt(value) - 16;
+var l_fn = (value) => value <= e$1 ? k$2 * value : 116 * Math.cbrt(value) - 16;
 var convertXyz50ToLuv = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -5676,7 +5697,7 @@ var convertLuvToXyz50 = ({ l, u, v, alpha }) => {
 	if (v === void 0) v = 0;
 	let up = u / (13 * l) + un$1;
 	let vp = v / (13 * l) + vn$1;
-	let y = D50.Y * (l <= 8 ? l / k$3 : Math.pow((l + 16) / 116, 3));
+	let y = D50.Y * (l <= 8 ? l / k$2 : Math.pow((l + 16) / 116, 3));
 	let res = {
 		mode: "xyz50",
 		x: y * (9 * up) / (4 * vp),
@@ -6642,7 +6663,7 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.40.0+24cbb59c6ffe9d25/node_modules/@basmilius/http-client/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+http-client@3.41.0+4c8d5b4efb44798e/node_modules/@basmilius/http-client/dist/index.mjs
 function adapter_default(Parent) {
 	return class extends Parent {
 		constructor(...args) {
@@ -6996,10 +7017,10 @@ function dto_default(clazz) {
 	validate(clazz);
 	const descriptors = Object.freeze(x$3(clazz));
 	const properties = Object.keys(descriptors);
-	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?.[NAME] === clazz.name);
+	K$1(clazz.prototype, DESCRIPTORS, descriptors);
+	K$1(clazz.prototype, NAME, clazz.name);
+	K$1(clazz.prototype, PROPERTIES, properties);
+	K$1(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);
@@ -7154,7 +7175,7 @@ function G$1(e) {
 	let t = unref(e);
 	return t ? R$2(t) ? t : t.$el ?? null : null;
 }
-function K$1(e, t, n) {
+function q$1(e, t, n) {
 	let r = ref([]);
 	onMounted(() => {
 		document.addEventListener(`pointerdown`, i);
@@ -7172,33 +7193,33 @@ function K$1(e, t, n) {
 		}), r.value = t;
 	});
 }
-function q$1() {
+function se$1() {
 	let t = getCurrentInstance();
 	return computed(() => t?.uid ?? (t?.proxy)._uid ?? 0);
 }
-function Y$1(e, n, r = !1) {
+function J$1(e, n, r = !1) {
 	let a = ref(isRef(e) ? e.value : e), o = customRef((e, t) => ({
 		get() {
 			return e(), a.value;
 		},
-		set: oe$1((e) => {
+		set: le$1((e) => {
 			a.value = e, t();
 		}, n, r)
 	}));
 	return isRef(e) && watch(e, (e) => o.value = e), o;
 }
-function oe$1(e, t, n = !1) {
+function le$1(e, t, n = !1) {
 	let r;
 	return (...i) => {
 		n && !r && e(...i), clearTimeout(r), r = setTimeout(() => requestAnimationFrame(() => e(...i)), t);
 	};
 }
-function X$1(t = 0, n = !1) {
+function Y$1(t = 0, n = !1) {
 	let r = ref(n), i = ref(0), a = computed(() => unref(r) || unref(i) > 0);
 	function o(e) {
 		return (async (...t) => (i.value++, await e(...t).finally(() => i.value--)));
 	}
-	let s = Y$1(a, t);
+	let s = J$1(a, t);
 	return watch(i, () => {
 		unref(r) && (r.value = !1);
 	}), {
@@ -7206,7 +7227,7 @@ function X$1(t = 0, n = !1) {
 		loaded: o
 	};
 }
-function de$1(e, t) {
+function me$1(e, t) {
 	let n = ref();
 	onMounted(() => {
 		i();
@@ -7220,7 +7241,7 @@ function de$1(e, t) {
 		r(), t();
 	}
 }
-function he$1(e, t, n) {
+function ye$1(e, t, n) {
 	n ??= { attributes: !0 };
 	let r, i = watch(e, (e) => {
 		a();
@@ -7236,7 +7257,7 @@ function he$1(e, t, n) {
 	onScopeDispose(o);
 }
 RegExp(`[a-z]`), RegExp(`[A-Z]`), RegExp(`[0-9]`), RegExp(`[!"#$%&'()*+,-./:;<=>?@[\\\\\\]^_\`{|}~]`);
-function ye$1(e, t, n) {
+function Ce$1(e, t, n) {
 	n ??= {};
 	let r, i = watch(e, (e) => {
 		a();
@@ -7571,7 +7592,7 @@ function I$1(t, n = {}) {
 	}, { immediate: !0 });
 }
 function R$1(e, { cycle: t = !0, direction: n = `bidirectional` } = {}) {
-	he$1(e, () => o(r(), !1), {
+	ye$1(e, () => o(r(), !1), {
 		childList: !0,
 		subtree: !0
 	});
@@ -7632,7 +7653,7 @@ function B$1(e, n, r, i, a, 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-Bti3pKwZ.js
+//#region ../internals/dist/directive-CYxYO4lS.js
 var i = class {
 	#e;
 	#t;
@@ -7693,13 +7714,13 @@ var Icon_module_default = {
 };
 //#endregion
 //#region src/component/FluxIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = [
+var _hoisted_1$67 = [
 	"viewBox",
 	"role",
 	"aria-hidden",
 	"aria-label"
 ];
-var _hoisted_2$24 = ["d"];
+var _hoisted_2$26 = ["d"];
 //#endregion
 //#region src/component/FluxIcon.vue
 var FluxIcon_default = /* @__PURE__ */ defineComponent({
@@ -7745,8 +7766,8 @@ var FluxIcon_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					d: path,
 					fill: "currentColor"
-				}, null, 8, _hoisted_2$24);
-			}), 256))], 14, _hoisted_1$62)) : (openBlock(), createElementBlock("i", {
+				}, null, 8, _hoisted_2$26);
+			}), 256))], 14, _hoisted_1$67)) : (openBlock(), createElementBlock("i", {
 				key: 1,
 				class: normalizeClass(unref(Icon_module_default).icon)
 			}, null, 2));
@@ -7829,8 +7850,8 @@ function createDialogRenderer_default(attrs, props, emit, slots, className, tran
 //#endregion
 //#region src/composable/private/useAsyncFilterOptions.ts
 function useAsyncFilterOptions_default(params) {
-	const { isLoading, loaded } = X$1();
-	const debouncedModelSearch = Y$1(params.modelSearch, 150);
+	const { isLoading, loaded } = Y$1();
+	const debouncedModelSearch = J$1(params.modelSearch, 150);
 	const fetchOptions = computed(() => loaded(params.fetchOptions));
 	const fetchRelevant = computed(() => loaded(params.fetchRelevant));
 	const fetchSearch = computed(() => loaded(params.fetchSearch));
@@ -8189,8 +8210,8 @@ function useDropdownPopup(options) {
 		return false;
 	}
 	if (typeof window !== "undefined") {
-		K$1([options.anchorRef, options.popupRef], isOpen, () => isOpen.value = false);
-		K$1(options.anchorRef, isOpen, () => unref(options.focusElement)?.focus());
+		q$1([options.anchorRef, options.popupRef], isOpen, () => isOpen.value = false);
+		q$1(options.anchorRef, isOpen, () => unref(options.focusElement)?.focus());
 	}
 	watch(isOpen, (opened) => {
 		if (!opened) {
@@ -8868,7 +8889,7 @@ function useCommandPalette(params) {
 	const isTransitioningBack = ref(false);
 	const savedState = ref(null);
 	const asyncResults = ref(/* @__PURE__ */ new Map());
-	const debouncedSearch = Y$1(search, 300);
+	const debouncedSearch = J$1(search, 300);
 	let fetchGeneration = 0;
 	const filteredItems = computed(() => {
 		const query = unref(search).toLowerCase().trim();
@@ -9362,13 +9383,13 @@ function sanitizeUrl_default(href) {
 }
 //#endregion
 //#region src/component/FluxPressable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = [
+var _hoisted_1$66 = [
 	"href",
 	"rel",
 	"target",
 	"onClick"
 ];
-var _hoisted_2$23 = [
+var _hoisted_2$25 = [
 	"href",
 	"rel",
 	"target"
@@ -9416,14 +9437,14 @@ var FluxPressable_default = /* @__PURE__ */ defineComponent({
 					rel: resolvedRel.value,
 					target: __props.target,
 					onClick: ($event) => onClick($event, navigate)
-				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$61)]),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$66)]),
 				_: 3
 			}, 8, ["to"])) : __props.componentType === "link" ? (openBlock(), createElementBlock("a", mergeProps({ key: 1 }, $attrs, toHandlers(hoverListeners, true), {
 				href: unref(sanitizeUrl_default)(__props.href),
 				rel: resolvedRel.value,
 				target: __props.target,
 				onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$23)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[1] || (_cache[1] = ($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_2$25)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[1] || (_cache[1] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
 		};
 	}
 });
@@ -9604,13 +9625,13 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Action.module.scss
-var { "button": _0$15, "buttonIcon": _1$6, "buttonLabel": _2$5 } = Button_module_default$1;
+var { "button": _0$15, "buttonLabel": _1$6, "buttonIcon": _2$5 } = Button_module_default$1;
 var Action_module_default = {
 	action: `action ${_0$15}`,
 	spinner: `spinner`,
-	actionIcon: `action-icon ${_1$6}`,
+	actionIcon: `action-icon ${_2$5}`,
 	isDestructive: `is-destructive`,
-	actionLabel: `action-label ${_2$5}`,
+	actionLabel: `action-label ${_1$6}`,
 	actionBar: `action-bar`,
 	separator: `separator`,
 	formInput: `form-input`,
@@ -9677,32 +9698,32 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Button.module.scss
-var { "buttonIcon": _0$14, "button": _1$5, "buttonLabel": _2$4 } = Button_module_default$1;
+var { "buttonIcon": _0$14, "buttonLabel": _1$5, "button": _2$4 } = Button_module_default$1;
 var Button_module_default = {
-	primaryButton: `primary-button ${_1$5}`,
+	primaryButton: `primary-button ${_2$4}`,
 	spinner: `spinner`,
 	primaryButtonIcon: `primary-button-icon ${_0$14}`,
-	primaryButtonLabel: `primary-button-label ${_2$4}`,
-	secondaryButton: `secondary-button ${_1$5}`,
+	primaryButtonLabel: `primary-button-label ${_1$5}`,
+	secondaryButton: `secondary-button ${_2$4}`,
 	secondaryButtonIcon: `secondary-button-icon ${_0$14}`,
-	secondaryButtonLabel: `secondary-button-label ${_2$4}`,
-	destructiveButton: `destructive-button ${_1$5}`,
+	secondaryButtonLabel: `secondary-button-label ${_1$5}`,
+	destructiveButton: `destructive-button ${_2$4}`,
 	destructiveButtonIcon: `destructive-button-icon ${_0$14}`,
-	destructiveButtonLabel: `destructive-button-label ${_2$4}`,
-	baseLinkButton: `base-link-button ${_1$5}`,
-	primaryLinkButton: `primary-link-button base-link-button ${_1$5}`,
+	destructiveButtonLabel: `destructive-button-label ${_1$5}`,
+	baseLinkButton: `base-link-button ${_2$4}`,
+	primaryLinkButton: `primary-link-button base-link-button ${_2$4}`,
 	primaryLinkButtonIcon: `primary-link-button-icon ${_0$14}`,
-	primaryLinkButtonLabel: `primary-link-button-label ${_2$4}`,
-	secondaryLinkButton: `secondary-link-button base-link-button ${_1$5}`,
+	primaryLinkButtonLabel: `primary-link-button-label ${_1$5}`,
+	secondaryLinkButton: `secondary-link-button base-link-button ${_2$4}`,
 	secondaryLinkButtonIcon: `secondary-link-button-icon ${_0$14}`,
-	secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
-	linkButton: `link-button ${_1$5}`,
+	secondaryLinkButtonLabel: `secondary-link-button-label ${_1$5}`,
+	linkButton: `link-button ${_2$4}`,
 	linkButtonIcon: `link-button-icon ${_0$14}`,
 	icon: `icon`,
-	linkButtonLabel: `link-button-label ${_2$4}`,
-	publishButton: `publish-button primary-button ${_1$5}`,
+	linkButtonLabel: `link-button-label ${_1$5}`,
+	publishButton: `publish-button primary-button ${_2$4}`,
 	publishButtonIcon: `publish-button-icon primary-button-icon ${_0$14}`,
-	publishButtonLabel: `publish-button-label primary-button-label ${_2$4}`,
+	publishButtonLabel: `publish-button-label primary-button-label ${_1$5}`,
 	publishButtonAnimation: `publish-button-animation`,
 	isDone: `is-done`,
 	publishButtonAnimationArrow: `publish-button-animation-arrow`,
@@ -10261,7 +10282,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$65 = ["onKeydown"];
 //#endregion
 //#region src/component/FluxFlyout.vue
 var FluxFlyout_default = /* @__PURE__ */ defineComponent({
@@ -10423,7 +10444,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$65)], 6);
 		};
 	}
 });
@@ -10878,7 +10899,7 @@ var FluxAnimatedColors_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const canvasRef = useTemplateRef("canvas");
-		const componentId = q$1();
+		const componentId = se$1();
 		const contextRef = ref();
 		const animationFrame = ref(0);
 		const tick = ref(0);
@@ -11010,8 +11031,8 @@ 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$22 = { key: 0 };
+var _hoisted_1$64 = ["alt", "src"];
+var _hoisted_2$24 = { key: 0 };
 //#endregion
 //#region src/component/FluxAvatar.vue
 var FluxAvatar_default = /* @__PURE__ */ defineComponent({
@@ -11097,10 +11118,10 @@ 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$64)) : (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$22, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
+					}, [__props.fallbackInitials ? (openBlock(), createElementBlock("span", _hoisted_2$24, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
 						key: 1,
 						name: __props.fallbackIcon
 					}, null, 8, ["name"])) : createCommentVNode("", true)], 2)),
@@ -11160,7 +11181,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$63 = ["aria-label"];
 //#endregion
 //#region src/component/FluxBadge.vue
 var FluxBadge_default = /* @__PURE__ */ defineComponent({
@@ -11226,7 +11247,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$63)) : createCommentVNode("", true)
 				]),
 				_: 1
 			}, 8, [
@@ -11263,6 +11284,7 @@ var BorderBeam_module_default = {
 	bloom: `bloom`,
 	mono: `mono`,
 	colorful: `colorful`,
+	line: `line`,
 	ocean: `ocean`,
 	sunset: `sunset`,
 	md: `md`,
@@ -11274,7 +11296,6 @@ var BorderBeam_module_default = {
 	borderBeamFadeOut: `border-beam-fade-out`,
 	borderBeamHueShift: `border-beam-hue-shift`,
 	isStatic: `is-static`,
-	line: `line`,
 	borderBeamTravel: `border-beam-travel`,
 	borderBeamEdgeFade: `border-beam-edge-fade`,
 	borderBeamBreathe: `border-beam-breathe`,
@@ -11459,6 +11480,86 @@ var FluxBoxedIcon_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var Breadcrumb_module_default = {
+	breadcrumb: `breadcrumb`,
+	breadcrumbList: `breadcrumb-list`,
+	breadcrumbItem: `breadcrumb-item`,
+	breadcrumbSeparator: `breadcrumb-separator`,
+	breadcrumbLink: `breadcrumb-link`,
+	isCurrent: `is-current`,
+	breadcrumbIcon: `breadcrumb-icon`,
+	breadcrumbLabel: `breadcrumb-label`
+};
+//#endregion
+//#region src/component/FluxBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$62 = ["aria-label"];
+//#endregion
+//#region src/component/FluxBreadcrumb.vue
+var FluxBreadcrumb_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxBreadcrumb",
+	props: { ariaLabel: { default: "Breadcrumb" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				class: normalizeClass(unref(Breadcrumb_module_default).breadcrumb),
+				"aria-label": __props.ariaLabel
+			}, [createElementVNode("ol", { class: normalizeClass(unref(Breadcrumb_module_default).breadcrumbList) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$62);
+		};
+	}
+});
+//#endregion
+//#region src/component/FluxBreadcrumbItem.vue
+var FluxBreadcrumbItem_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxBreadcrumbItem",
+	props: {
+		href: {},
+		icon: {},
+		label: {},
+		to: {}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit, slots: $slots }) {
+		const emit = __emit;
+		const componentType = computed(() => {
+			if (__props.to) return "route";
+			if (__props.href) return "link";
+			return "none";
+		});
+		const isCurrent = computed(() => componentType.value === "none");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", { class: normalizeClass(unref(Breadcrumb_module_default).breadcrumbItem) }, [createVNode(FluxPressable_default, {
+				class: normalizeClass(unref(clsx)(unref(Breadcrumb_module_default).breadcrumbLink, isCurrent.value && unref(Breadcrumb_module_default).isCurrent)),
+				"component-type": componentType.value,
+				href: __props.href,
+				to: __props.to,
+				"aria-current": isCurrent.value ? "page" : void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+			}, {
+				default: withCtx(() => [__props.icon ? (openBlock(), createBlock(FluxIcon_default, {
+					key: 0,
+					class: normalizeClass(unref(Breadcrumb_module_default).breadcrumbIcon),
+					name: __props.icon,
+					size: 16
+				}, null, 8, ["class", "name"])) : createCommentVNode("", true), __props.label || $slots.default ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(unref(Breadcrumb_module_default).breadcrumbLabel)
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 2)) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, [
+				"class",
+				"component-type",
+				"href",
+				"to",
+				"aria-current"
+			]), createVNode(FluxIcon_default, {
+				"aria-hidden": "true",
+				class: normalizeClass(unref(Breadcrumb_module_default).breadcrumbSeparator),
+				name: "slash-forward",
+				size: 12
+			}, null, 8, ["class"])], 2);
+		};
+	}
+});
 //#endregion
 //#region src/css/component/Calendar.module.scss
 var { "basePaneLoader": _0$12 } = Pane_module_default$1;
@@ -11515,7 +11616,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$61 = ["draggable", "tabindex"];
 //#endregion
 //#region src/component/calendar/FluxCalendarItemDisplay.vue
 var FluxCalendarItemDisplay_default = /* @__PURE__ */ defineComponent({
@@ -11588,13 +11689,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$61);
 		};
 	}
 });
 //#endregion
 //#region src/component/calendar/FluxCalendarMonthView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = [
+var _hoisted_1$60 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
@@ -11669,7 +11770,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$60);
 				}), 256))], 2))]),
 				_: 1
 			}, 8, ["is-back"]);
@@ -11678,18 +11779,18 @@ 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$59 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
 ];
-var _hoisted_2$21 = [
+var _hoisted_2$23 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
 ];
-var _hoisted_3$6 = ["onMousedown"];
-var _hoisted_4$1 = ["onMousedown"];
+var _hoisted_3$7 = ["onMousedown"];
+var _hoisted_4$2 = ["onMousedown"];
 //#endregion
 //#region src/component/calendar/FluxCalendarTimeGridView.vue
 var FluxCalendarTimeGridView_default = /* @__PURE__ */ defineComponent({
@@ -12030,7 +12131,7 @@ var FluxCalendarTimeGridView_default = /* @__PURE__ */ defineComponent({
 								key: item.id,
 								data: item
 							}, null, 8, ["data"]);
-						}), 128))], 42, _hoisted_1$55);
+						}), 128))], 42, _hoisted_1$59);
 					}), 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", {
@@ -12059,15 +12160,15 @@ 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$6), 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);
+							}, null, 42, _hoisted_4$2)], 64)) : createCommentVNode("", true)], 2)], 6);
 						}), 128)), dropTargetDay.value === d.toSQLDate() && dropTargetMinutes.value !== null ? (openBlock(), createElementBlock("div", {
 							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$21);
+						}, null, 6)) : createCommentVNode("", true)], 46, _hoisted_2$23);
 					}), 128))], 2)], 2)
 				], 2))]),
 				_: 1
@@ -12098,9 +12199,9 @@ 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$20 = ["aria-labelledby"];
-var _hoisted_3$5 = ["onClick", "onMouseover"];
+var _hoisted_1$58 = ["id"];
+var _hoisted_2$22 = ["aria-labelledby"];
+var _hoisted_3$6 = ["onClick", "onMouseover"];
 //#endregion
 //#region src/component/FluxDatePicker.vue
 var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
@@ -12253,7 +12354,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$58),
 				createVNode(unref(FluxFadeTransition_default), null, {
 					default: withCtx(() => [viewMode.value === "date" ? (openBlock(), createBlock(FluxSecondaryButton_default, {
 						key: 0,
@@ -12290,10 +12391,10 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 							onClick: ($event) => setDate(date),
 							onMouseover: ($event) => onDateMouseOver(date),
 							onMouseout: onDateMouseOut
-						}, toDisplayString(date.toLocaleString({ day: "numeric" })), 43, _hoisted_3$5);
+						}, toDisplayString(date.toLocaleString({ day: "numeric" })), 43, _hoisted_3$6);
 					}), 256))], 2))]),
 					_: 1
-				}, 8, ["is-back"])], 10, _hoisted_2$20)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
+				}, 8, ["is-back"])], 10, _hoisted_2$22)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
 					key: "month",
 					class: normalizeClass(unref(DatePicker_module_default).datePickerMonths)
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
@@ -12364,9 +12465,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_2$19 = ["aria-label", "onClick"];
-var _hoisted_3$4 = ["aria-label", "onClick"];
+var _hoisted_1$57 = ["aria-label", "onClick"];
+var _hoisted_2$21 = ["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;
@@ -12691,7 +12792,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$57)]),
 							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,
@@ -12707,7 +12808,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectYear"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(unref(monthViewYear)), 11, _hoisted_2$19)]),
+							}, toDisplayString(unref(monthViewYear)), 11, _hoisted_2$21)]),
 							default: withCtx(({ close }) => [createElementVNode("div", { class: normalizeClass(unref(DatePicker_module_default).datePickerYears) }, [
 								createVNode(FluxSecondaryButton_default, {
 									"aria-label": unref(translate)("flux.previousYears"),
@@ -12740,7 +12841,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectDate"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(rangeLabel.value), 11, _hoisted_3$4)]),
+							}, toDisplayString(rangeLabel.value), 11, _hoisted_3$5)]),
 							default: withCtx(({ close }) => [createVNode(FluxDatePicker_default, {
 								"model-value": datePickerValue.value,
 								"onUpdate:modelValue": ($event) => {
@@ -12839,7 +12940,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$56 = {
 	"aria-hidden": "true",
 	style: { "display": "none" }
 };
@@ -12892,170 +12993,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);
-		};
-	}
-});
-//#endregion
-//#region src/css/component/Form.module.scss
-var { "basePane": _0$11 } = Pane_module_default$1;
-var Form_module_default = {
-	formInputGroup: `form-input-group form-input-enabled form-input`,
-	buttonGroup: `button-group`,
-	button: `button`,
-	formInput: `form-input`,
-	formSelect: `form-select form-input`,
-	formStructureElement: `form-structure-element`,
-	form: `form form-structure-element`,
-	pane: `pane`,
-	formColumn: `form-column form-structure-element`,
-	formSection: `form-section form-structure-element`,
-	formGrid: `form-grid`,
-	formRow: `form-row`,
-	formSectionTitle: `form-section-title`,
-	formField: `form-field`,
-	formFieldHeader: `form-field-header`,
-	formFieldLabel: `form-field-label`,
-	formFieldOptional: `form-field-optional`,
-	formFieldValue: `form-field-value`,
-	formFieldCounter: `form-field-counter`,
-	formFieldAddition: `form-field-addition`,
-	formFieldAdditionIcon: `form-field-addition-icon`,
-	formFieldAdditionError: `form-field-addition-error form-field-addition`,
-	formFieldAdditionHint: `form-field-addition-hint form-field-addition`,
-	isSecondary: `is-secondary`,
-	isCondensed: `is-condensed`,
-	isInvalid: `is-invalid`,
-	formInputDisabled: `form-input-disabled form-input`,
-	formInputEnabled: `form-input-enabled form-input`,
-	formInputIcon: `form-input-icon`,
-	formInputIconTrailing: `form-input-icon-trailing form-input-icon`,
-	formInputIconLeading: `form-input-icon-leading form-input-icon`,
-	formInputIconPasswordToggle: `form-input-icon-password-toggle form-input-icon-trailing form-input-icon`,
-	formInputNative: `form-input-native`,
-	formInputNativeHasIconLeading: `form-input-native-has-icon-leading`,
-	formInputNativeHasIconTrailing: `form-input-native-has-icon-trailing`,
-	formInputAddition: `form-input-addition form-input`,
-	secondaryButton: `secondary-button`,
-	buttonIcon: `button-icon`,
-	formDateInput: `form-date-input`,
-	formDateRangeInput: `form-date-range-input form-input`,
-	formDateTimeInput: `form-date-time-input`,
-	inputGroup: `input-group`,
-	formTimeInput: `form-time-input form-date-input`,
-	isDisabled: `is-disabled`,
-	isFocused: `is-focused`,
-	badge: `badge`,
-	formSelectIcon: `form-select-icon`,
-	formSelectInput: `form-select-input`,
-	formSelectPlaceholder: `form-select-placeholder`,
-	formSelectPopup: `form-select-popup ${_0$11}`,
-	menuItem: `menu-item`,
-	isKeyboardAction: `is-keyboard-action`,
-	isSearchable: `is-searchable`,
-	menuSubHeader: `menu-sub-header`,
-	formSelectSelected: `form-select-selected`,
-	buttonLabel: `button-label`,
-	formTextArea: `form-text-area`,
-	formTextAreaDisabled: `form-text-area-disabled form-input-disabled form-input form-text-area`,
-	formTextAreaEnabled: `form-text-area-enabled form-input-enabled form-input form-text-area`,
-	checkbox: `checkbox`,
-	checkboxElement: `checkbox-element`,
-	checkboxLabel: `checkbox-label`,
-	isReadonly: `is-readonly`,
-	checkboxNative: `checkbox-native`,
-	icon: `icon`,
-	quantitySelector: `quantity-selector`,
-	quantitySelectorButton: `quantity-selector-button`,
-	quantitySelectorInput: `quantity-selector-input form-input`,
-	pinInput: `pin-input`,
-	pinInputField: `pin-input-field`,
-	pinInputEnabled: `pin-input-enabled pin-input`,
-	pinInputDisabled: `pin-input-disabled pin-input`,
-	toggle: `toggle`,
-	toggleInput: `toggle-input`,
-	isChecked: `is-checked`,
-	isSwitch: `is-switch`,
-	toggleIcon: `toggle-icon`,
-	toggleIconOn: `toggle-icon-on toggle-icon`,
-	toggleIconOff: `toggle-icon-off toggle-icon`
-};
-//#endregion
-//#region src/component/FluxCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = ["for"];
-var _hoisted_2$18 = [
-	"id",
-	"disabled",
-	"aria-disabled",
-	"aria-readonly",
-	"aria-invalid"
-];
-//#endregion
-//#region src/component/FluxCheckbox.vue
-var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxCheckbox",
-	props: /*@__PURE__*/ mergeModels({
-		disabled: { type: Boolean },
-		error: {},
-		isReadonly: { type: Boolean },
-		label: {}
-	}, {
-		"modelValue": {
-			type: [Boolean, null],
-			default: false
-		},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const modelValue = useModel(__props, "modelValue");
-		const inputRef = useTemplateRef("input");
-		const { id } = useFormFieldInjection_default();
-		const disabled = useDisabled_default(toRef(() => __props.disabled));
-		const isIndeterminate = computed(() => unref(modelValue) === null);
-		function onClick(evt) {
-			if (__props.isReadonly) evt.preventDefault();
-		}
-		watchEffect(() => {
-			const input = unref(inputRef);
-			if (!input) return;
-			input.indeterminate = unref(isIndeterminate);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("label", {
-				class: normalizeClass(unref(clsx)(unref(Form_module_default).checkbox, unref(disabled) && unref(Form_module_default).isDisabled, __props.isReadonly && unref(Form_module_default).isReadonly, __props.error && unref(Form_module_default).isInvalid)),
-				for: unref(id)
-			}, [
-				withDirectives(createElementVNode("input", {
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-					ref: "input",
-					type: "checkbox",
-					class: normalizeClass(unref(Form_module_default).checkboxNative),
-					id: unref(id),
-					disabled: unref(disabled),
-					"aria-disabled": unref(disabled) ? true : void 0,
-					"aria-readonly": __props.isReadonly ? true : void 0,
-					"aria-invalid": __props.error ? true : void 0,
-					onClick
-				}, null, 10, _hoisted_2$18), [[vModelCheckbox, modelValue.value]]),
-				createElementVNode("button", {
-					"aria-hidden": "true",
-					class: normalizeClass(unref(Form_module_default).checkboxElement),
-					tabindex: "-1"
-				}, [isIndeterminate.value ? (openBlock(), createBlock(FluxIcon_default, {
-					key: 0,
-					name: "minus",
-					size: 12
-				})) : (openBlock(), createBlock(FluxIcon_default, {
-					key: 1,
-					name: "check",
-					size: 12
-				}))], 2),
-				__props.label ? (openBlock(), createElementBlock("span", {
-					key: 0,
-					class: normalizeClass(unref(Form_module_default).checkboxLabel)
-				}, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$51);
+			return openBlock(), createElementBlock("span", _hoisted_1$56);
 		};
 	}
 });
@@ -13214,7 +13152,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$55 = ["aria-label"];
 //#endregion
 //#region src/component/FluxTag.vue
 var FluxTag_default = /* @__PURE__ */ defineComponent({
@@ -13282,7 +13220,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$55)) : createCommentVNode("", true)
 				]),
 				_: 1
 			}, 8, [
@@ -13344,8 +13282,8 @@ 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$17 = ["onClick"];
+var _hoisted_1$54 = ["placeholder", "value"];
+var _hoisted_2$20 = ["onClick"];
 //#endregion
 //#region src/component/FluxCommandPalette.vue
 var FluxCommandPalette_default = /* @__PURE__ */ defineComponent({
@@ -13504,7 +13442,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$54),
 					createVNode(FluxTag_default, {
 						"is-keyboard-shortcut": "",
 						label: "Esc"
@@ -13531,7 +13469,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$17);
+					}, null, 8, ["class", "name"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(tab.label), 1)], 42, _hoisted_2$20);
 				}), 128))], 2)) : createCommentVNode("", true),
 				createVNode(unref(FluxWindowTransition_default), { "is-back": unref(isTransitioningBack) }, {
 					default: withCtx(() => [(openBlock(), createElementBlock("div", {
@@ -13608,8 +13546,8 @@ 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$16 = ["datetime"];
+var _hoisted_1$53 = { key: 0 };
+var _hoisted_2$19 = ["datetime"];
 //#endregion
 //#region src/component/FluxComment.vue
 var FluxComment_default = /* @__PURE__ */ defineComponent({
@@ -13669,17 +13607,113 @@ 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$53, 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$16)) : createCommentVNode("", true)], 2)
+				}, toDisplayString(isJustNowVisible.value ? unref(translate)("flux.justNow") : relative.value), 9, _hoisted_2$19)) : createCommentVNode("", true)], 2)
 			], 2);
 		};
 	}
 });
 //#endregion
+//#region src/css/component/Form.module.scss
+var { "basePane": _0$11 } = Pane_module_default$1;
+var Form_module_default = {
+	formInputGroup: `form-input-group form-input-enabled form-input`,
+	buttonGroup: `button-group`,
+	button: `button`,
+	formInput: `form-input`,
+	formSelect: `form-select form-input`,
+	formStructureElement: `form-structure-element`,
+	form: `form form-structure-element`,
+	pane: `pane`,
+	formColumn: `form-column form-structure-element`,
+	formSection: `form-section form-structure-element`,
+	formGrid: `form-grid`,
+	formRow: `form-row`,
+	formSectionTitle: `form-section-title`,
+	formField: `form-field`,
+	formFieldHeader: `form-field-header`,
+	formFieldLabel: `form-field-label`,
+	formFieldOptional: `form-field-optional`,
+	formFieldValue: `form-field-value`,
+	formFieldCounter: `form-field-counter`,
+	formFieldAddition: `form-field-addition`,
+	formFieldAdditionIcon: `form-field-addition-icon`,
+	formFieldAdditionError: `form-field-addition-error form-field-addition`,
+	formFieldAdditionHint: `form-field-addition-hint form-field-addition`,
+	isSecondary: `is-secondary`,
+	isCondensed: `is-condensed`,
+	isInvalid: `is-invalid`,
+	formInputDisabled: `form-input-disabled form-input`,
+	formInputEnabled: `form-input-enabled form-input`,
+	formInputIcon: `form-input-icon`,
+	formInputIconTrailing: `form-input-icon-trailing form-input-icon`,
+	formInputIconLeading: `form-input-icon-leading form-input-icon`,
+	formInputIconPasswordToggle: `form-input-icon-password-toggle form-input-icon-trailing form-input-icon`,
+	formInputNative: `form-input-native`,
+	formInputNativeHasIconLeading: `form-input-native-has-icon-leading`,
+	formInputNativeHasIconTrailing: `form-input-native-has-icon-trailing`,
+	formNumberInputNative: `form-number-input-native form-input-native`,
+	formNumberInputButtons: `form-number-input-buttons`,
+	formNumberInputButton: `form-number-input-button`,
+	formInputAddition: `form-input-addition form-input`,
+	secondaryButton: `secondary-button`,
+	buttonIcon: `button-icon`,
+	formDateInput: `form-date-input`,
+	formDateRangeInput: `form-date-range-input form-input`,
+	formDateTimeInput: `form-date-time-input`,
+	inputGroup: `input-group`,
+	formTimeInput: `form-time-input form-date-input`,
+	isDisabled: `is-disabled`,
+	isFocused: `is-focused`,
+	badge: `badge`,
+	formSelectIcon: `form-select-icon`,
+	formSelectInput: `form-select-input`,
+	formSelectPlaceholder: `form-select-placeholder`,
+	formSelectPopup: `form-select-popup ${_0$11}`,
+	menuItem: `menu-item`,
+	isKeyboardAction: `is-keyboard-action`,
+	isSearchable: `is-searchable`,
+	menuSubHeader: `menu-sub-header`,
+	formSelectSelected: `form-select-selected`,
+	buttonLabel: `button-label`,
+	formTextArea: `form-text-area`,
+	formTextAreaDisabled: `form-text-area-disabled form-input-disabled form-input form-text-area`,
+	formTextAreaEnabled: `form-text-area-enabled form-input-enabled form-input form-text-area`,
+	formCheckboxGroup: `form-checkbox-group`,
+	isInline: `is-inline`,
+	formCheckbox: `form-checkbox`,
+	formCheckboxElement: `form-checkbox-element`,
+	formCheckboxLabel: `form-checkbox-label`,
+	isReadonly: `is-readonly`,
+	formCheckboxNative: `form-checkbox-native`,
+	icon: `icon`,
+	formCheckboxText: `form-checkbox-text`,
+	formCheckboxSubLabel: `form-checkbox-sub-label`,
+	formRadioGroup: `form-radio-group`,
+	formRadio: `form-radio`,
+	formRadioElement: `form-radio-element`,
+	formRadioLabel: `form-radio-label`,
+	formRadioNative: `form-radio-native`,
+	formQuantitySelector: `form-quantity-selector`,
+	formQuantitySelectorButton: `form-quantity-selector-button`,
+	formQuantitySelectorInput: `form-quantity-selector-input form-input`,
+	formPinInput: `form-pin-input`,
+	formPinInputField: `form-pin-input-field`,
+	formPinInputEnabled: `form-pin-input-enabled form-pin-input`,
+	formPinInputDisabled: `form-pin-input-disabled form-pin-input`,
+	formToggle: `form-toggle`,
+	formToggleInput: `form-toggle-input`,
+	isChecked: `is-checked`,
+	isSwitch: `is-switch`,
+	formToggleIcon: `form-toggle-icon`,
+	formToggleIconOn: `form-toggle-icon-on form-toggle-icon`,
+	formToggleIconOff: `form-toggle-icon-off form-toggle-icon`
+};
+//#endregion
 //#region src/component/FluxFormFieldAddition.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = { key: 1 };
+var _hoisted_1$52 = { key: 1 };
 //#endregion
 //#region src/component/FluxFormFieldAddition.vue
 var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
@@ -13701,7 +13735,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$52, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -13709,12 +13743,14 @@ 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$51 = ["role", "aria-labelledby"];
+var _hoisted_2$18 = ["id"];
 //#endregion
 //#region src/component/FluxFormField.vue
 var FluxFormField_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormField",
 	props: {
+		as: { default: "field" },
 		currentLength: {},
 		error: {},
 		hint: {},
@@ -13725,35 +13761,51 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const slots = useSlots();
 		const id = useId();
+		const labelId = useId();
 		const translate = useTranslate_default();
-		provide(FluxFormFieldInjectionKey, { id });
+		const isGroup = computed(() => __props.as === "group");
+		let controlCount = 0;
+		provide(FluxFormFieldInjectionKey, {
+			id,
+			labelId,
+			isGroup: __props.as === "group",
+			registerControl: () => controlCount++ === 0 ? id : `${id}-${controlCount - 1}`
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(Form_module_default).formField) }, [
-				createElementVNode("label", {
-					for: unref(id),
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(Form_module_default).formField),
+				role: isGroup.value ? "group" : void 0,
+				"aria-labelledby": isGroup.value && __props.label ? unref(labelId) : void 0
+			}, [
+				(openBlock(), createBlock(resolveDynamicComponent(isGroup.value ? "div" : "label"), {
+					for: isGroup.value ? void 0 : unref(id),
 					class: normalizeClass(unref(Form_module_default).formFieldHeader)
-				}, [
-					__props.label ? (openBlock(), createElementBlock("span", {
-						key: 0,
-						class: normalizeClass(unref(Form_module_default).formFieldLabel)
-					}, toDisplayString(__props.label), 3)) : createCommentVNode("", true),
-					__props.isOptional ? (openBlock(), createElementBlock("span", {
-						key: 1,
-						class: normalizeClass(unref(Form_module_default).formFieldOptional)
-					}, " (" + toDisplayString(unref(translate)("flux.optional")) + ") ", 3)) : createCommentVNode("", true),
-					"value" in slots ? (openBlock(), createElementBlock("span", {
-						key: 2,
-						class: normalizeClass(unref(Form_module_default).formFieldValue)
-					}, [renderSlot(_ctx.$slots, "value", normalizeProps(guardReactiveProps({
-						currentLength: __props.currentLength,
-						error: __props.error,
-						hint: __props.hint,
-						id: unref(id),
-						isOptional: __props.isOptional,
-						label: __props.label,
-						maxLength: __props.maxLength
-					})))], 2)) : createCommentVNode("", true)
-				], 10, _hoisted_1$46),
+				}, {
+					default: withCtx(() => [
+						__props.label ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							id: isGroup.value ? unref(labelId) : void 0,
+							class: normalizeClass(unref(Form_module_default).formFieldLabel)
+						}, toDisplayString(__props.label), 11, _hoisted_2$18)) : createCommentVNode("", true),
+						__props.isOptional ? (openBlock(), createElementBlock("span", {
+							key: 1,
+							class: normalizeClass(unref(Form_module_default).formFieldOptional)
+						}, " (" + toDisplayString(unref(translate)("flux.optional")) + ") ", 3)) : createCommentVNode("", true),
+						"value" in slots ? (openBlock(), createElementBlock("span", {
+							key: 2,
+							class: normalizeClass(unref(Form_module_default).formFieldValue)
+						}, [renderSlot(_ctx.$slots, "value", normalizeProps(guardReactiveProps({
+							currentLength: __props.currentLength,
+							error: __props.error,
+							hint: __props.hint,
+							id: unref(id),
+							isOptional: __props.isOptional,
+							label: __props.label,
+							maxLength: __props.maxLength
+						})))], 2)) : createCommentVNode("", true)
+					]),
+					_: 3
+				}, 8, ["for", "class"])),
 				renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ id: unref(id) }))),
 				__props.currentLength && __props.maxLength && __props.maxLength > 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -13779,14 +13831,14 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 					label: __props.label,
 					maxLength: __props.maxLength
 				})))
-			], 2);
+			], 10, _hoisted_1$51);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxFormInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = ["aria-disabled"];
-var _hoisted_2$15 = [
+var _hoisted_1$50 = ["aria-disabled"];
+var _hoisted_2$17 = [
 	"id",
 	"name",
 	"autocomplete",
@@ -13986,7 +14038,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					onFocus: _cache[1] || (_cache[1] = ($event) => onFocus()),
 					onInput,
 					onKeydown: onKeyDown
-				}, null, 42, _hoisted_2$15),
+				}, null, 42, _hoisted_2$17),
 				__props.iconLeading ? (openBlock(), createBlock(FluxIcon_default, {
 					key: 0,
 					class: normalizeClass(unref(Form_module_default).formInputIconLeading),
@@ -14010,7 +14062,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$50);
 		};
 	}
 });
@@ -14058,7 +14110,7 @@ var AnchorPopup_default = /* @__PURE__ */ defineComponent({
 			window.removeEventListener("resize", onResize);
 			window.removeEventListener("scroll", onScroll, { capture: true });
 		});
-		he$1(popupRef, () => {
+		ye$1(popupRef, () => {
 			reposition();
 		}, {
 			childList: true,
@@ -14181,8 +14233,8 @@ 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$14 = { key: 1 };
+var _hoisted_1$49 = { key: 0 };
+var _hoisted_2$16 = { key: 1 };
 //#endregion
 //#region src/component/FluxPaneHeader.vue
 var FluxPaneHeader_default = /* @__PURE__ */ defineComponent({
@@ -14205,7 +14257,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$14, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$49, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2$16, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "after")
 			], 2);
 		};
@@ -14287,7 +14339,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const { isLoading, loaded } = X$1();
+		const { isLoading, loaded } = Y$1();
 		const getValueLabel = computed(() => loaded(__props.item.getValueLabel));
 		const valueLabel = ref();
 		function onClick(evt) {
@@ -14373,7 +14425,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$48 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxMenuItem.vue
 var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -14450,7 +14502,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$48)]),
 				key: "1"
 			} : slots.before ? {
 				name: "iconLeading",
@@ -14898,7 +14950,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$47 = ["aria-disabled"];
 //#endregion
 //#region src/component/primitive/SliderBase.vue
 var SliderBase_default = /* @__PURE__ */ defineComponent({
@@ -14954,13 +15006,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$47);
 		};
 	}
 });
 //#endregion
 //#region src/component/primitive/SliderThumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = [
+var _hoisted_1$46 = [
 	"aria-disabled",
 	"aria-label",
 	"aria-valuemax",
@@ -15019,7 +15071,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$46);
 		};
 	}
 });
@@ -15124,7 +15176,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$45 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxSeparator.vue
 var FluxSeparator_default = /* @__PURE__ */ defineComponent({
@@ -15136,7 +15188,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$45);
 		};
 	}
 });
@@ -15159,7 +15211,7 @@ var FilterItem_default = /* @__PURE__ */ defineComponent({
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const { isLoading, loaded } = X$1();
+		const { isLoading, loaded } = Y$1();
 		const getValueLabel = computed(() => loaded(__props.item.getValueLabel));
 		const valueLabel = ref();
 		function onClick(evt) {
@@ -15387,7 +15439,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$44 = [
 	"aria-disabled",
 	"aria-valuetext",
 	"tabindex"
@@ -15443,13 +15495,13 @@ 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$44);
 		};
 	}
 });
 //#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$43 = ["aria-disabled", "aria-label"];
 //#endregion
 //#region src/component/primitive/CoordinatePicker.vue
 var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
@@ -15559,7 +15611,7 @@ var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
 				"disabled",
 				"is-dragging",
 				"position"
-			])], 42, _hoisted_1$38);
+			])], 42, _hoisted_1$43);
 		};
 	}
 });
@@ -15952,14 +16004,14 @@ 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$42 = [
 	"aria-checked",
 	"aria-label",
 	"disabled",
 	"tabindex",
 	"onClick"
 ];
-var _hoisted_2$13 = [
+var _hoisted_2$15 = [
 	"disabled",
 	"tabindex",
 	"aria-label",
@@ -16027,7 +16079,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$42);
 			}), 128)), __props.isCustomAllowed ? (openBlock(), createBlock(FluxFlyout_default, { key: 0 }, {
 				opener: withCtx(({ open }) => [createElementVNode("button", {
 					class: normalizeClass(unref(Color_module_default).colorSelectCustom),
@@ -16039,7 +16091,7 @@ var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 				}, [createVNode(FluxIcon_default, {
 					name: "ellipsis-h",
 					size: 16
-				})], 10, _hoisted_2$13)]),
+				})], 10, _hoisted_2$15)]),
 				default: withCtx(({ close }) => [createVNode(FluxColorPicker_default, {
 					modelValue: customColor.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customColor.value = $event),
@@ -16080,6 +16132,112 @@ var FluxContainer_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/component/FluxFormCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$41 = ["for"];
+var _hoisted_2$14 = [
+	"id",
+	"checked",
+	"disabled",
+	"aria-disabled",
+	"aria-readonly",
+	"aria-invalid"
+];
+//#endregion
+//#region src/component/FluxFormCheckbox.vue
+var FluxFormCheckbox_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxFormCheckbox",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		error: {},
+		isReadonly: { type: Boolean },
+		label: {},
+		subLabel: {},
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] }
+	}, {
+		"modelValue": {
+			type: [Boolean, null],
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const group = useFormCheckboxGroupInjection_default();
+		const inputRef = useTemplateRef("input");
+		const { id } = useFormFieldInjection_default();
+		const isGrouped = computed(() => group !== null && __props.value !== void 0);
+		const disabled = useDisabled_default(toRef(() => __props.disabled || (group?.disabled.value ?? false)));
+		const isReadonlyResolved = computed(() => __props.isReadonly || (group?.isReadonly.value ?? false));
+		const errorResolved = computed(() => unref(isGrouped) ? group?.error.value : __props.error);
+		const isChecked = computed(() => unref(isGrouped) ? group.has(__props.value) : unref(modelValue) === true);
+		const isIndeterminate = computed(() => !unref(isGrouped) && unref(modelValue) === null);
+		function onChange() {
+			if (unref(isReadonlyResolved) || unref(disabled)) return;
+			if (unref(isGrouped)) {
+				group.toggle(__props.value);
+				return;
+			}
+			modelValue.value = unref(isIndeterminate) ? true : !unref(modelValue);
+		}
+		function onClick(evt) {
+			if (unref(isReadonlyResolved)) evt.preventDefault();
+		}
+		watchEffect(() => {
+			const input = unref(inputRef);
+			if (!input) return;
+			input.indeterminate = unref(isIndeterminate);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", {
+				class: normalizeClass(unref(clsx)(unref(Form_module_default).formCheckbox, unref(disabled) && unref(Form_module_default).isDisabled, isReadonlyResolved.value && unref(Form_module_default).isReadonly, errorResolved.value && unref(Form_module_default).isInvalid)),
+				for: unref(id)
+			}, [
+				createElementVNode("input", {
+					ref: "input",
+					type: "checkbox",
+					class: normalizeClass(unref(Form_module_default).formCheckboxNative),
+					id: unref(id),
+					checked: isChecked.value,
+					disabled: unref(disabled),
+					"aria-disabled": unref(disabled) ? true : void 0,
+					"aria-readonly": isReadonlyResolved.value ? true : void 0,
+					"aria-invalid": errorResolved.value ? true : void 0,
+					onChange,
+					onClick
+				}, null, 42, _hoisted_2$14),
+				createElementVNode("button", {
+					"aria-hidden": "true",
+					class: normalizeClass(unref(Form_module_default).formCheckboxElement),
+					tabindex: "-1"
+				}, [isIndeterminate.value ? (openBlock(), createBlock(FluxIcon_default, {
+					key: 0,
+					name: "minus",
+					size: 12
+				})) : (openBlock(), createBlock(FluxIcon_default, {
+					key: 1,
+					name: "check",
+					size: 12
+				}))], 2),
+				__props.label || __props.subLabel ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(Form_module_default).formCheckboxText)
+				}, [__props.label ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(Form_module_default).formCheckboxLabel)
+				}, toDisplayString(__props.label), 3)) : createCommentVNode("", true), __props.subLabel ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(unref(Form_module_default).formCheckboxSubLabel)
+				}, toDisplayString(__props.subLabel), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
+			], 10, _hoisted_1$41);
+		};
+	}
+});
+//#endregion
 //#region src/component/FluxFormSelect.vue
 var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSelect",
@@ -16147,16 +16305,16 @@ var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Pagination.module.scss
-var { "secondaryButton": _0$8, "secondaryButtonIcon": _1$2, "secondaryButtonLabel": _2$1 } = Button_module_default;
+var { "secondaryButtonLabel": _0$8, "secondaryButton": _1$2, "secondaryButtonIcon": _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}`,
-	paginationButtonLabel: `pagination-button-label ${_2$1}`,
+	paginationButtonIcon: `pagination-button-icon ${_2$1}`,
+	paginationButtonLabel: `pagination-button-label ${_0$8}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
 	paginationBarLimitDisplayingOf: `pagination-bar-limit-displaying-of`,
@@ -16236,7 +16394,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$40 = ["aria-label"];
 //#endregion
 //#region src/component/FluxPagination.vue
 var FluxPagination_default = /* @__PURE__ */ defineComponent({
@@ -16351,7 +16509,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$40);
 		};
 	}
 });
@@ -16482,9 +16640,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_2$12 = { key: 1 };
-var _hoisted_3$3 = { key: 2 };
+var _hoisted_1$39 = { key: 0 };
+var _hoisted_2$13 = { key: 1 };
+var _hoisted_3$4 = { key: 2 };
 //#endregion
 //#region src/component/FluxTable.vue
 var FluxTable_default = /* @__PURE__ */ defineComponent({
@@ -16531,8 +16689,8 @@ 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$12, [renderSlot(_ctx.$slots, "default"), __props.fillColumns ? (openBlock(), createBlock(FluxTableRow_default, {
+					slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1$39, [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)
 					}, {
@@ -16541,7 +16699,7 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 						}), 128))]),
 						_: 1
 					}, 8, ["class"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
-					slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_3$3, [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 })
@@ -16565,8 +16723,8 @@ 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$11 = ["aria-label", "onClick"];
+var _hoisted_1$38 = ["aria-sort"];
+var _hoisted_2$12 = ["aria-label", "onClick"];
 //#endregion
 //#region src/component/FluxTableHeader.vue
 var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
@@ -16605,7 +16763,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 				}, [createVNode(FluxIcon_default, {
 					size: 16,
 					name: sortingIcon.value
-				}, null, 8, ["name"])], 10, _hoisted_2$11)]),
+				}, null, 8, ["name"])], 10, _hoisted_2$12)]),
 				default: withCtx(() => [createVNode(FluxMenu_default, null, {
 					default: withCtx(() => [createVNode(FluxMenuGroup_default, null, {
 						default: withCtx(() => [createVNode(FluxMenuItem_default, {
@@ -16632,7 +16790,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				})]),
 				_: 1
-			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$34);
+			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$38);
 		};
 	}
 });
@@ -16764,7 +16922,7 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 							key: 0,
 							class: normalizeClass(unref(Table_module_default).tableCellSelection)
 						}, {
-							default: withCtx(() => [createVNode(FluxCheckbox_default, {
+							default: withCtx(() => [createVNode(FluxFormCheckbox_default, {
 								"model-value": isItemSelected(item),
 								"onUpdate:modelValue": ($event) => onSelectRow(item)
 							}, null, 8, ["model-value", "onUpdate:modelValue"])]),
@@ -16810,7 +16968,7 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 							"is-shrinking": "",
 							class: normalizeClass(unref(Table_module_default).tableCellSelection)
 						}, {
-							default: withCtx(() => [__props.selectionMode === "multiple" ? (openBlock(), createBlock(FluxCheckbox_default, {
+							default: withCtx(() => [__props.selectionMode === "multiple" ? (openBlock(), createBlock(FluxFormCheckbox_default, {
 								key: 0,
 								"model-value": selectAllState.value,
 								"onUpdate:modelValue": onSelectAll
@@ -16890,7 +17048,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$37 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxDivider.vue
 var FluxDivider_default = /* @__PURE__ */ defineComponent({
@@ -16912,23 +17070,23 @@ 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$37);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxDotPattern.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = [
+var _hoisted_1$36 = [
 	"id",
 	"width",
 	"height"
 ];
-var _hoisted_2$10 = [
+var _hoisted_2$11 = [
 	"r",
 	"cx",
 	"cy"
 ];
-var _hoisted_3$2 = ["fill"];
+var _hoisted_3$3 = ["fill"];
 //#endregion
 //#region src/component/FluxDotPattern.vue
 var FluxDotPattern_default = /* @__PURE__ */ defineComponent({
@@ -16973,12 +17131,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$10)], 8, _hoisted_1$32)]), createElementVNode("rect", {
+			}, null, 8, _hoisted_2$11)], 8, _hoisted_1$36)]), createElementVNode("rect", {
 				width: "100%",
 				height: "100%",
 				"stroke-width": "0",
 				fill: `url(#${unref(id)})`
-			}, null, 8, _hoisted_3$2)], 2);
+			}, null, 8, _hoisted_3$3)], 2);
 		};
 	}
 });
@@ -16996,12 +17154,12 @@ var DropZone_module_default = {
 };
 //#endregion
 //#region src/component/FluxDropZone.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = [
+var _hoisted_1$35 = [
 	"aria-disabled",
 	"aria-label",
 	"tabindex"
 ];
-var _hoisted_2$9 = ["pathLength"];
+var _hoisted_2$10 = ["pathLength"];
 //#endregion
 //#region src/component/FluxDropZone.vue
 var FluxDropZone_default = /* @__PURE__ */ defineComponent({
@@ -17116,7 +17274,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						pathLength: pathLength.value
-					}, null, 8, _hoisted_2$9)], 2)),
+					}, null, 8, _hoisted_2$10)], 2)),
 					renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 						isDragging: isDragging.value,
 						isDraggingOver: isDraggingOver.value,
@@ -17143,7 +17301,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 					isDraggingOver: isDraggingOver.value,
 					showPicker
 				})))
-			], 42, _hoisted_1$31);
+			], 42, _hoisted_1$35);
 		};
 	}
 });
@@ -17173,12 +17331,12 @@ var Expandable_module_default = {
 };
 //#endregion
 //#region src/component/FluxExpandable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = [
+var _hoisted_1$34 = [
 	"id",
 	"aria-controls",
 	"aria-expanded"
 ];
-var _hoisted_2$8 = ["id", "aria-labelledby"];
+var _hoisted_2$9 = ["id", "aria-labelledby"];
 //#endregion
 //#region src/component/FluxExpandable.vue
 var FluxExpandable_default = /* @__PURE__ */ defineComponent({
@@ -17191,7 +17349,7 @@ var FluxExpandable_default = /* @__PURE__ */ defineComponent({
 	emits: ["toggle"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const emit = __emit;
-		const componentId = q$1();
+		const componentId = se$1();
 		const contentId = useId();
 		const headerId = useId();
 		const instance = getCurrentInstance();
@@ -17269,9 +17427,9 @@ var FluxExpandable_default = /* @__PURE__ */ defineComponent({
 				})), () => [createElementVNode("div", { class: normalizeClass(unref(Expandable_module_default).expandableContent) }, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 					label: __props.label,
 					close
-				})))], 2)])], 10, _hoisted_2$8)) : createCommentVNode("", true)]),
+				})))], 2)])], 10, _hoisted_2$9)) : createCommentVNode("", true)]),
 				_: 3
-			})], 10, _hoisted_1$30);
+			})], 10, _hoisted_1$34);
 		};
 	}
 });
@@ -17323,7 +17481,7 @@ var FluxFader_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const faderRef = useTemplateRef("fader");
-		de$1(__props.interval, () => next());
+		me$1(__props.interval, () => next());
 		const current = ref(-1);
 		function getItems() {
 			const fader = v$2(faderRef);
@@ -18497,7 +18655,7 @@ 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$33 = ["src"];
 //#endregion
 //#region src/component/FluxFocalPointEditor.vue
 var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
@@ -18566,7 +18724,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 							src: __props.src,
 							alt: "",
 							onLoad: onImageLoaded
-						}, null, 42, _hoisted_1$29), createElementVNode("div", {
+						}, null, 42, _hoisted_1$33), createElementVNode("div", {
 							class: normalizeClass(unref(FocalPoint_module_default).focalPointEditorArea),
 							style: normalizeStyle({
 								top: `${focalPointY.value}%`,
@@ -18595,7 +18753,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$32 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxFocalPointImage.vue
 var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
@@ -18614,13 +18772,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$32);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxForm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = ["aria-disabled"];
+var _hoisted_1$31 = ["aria-disabled"];
 //#endregion
 //#region src/component/FluxForm.vue
 var FluxForm_default = /* @__PURE__ */ defineComponent({
@@ -18643,7 +18801,48 @@ 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$31);
+		};
+	}
+});
+//#endregion
+//#region src/component/FluxFormCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$30 = ["role", "aria-label"];
+//#endregion
+//#region src/component/FluxFormCheckboxGroup.vue
+var FluxFormCheckboxGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxFormCheckboxGroup",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		error: {},
+		isReadonly: { type: Boolean },
+		ariaLabel: {},
+		isInline: { type: Boolean }
+	}, {
+		"modelValue": { default: () => [] },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const field = inject(FluxFormFieldInjectionKey, null);
+		provide(FluxFormCheckboxGroupInjectionKey, {
+			modelValue,
+			disabled: useDisabled_default(toRef(() => __props.disabled)),
+			isReadonly: toRef(() => __props.isReadonly ?? false),
+			error: toRef(() => __props.error),
+			has: (value) => unref(modelValue).includes(value),
+			toggle(value) {
+				const current = unref(modelValue);
+				modelValue.value = current.includes(value) ? current.filter((item) => item !== value) : [...current, value];
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(clsx)(unref(Form_module_default).formCheckboxGroup, __props.isInline && unref(Form_module_default).isInline)),
+				role: unref(field)?.isGroup ? void 0 : "group",
+				"aria-label": unref(field)?.isGroup ? void 0 : __props.ariaLabel
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$30);
 		};
 	}
 });
@@ -18755,7 +18954,7 @@ 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$29 = { key: 0 };
 //#endregion
 //#region src/component/FluxFormDateRangeInput.vue
 var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
@@ -18801,7 +19000,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$29, 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, {
@@ -18973,7 +19172,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$28 = { key: 1 };
 //#endregion
 //#region src/component/FluxFormInputAddition.vue
 var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
@@ -18990,15 +19189,164 @@ 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$28, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
 	}
 });
 //#endregion
+//#region src/component/FluxFormNumberInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$27 = ["aria-disabled"];
+var _hoisted_2$8 = [
+	"id",
+	"name",
+	"autofocus",
+	"aria-disabled",
+	"aria-invalid",
+	"disabled",
+	"max",
+	"min",
+	"placeholder",
+	"readonly",
+	"step",
+	"value"
+];
+var _hoisted_3$2 = ["disabled"];
+var _hoisted_4$1 = ["disabled"];
+//#endregion
+//#region src/component/FluxFormNumberInput.vue
+var FluxFormNumberInput_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxFormNumberInput",
+	props: /*@__PURE__*/ mergeModels({
+		autoFocus: { type: Boolean },
+		disabled: { type: Boolean },
+		error: {},
+		isCondensed: { type: Boolean },
+		isLoading: { type: Boolean },
+		isReadonly: { type: Boolean },
+		isSecondary: { type: Boolean },
+		name: {},
+		placeholder: {},
+		max: {},
+		min: {},
+		step: { default: 1 }
+	}, {
+		"modelValue": { default: null },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["blur", "focus"], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const modelValue = useModel(__props, "modelValue");
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const inputRef = useTemplateRef("input");
+		const { id } = useFormFieldInjection_default();
+		const atMax = computed(() => __props.max !== void 0 && modelValue.value !== null && modelValue.value >= __props.max);
+		const atMin = computed(() => __props.min !== void 0 && modelValue.value !== null && modelValue.value <= __props.min);
+		function blur() {
+			v$2(inputRef)?.blur();
+		}
+		function focus() {
+			v$2(inputRef)?.focus();
+		}
+		function clamp(value) {
+			let result = value;
+			if (__props.min !== void 0) result = Math.max(__props.min, result);
+			if (__props.max !== void 0) result = Math.min(__props.max, result);
+			return result;
+		}
+		function round(value) {
+			const decimals = (__props.step.toString().split(".")[1] ?? "").length;
+			return decimals > 0 ? Number(value.toFixed(decimals)) : value;
+		}
+		function stepValue(direction) {
+			if (unref(disabled) || __props.isReadonly) return;
+			modelValue.value = clamp(round((modelValue.value ?? __props.min ?? 0) + direction * __props.step));
+		}
+		function onBlur() {
+			if (modelValue.value !== null) modelValue.value = clamp(modelValue.value);
+			emit("blur");
+		}
+		function onFocus() {
+			emit("focus");
+		}
+		function onInput(evt) {
+			const value = evt.target.value;
+			if (value === "") {
+				modelValue.value = null;
+				return;
+			}
+			const numeric = Number(value);
+			if (Number.isNaN(numeric)) return;
+			modelValue.value = numeric;
+		}
+		function onKeyDown(evt) {
+			if (evt.key === "ArrowUp") {
+				stepValue(1);
+				evt.preventDefault();
+			} else if (evt.key === "ArrowDown") {
+				stepValue(-1);
+				evt.preventDefault();
+			}
+		}
+		__expose({
+			blur,
+			focus
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(clsx)(unref(disabled) ? unref(Form_module_default).formInputDisabled : unref(Form_module_default).formInputEnabled, __props.isCondensed && unref(Form_module_default).isCondensed, __props.isSecondary && unref(Form_module_default).isSecondary, __props.error && unref(Form_module_default).isInvalid)),
+				"aria-disabled": unref(disabled) ? true : void 0
+			}, [createElementVNode("input", {
+				ref: "input",
+				class: normalizeClass(unref(clsx)(unref(Form_module_default).formInputNative, unref(Form_module_default).formNumberInputNative)),
+				id: unref(id),
+				name: __props.name,
+				autofocus: __props.autoFocus,
+				inputmode: "decimal",
+				type: "number",
+				"aria-disabled": unref(disabled) ? true : void 0,
+				"aria-invalid": __props.error ? true : void 0,
+				disabled: unref(disabled),
+				max: __props.max,
+				min: __props.min,
+				placeholder: __props.placeholder,
+				readonly: __props.isReadonly,
+				step: __props.step,
+				value: modelValue.value ?? "",
+				onBlur,
+				onFocus,
+				onInput,
+				onKeydown: onKeyDown
+			}, null, 42, _hoisted_2$8), createElementVNode("span", {
+				"aria-hidden": "true",
+				class: normalizeClass(unref(Form_module_default).formNumberInputButtons)
+			}, [createElementVNode("button", {
+				type: "button",
+				tabindex: "-1",
+				class: normalizeClass(unref(Form_module_default).formNumberInputButton),
+				disabled: unref(disabled) || __props.isReadonly || atMax.value,
+				onClick: _cache[0] || (_cache[0] = ($event) => stepValue(1))
+			}, [createVNode(FluxIcon_default, {
+				name: "chevron-up",
+				size: 12
+			})], 10, _hoisted_3$2), createElementVNode("button", {
+				type: "button",
+				tabindex: "-1",
+				class: normalizeClass(unref(Form_module_default).formNumberInputButton),
+				disabled: unref(disabled) || __props.isReadonly || atMin.value,
+				onClick: _cache[1] || (_cache[1] = ($event) => stepValue(-1))
+			}, [createVNode(FluxIcon_default, {
+				name: "chevron-down",
+				size: 12
+			})], 10, _hoisted_4$1)], 2)], 10, _hoisted_1$27);
+		};
+	}
+});
+//#endregion
 //#region src/component/FluxFormPinInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = [
+var _hoisted_1$26 = [
 	"id",
 	"name",
 	"autofocus",
@@ -19089,7 +19437,7 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("fieldset", {
-				class: normalizeClass(unref(clsx)(unref(disabled) ? unref(Form_module_default).pinInputDisabled : unref(Form_module_default).pinInputEnabled, __props.error && unref(Form_module_default).isInvalid)),
+				class: normalizeClass(unref(clsx)(unref(disabled) ? unref(Form_module_default).formPinInputDisabled : unref(Form_module_default).formPinInputEnabled, __props.error && unref(Form_module_default).isInvalid)),
 				id: unref(id),
 				name: __props.name,
 				style: normalizeStyle({ "--max-length": __props.maxLength }),
@@ -19101,7 +19449,7 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 					key: field,
 					ref_for: true,
 					ref: "fields",
-					class: normalizeClass(unref(Form_module_default).pinInputField),
+					class: normalizeClass(unref(Form_module_default).formPinInputField),
 					maxlength: "1",
 					"aria-label": unref(translate)("flux.pinDigit", {
 						index: field,
@@ -19119,7 +19467,116 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 					onKeydown: onKeyDown,
 					onPaste
 				}, null, 42, _hoisted_2$7);
-			}), 128))], 14, _hoisted_1$24);
+			}), 128))], 14, _hoisted_1$26);
+		};
+	}
+});
+//#endregion
+//#region src/component/FluxFormRadio.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$25 = [
+	"name",
+	"checked",
+	"disabled",
+	"aria-disabled",
+	"aria-readonly",
+	"aria-invalid"
+];
+//#endregion
+//#region src/component/FluxFormRadio.vue
+var FluxFormRadio_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxFormRadio",
+	props: {
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		disabled: { type: Boolean },
+		label: {}
+	},
+	setup(__props, { slots: $slots }) {
+		const group = useFormRadioGroupInjection_default();
+		const disabled = useDisabled_default(toRef(() => __props.disabled || unref(group.disabled)));
+		const isChecked = computed(() => unref(group.modelValue) === __props.value);
+		const isReadonly = computed(() => unref(group.isReadonly));
+		const error = computed(() => unref(group.error));
+		function onChange() {
+			if (unref(isReadonly) || unref(disabled)) return;
+			group.select(__props.value);
+		}
+		function onClick(evt) {
+			if (unref(isReadonly)) evt.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", { class: normalizeClass(unref(clsx)(unref(Form_module_default).formRadio, unref(disabled) && unref(Form_module_default).isDisabled, isReadonly.value && unref(Form_module_default).isReadonly, error.value && unref(Form_module_default).isInvalid)) }, [
+				createElementVNode("input", {
+					ref: "input",
+					type: "radio",
+					class: normalizeClass(unref(Form_module_default).formRadioNative),
+					name: unref(group).name,
+					checked: isChecked.value,
+					disabled: unref(disabled),
+					"aria-disabled": unref(disabled) ? true : void 0,
+					"aria-readonly": isReadonly.value ? true : void 0,
+					"aria-invalid": error.value ? true : void 0,
+					onChange,
+					onClick
+				}, null, 42, _hoisted_1$25),
+				createElementVNode("span", {
+					"aria-hidden": "true",
+					class: normalizeClass(unref(Form_module_default).formRadioElement)
+				}, null, 2),
+				__props.label || $slots.default ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(Form_module_default).formRadioLabel)
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 2)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/component/FluxFormRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$24 = ["aria-label"];
+//#endregion
+//#region src/component/FluxFormRadioGroup.vue
+var FluxFormRadioGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxFormRadioGroup",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		error: {},
+		isReadonly: { type: Boolean },
+		ariaLabel: {},
+		isInline: { type: Boolean },
+		name: {}
+	}, {
+		"modelValue": { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const generatedName = useId();
+		provide(FluxFormRadioGroupInjectionKey, {
+			name: __props.name ?? generatedName,
+			modelValue,
+			disabled,
+			isReadonly: toRef(() => __props.isReadonly ?? false),
+			error: toRef(() => __props.error),
+			select(value) {
+				modelValue.value = value;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(clsx)(unref(Form_module_default).formRadioGroup, __props.isInline && unref(Form_module_default).isInline)),
+				role: "radiogroup",
+				"aria-label": __props.ariaLabel
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$24);
 		};
 	}
 });
@@ -19366,8 +19823,8 @@ var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 			return options;
 		});
 		const { groups, selected, values } = useFormSelect_default(modelValue, __props.isMultiple, options);
-		const { isLoading: isFetchingLoading, loaded } = X$1();
-		const debouncedModelSearch = Y$1(modelSearch, 300);
+		const { isLoading: isFetchingLoading, loaded } = Y$1();
+		const debouncedModelSearch = J$1(modelSearch, 300);
 		const fetchOptions = computed(() => loaded(__props.fetchOptions));
 		const fetchRelevant = computed(() => loaded(__props.fetchRelevant));
 		const fetchSearch = computed(() => loaded(__props.fetchSearch));
@@ -22295,12 +22752,12 @@ var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(FluxButtonGroup_default, {
-				class: normalizeClass(unref(Form_module_default).quantitySelector),
+				class: normalizeClass(unref(Form_module_default).formQuantitySelector),
 				"aria-disabled": unref(disabled) ? true : void 0
 			}, {
 				default: withCtx(() => [
 					createVNode(FluxSecondaryButton_default, {
-						class: normalizeClass(unref(Form_module_default).quantitySelectorButton),
+						class: normalizeClass(unref(Form_module_default).formQuantitySelectorButton),
 						disabled: unref(disabled) || modelValue.value <= __props.min,
 						"icon-leading": "minus",
 						tabindex: "-1",
@@ -22309,7 +22766,7 @@ var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 					withDirectives(createElementVNode("input", {
 						ref: "input",
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-						class: normalizeClass(unref(Form_module_default).quantitySelectorInput),
+						class: normalizeClass(unref(Form_module_default).formQuantitySelectorInput),
 						style: normalizeStyle({ width: `${width.value}px` }),
 						disabled: unref(disabled),
 						tabindex: "0",
@@ -22319,7 +22776,7 @@ var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 						step: __props.step
 					}, null, 14, _hoisted_1$10), [[vModelText, modelValue.value]]),
 					createVNode(FluxSecondaryButton_default, {
-						class: normalizeClass(unref(Form_module_default).quantitySelectorButton),
+						class: normalizeClass(unref(Form_module_default).formQuantitySelectorButton),
 						disabled: unref(disabled) || modelValue.value >= __props.max,
 						"icon-leading": "plus",
 						tabindex: "-1",
@@ -22824,14 +23281,14 @@ var FluxSecondaryLinkButton_default = /* @__PURE__ */ defineComponent({
 });
 var SegmentedControl_module_default = {
 	segmentedControl: `segmented-control`,
-	isSmall: `is-small`,
-	isMedium: `is-medium`,
-	isLarge: `is-large`,
 	segmentedControlFill: `segmented-control-fill segmented-control`,
 	segmentedControlInline: `segmented-control-inline segmented-control`,
 	segmentedControlHighlight: `segmented-control-highlight`,
 	segmentedControlItem: `segmented-control-item`,
-	isActive: `is-active`
+	isActive: `is-active`,
+	isSmall: `is-small`,
+	isMedium: `is-medium`,
+	isLarge: `is-large`
 };
 //#endregion
 //#region src/component/FluxSegmentedControl.vue?vue&type=script&setup=true&lang.ts
@@ -22870,11 +23327,11 @@ var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 		});
 		onMounted(() => updateHighlight());
 		watch(modelValue, () => updateHighlight(), { flush: "post" });
-		he$1(controlRef, () => updateHighlight(), {
+		ye$1(controlRef, () => updateHighlight(), {
 			childList: true,
 			subtree: true
 		});
-		ye$1(controlRef, () => updateHighlight());
+		Ce$1(controlRef, () => updateHighlight());
 		function select(value) {
 			modelValue.value = value;
 		}
@@ -23012,6 +23469,43 @@ var FluxSegmentedControlItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var Skeleton_module_default = {
+	skeleton: `skeleton`,
+	"skeleton-shimmer": `skeleton-shimmer`,
+	"skeleton-pulse": `skeleton-pulse`,
+	isText: `is-text`,
+	isCircle: `is-circle`,
+	isRectangle: `is-rectangle`,
+	isRounded: `is-rounded`
+};
+//#endregion
+//#region src/component/FluxSkeleton.vue
+var FluxSkeleton_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxSkeleton",
+	props: {
+		height: {},
+		is: { default: "div" },
+		variant: { default: "text" },
+		width: {}
+	},
+	setup(__props) {
+		const style = computed(() => ({
+			height: toSize(__props.height),
+			width: toSize(__props.width)
+		}));
+		function toSize(value) {
+			if (value === void 0) return;
+			return typeof value === "number" ? `${value}px` : value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.is), {
+				class: normalizeClass(unref(clsx)(unref(Skeleton_module_default).skeleton, __props.variant === "circle" && unref(Skeleton_module_default).isCircle, __props.variant === "rectangle" && unref(Skeleton_module_default).isRectangle, __props.variant === "rounded" && unref(Skeleton_module_default).isRounded, __props.variant === "text" && unref(Skeleton_module_default).isText)),
+				style: normalizeStyle(style.value),
+				"aria-hidden": "true"
+			}, null, 8, ["class", "style"]);
+		};
+	}
+});
 //#endregion
 //#region src/component/FluxSlideOver.vue
 var FluxSlideOver_default = defineComponent({
@@ -23201,7 +23695,7 @@ var FluxSplitView_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Stepper.module.scss
-var { "sparklesContainerActive": _0$2, "sparklesContainer": _1, "sparklesParticles": _2 } = {
+var { "sparklesContainer": _0$2, "sparklesContainerActive": _1, "sparklesParticles": _2 } = {
 	sparklesContainer: `sparkles-container`,
 	sparklesParticles: `sparkles-particles`,
 	sparklesContainerActive: `sparkles-container-active`,
@@ -23212,11 +23706,11 @@ var { "sparklesContainerActive": _0$2, "sparklesContainer": _1, "sparklesParticl
 var Stepper_module_default = {
 	stepperStep: `stepper-step`,
 	stepperSteps: `stepper-steps`,
-	stepperStepsItem: `stepper-steps-item ${_1}`,
+	stepperStepsItem: `stepper-steps-item ${_0$2}`,
 	icon: `icon`,
-	stepperStepsItemComplete: `stepper-steps-item-complete ${_0$2} stepper-steps-item ${_1}`,
-	stepperStepsItemCurrent: `stepper-steps-item-current stepper-steps-item ${_1}`,
-	stepperStepsItemIdle: `stepper-steps-item-idle stepper-steps-item ${_1}`,
+	stepperStepsItemComplete: `stepper-steps-item-complete ${_1} stepper-steps-item ${_0$2}`,
+	stepperStepsItemCurrent: `stepper-steps-item-current stepper-steps-item ${_0$2}`,
+	stepperStepsItemIdle: `stepper-steps-item-idle stepper-steps-item ${_0$2}`,
 	stepperStepsItemParticles: `stepper-steps-item-particles ${_2}`
 };
 //#endregion
@@ -23430,11 +23924,11 @@ var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const tabBarRef = useTemplateRef("tabBar");
 		O$1(tabBarRef, "scroll", () => checkScroll());
-		he$1(tabBarRef, () => {
+		ye$1(tabBarRef, () => {
 			checkScroll();
 			updateHighlight();
 		}, { childList: true });
-		ye$1(tabBarRef, () => updateHighlight());
+		Ce$1(tabBarRef, () => updateHighlight());
 		const isEndArrowVisible = ref(false);
 		const isStartArrowVisible = ref(false);
 		const activeItemX = ref(0);
@@ -23896,7 +24390,7 @@ var FluxToggle_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("label", {
-				class: normalizeClass(unref(clsx)(unref(Form_module_default).toggle, modelValue.value && unref(Form_module_default).isChecked, unref(disabled) && unref(Form_module_default).isDisabled, __props.isReadonly && unref(Form_module_default).isReadonly, __props.error && unref(Form_module_default).isInvalid, __props.isSwitch && unref(Form_module_default).isSwitch)),
+				class: normalizeClass(unref(clsx)(unref(Form_module_default).formToggle, modelValue.value && unref(Form_module_default).isChecked, unref(disabled) && unref(Form_module_default).isDisabled, __props.isReadonly && unref(Form_module_default).isReadonly, __props.error && unref(Form_module_default).isInvalid, __props.isSwitch && unref(Form_module_default).isSwitch)),
 				for: unref(id),
 				"aria-disabled": unref(disabled) ? true : void 0,
 				"aria-readonly": __props.isReadonly ? true : void 0,
@@ -23904,18 +24398,18 @@ var FluxToggle_default = /* @__PURE__ */ defineComponent({
 			}, [
 				__props.iconOff ? (openBlock(), createBlock(FluxIcon_default, {
 					key: 0,
-					class: normalizeClass(unref(Form_module_default).toggleIconOff),
+					class: normalizeClass(unref(Form_module_default).formToggleIconOff),
 					name: __props.iconOff,
 					size: 14
 				}, null, 8, ["class", "name"])) : createCommentVNode("", true),
 				__props.iconOn ? (openBlock(), createBlock(FluxIcon_default, {
 					key: 1,
-					class: normalizeClass(unref(Form_module_default).toggleIconOn),
+					class: normalizeClass(unref(Form_module_default).formToggleIconOn),
 					name: __props.iconOn,
 					size: 14
 				}, null, 8, ["class", "name"])) : createCommentVNode("", true),
 				createElementVNode("input", {
-					class: normalizeClass(unref(Form_module_default).toggleInput),
+					class: normalizeClass(unref(Form_module_default).formToggleInput),
 					id: unref(id),
 					disabled: unref(disabled),
 					type: "checkbox",
@@ -24062,6 +24556,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, FluxBorderBeam_default as FluxBorderBeam, 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 };
+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, FluxBorderBeam_default as FluxBorderBeam, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreadcrumb_default as FluxBreadcrumb, FluxBreadcrumbItem_default as FluxBreadcrumbItem, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarItem_default as FluxCalendarItem, 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, FluxFormCheckbox_default as FluxFormCheckbox, FluxFormCheckboxGroup_default as FluxFormCheckboxGroup, 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, FluxFormNumberInput_default as FluxFormNumberInput, FluxFormPinInput_default as FluxFormPinInput, FluxFormRadio_default as FluxFormRadio, FluxFormRadioGroup_default as FluxFormRadioGroup, 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, FluxSkeleton_default as FluxSkeleton, 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, useFormCheckboxGroupInjection_default as useFormCheckboxGroupInjection, useFormFieldInjection_default as useFormFieldInjection, useFormRadioGroupInjection_default as useFormRadioGroupInjection, useKanbanInjection_default as useKanbanInjection, useSegmentedControlInjection_default as useSegmentedControlInjection, useTabBarInjection_default as useTabBarInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
 
 //# sourceMappingURL=index.js.map