@flux-ui/components 3.0.0-next.67 → 3.0.0-next.68

package/dist/index.js

@@ -2369,7 +2369,7 @@ function useTooltipInjection_default() {
 	return inject(FluxTooltipInjectionKey, { calculate: () => void 0 });
 }
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+utils@3.30.0/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.33.0/node_modules/@basmilius/utils/dist/index.mjs
 function t$1(e, t) {
 	return Math.round(e / t) * t;
 }
@@ -2379,21 +2379,21 @@ function n$1(e, n, r, i) {
 function r$1(e) {
 	return e.toString().split(`.`)[1]?.length ?? 0;
 }
-function p$5(e, t = 0) {
+function p$4(e, t = 0) {
 	let n = typeof navigator < `u` ? navigator.language : `nl-NL`;
 	return new Intl.NumberFormat(n, {
 		maximumFractionDigits: t,
 		minimumFractionDigits: t
 	}).format(e);
 }
-function m$3(e) {
+function m$2(e) {
 	return new Intl.NumberFormat(navigator.language, {
 		maximumFractionDigits: 1,
 		minimumFractionDigits: 0,
 		style: `percent`
 	}).format(e);
 }
-function g$2(e, t, n = 5, r) {
+function g$1(e, t, n = 5, r) {
 	let i = [
 		1,
 		5,
@@ -2424,7 +2424,7 @@ function g$2(e, t, n = 5, r) {
 	for (let t = 0; t < o; t += c) l.push(t + e);
 	return l;
 }
-function x$4(e) {
+function x$3(e) {
 	let t = {};
 	do {
 		if (e.name === ``) break;
@@ -2436,7 +2436,7 @@ function x$4(e) {
 	} while (e = Object.getPrototypeOf(e));
 	return t;
 }
-function j$3(e) {
+function j$2(e) {
 	let t = parseInt(e.startsWith(`#`) ? e.substring(1) : e, 16);
 	return [
 		t >> 16 & 255,
@@ -2515,7 +2515,7 @@ function L$2(e, t, n) {
 function R$2(e) {
 	return globalThis.document ? e instanceof HTMLElement : !1;
 }
-function V$2(e) {
+function V$1(e) {
 	let t = new Uint32Array(1);
 	t[0] = e;
 	function n() {
@@ -2526,7 +2526,7 @@ function V$2(e) {
 		return n() * (t - e) + e;
 	}
 	function i() {
-		return V$2(n() * 2 ** 32);
+		return V$1(n() * 2 ** 32);
 	}
 	return {
 		fork: i,
@@ -2534,13 +2534,13 @@ function V$2(e) {
 		nextBetween: r
 	};
 }
-function W$2(e, t, n) {
+function W$1(e, t, n) {
 	return `#${e.toString(16).padStart(2, `0`)}${t.toString(16).padStart(2, `0`)}${n.toString(16).padStart(2, `0`)}`;
 }
-function G$3(e, t, n) {
+function G$2(e, t, n) {
 	e.prototype[t] = n;
 }
-function K$3(e, t, n) {
+function K$2(e, t, n) {
 	Object.defineProperty(e, t, { value: n });
 }
 var Z$1 = `—`;
@@ -3369,15 +3369,15 @@ var o$2 = [
 function s$1(e) {
 	return Array.from(e.querySelectorAll(o$2)).filter(R$2).filter((e) => e.offsetWidth > 0 || e.offsetHeight > 0 || e === document.activeElement);
 }
-function c$3(e, t, n) {
+function c$2(e, t, n) {
 	let r = s$1(e), i = r.indexOf(t);
 	if (i === -1) return null;
-	let a = d$2(r);
-	l$2(a, i, n);
-	let o = u$2(i, n, a, r);
+	let a = d$1(r);
+	l$1(a, i, n);
+	let o = u$1(i, n, a, r);
 	return o || ((n === `up` || n === `left`) && (o = r[i - 1]), (n === `down` || n === `right`) && (o = r[i + 1])), o;
 }
-function l$2(e, t, n) {
+function l$1(e, t, n) {
 	let r = e[t];
 	e.forEach((e) => {
 		let t = e.center;
@@ -3410,7 +3410,7 @@ function l$2(e, t, n) {
 		e.distance = Math.sqrt((r.center.x - t.x) ** 2 + (r.center.y - t.y) ** 2);
 	});
 }
-function u$2(e, t, n, r) {
+function u$1(e, t, n, r) {
 	let i = n[e], a = [];
 	switch (t) {
 		case `up`:
@@ -3429,7 +3429,7 @@ function u$2(e, t, n, r) {
 	let o = a.indexOf(Math.min(...a));
 	return a[o] === 2 ** 53 - 1 ? null : r[o];
 }
-function d$2(e) {
+function d$1(e) {
 	return e.map((e) => e.getBoundingClientRect()).map((e) => ({
 		height: e.height,
 		width: e.width,
@@ -3444,36 +3444,36 @@ function d$2(e) {
 		distance: 0
 	}));
 }
-function f$4(e) {
+function f$3(e) {
 	let t = `UnknownComponent`;
 	return e.type && e.type.__name && (t = e.type.__name), t;
 }
-function p$4(e) {
+function p$3(e) {
 	return Object.fromEntries(Object.entries(e.props ?? {}).map(([e, t]) => [camelCase(e), t]));
 }
-function m$2(e, t) {
+function m$1(e, t) {
 	if (!e.exposed || !(t in e.exposed)) throw Error(`'${t}' was not exposed by the component.`);
 	return e.exposed[t];
 }
-function h$3(e, t, r = void 0) {
+function h$2(e, t, r = void 0) {
 	let i = s$1(e), a = r || document.activeElement;
 	return !a || !R$2(a) ? i[0] || void 0 : i[i.indexOf(a) + t] || void 0;
 }
-function _$3(e) {
+function _$2(e) {
 	let r = unref(e);
 	return R$2(r) ? r : r?.$el;
 }
-function v$3(...e) {
+function v$2(...e) {
 	console.warn(`[Flux]`, ...e);
 }
-function y$3(e, t, n = !1) {
-	let r = b$3(e), i = t.compareDocumentPosition(e), a;
+function y$2(e, t, n = !1) {
+	let r = b$2(e), i = t.compareDocumentPosition(e), a;
 	a = i && Node.DOCUMENT_POSITION_PRECEDING || n ? r.firstChild() : r.lastChild(), (a === null ? e : a).focus();
 }
-function b$3(e) {
+function b$2(e) {
 	return document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => e.tabIndex >= 0 && !e.disabled ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP });
 }
-var x$3 = new class {
+var x$2 = new class {
 	get active() {
 		return this.current?.isEnabled ?? !1;
 	}
@@ -3505,7 +3505,7 @@ var x$3 = new class {
 	toggle(e, t) {
 		e.setEnabled(t), e.isEnabled = t;
 	}
-}(), S$3 = !globalThis.document;
+}(), S$2 = !globalThis.document;
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/parseNumber.js
 var parseNumber = (color, len) => {
@@ -3711,12 +3711,12 @@ var num_per = `(?:${num$1}%|${num$1})`;
 var num_per_none = `(?:${num$1}%|${num$1}|none)`;
 var hue$1 = `(?:${num$1}(deg|grad|rad|turn)|${num$1})`;
 `${num$1}${num$1}`;
-var c$2 = `\\s*,\\s*`;
+var c$1 = `\\s*,\\s*`;
 new RegExp("^" + num_per_none + "$");
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/rgb/parseRgbLegacy.js
-var rgb_num_old = new RegExp(`^rgba?\\(\\s*${num$1}${c$2}${num$1}${c$2}${num$1}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
-var rgb_per_old = new RegExp(`^rgba?\\(\\s*${per}${c$2}${per}${c$2}${per}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
+var rgb_num_old = new RegExp(`^rgba?\\(\\s*${num$1}${c$1}${num$1}${c$1}${num$1}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
+var rgb_per_old = new RegExp(`^rgba?\\(\\s*${per}${c$1}${per}${c$1}${per}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
 var parseRgbLegacy = (color) => {
 	let res = { mode: "rgb" };
 	let match;
@@ -4418,7 +4418,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$6 = Math.pow(29, 3) / Math.pow(3, 3);
+var k$5 = 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
@@ -4436,7 +4436,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$6;
+var fn$2 = (v) => Math.pow(v, 3) > e$3 ? Math.pow(v, 3) : (116 * v - 16) / k$5;
 var convertLab65ToXyz65 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -4458,14 +4458,14 @@ 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$3 = (value) => value > e$3 ? Math.cbrt(value) : (k$6 * value + 16) / 116;
+var f$2 = (value) => value > e$3 ? Math.cbrt(value) : (k$5 * value + 16) / 116;
 var convertXyz65ToLab65 = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
 	if (z === void 0) z = 0;
-	let f0 = f$3(x / D65.X);
-	let f1 = f$3(y / D65.Y);
-	let f2 = f$3(z / D65.Z);
+	let f0 = f$2(x / D65.X);
+	let f1 = f$2(y / D65.Y);
+	let f2 = f$2(z / D65.Z);
 	let res = {
 		mode: "lab65",
 		l: 116 * f1 - 16,
@@ -4801,7 +4801,7 @@ var hueToDeg = (val, unit) => {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/hsl/parseHslLegacy.js
-var hsl_old = new RegExp(`^hsla?\\(\\s*${hue$1}${c$2}${per}${c$2}${per}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
+var hsl_old = new RegExp(`^hsla?\\(\\s*${hue$1}${c$1}${per}${c$1}${per}\\s*(?:,\\s*${num_per}\\s*)?\\)$`);
 var parseHslLegacy = (color) => {
 	let match = color.match(hsl_old);
 	if (!match) return;
@@ -5151,12 +5151,12 @@ var definition$18 = {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jab/convertXyz65ToJab.js
-var p$3 = 134.03437499999998;
+var p$2 = 134.03437499999998;
 var d0$1 = 16295499532821565e-27;
 var jabPqEncode = (v) => {
 	if (v < 0) return 0;
 	let vn = Math.pow(v / 1e4, M1);
-	return Math.pow((C1 + C2 * vn) / (1 + C3 * vn), p$3);
+	return Math.pow((C1 + C2 * vn) / (1 + C3 * vn), p$2);
 };
 var abs = (v = 0) => Math.max(v * 203, 0);
 var convertXyz65ToJab = ({ x, y, z, alpha }) => {
@@ -5180,11 +5180,11 @@ var convertXyz65ToJab = ({ x, y, z, alpha }) => {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/jab/convertJabToXyz65.js
-var p$2 = 134.03437499999998;
+var p$1 = 134.03437499999998;
 var d0 = 16295499532821565e-27;
 var jabPqDecode = (v) => {
 	if (v < 0) return 0;
-	let vp = Math.pow(v, 1 / p$2);
+	let vp = Math.pow(v, 1 / p$1);
 	return 1e4 * Math.pow((C1 - vp) / (C3 * vp - C2), 1 / M1);
 };
 var rel = (v) => v / 203;
@@ -5320,11 +5320,11 @@ var definition$16 = {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/xyz50/constants.js
-var k$4 = Math.pow(29, 3) / Math.pow(3, 3);
+var k$3 = 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$4;
+var fn$1 = (v) => Math.pow(v, 3) > e$1 ? Math.pow(v, 3) : (116 * v - 16) / k$3;
 var convertLabToXyz50 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -5373,14 +5373,14 @@ var convertRgbToXyz50 = (rgb) => {
 };
 //#endregion
 //#region ../../node_modules/.bun/culori@4.0.2/node_modules/culori/src/lab/convertXyz50ToLab.js
-var f$2 = (value) => value > e$1 ? Math.cbrt(value) : (k$4 * value + 16) / 116;
+var f$1 = (value) => value > e$1 ? Math.cbrt(value) : (k$3 * value + 16) / 116;
 var convertXyz50ToLab = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
 	if (z === void 0) z = 0;
-	let f0 = f$2(x / D50.X);
-	let f1 = f$2(y / D50.Y);
-	let f2 = f$2(z / D50.Z);
+	let f0 = f$1(x / D50.X);
+	let f1 = f$1(y / D50.Y);
+	let f2 = f$1(z / D50.Z);
 	let res = {
 		mode: "lab",
 		l: 116 * f1 - 16,
@@ -5579,7 +5579,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$4 * value : 116 * Math.cbrt(value) - 16;
+var l_fn = (value) => value <= e$1 ? k$3 * value : 116 * Math.cbrt(value) - 16;
 var convertXyz50ToLuv = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
@@ -5619,7 +5619,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$4 : Math.pow((l + 16) / 116, 3));
+	let y = D50.Y * (l <= 8 ? l / k$3 : Math.pow((l + 16) / 116, 3));
 	let res = {
 		mode: "xyz50",
 		x: y * (9 * up) / (4 * vp),
@@ -6588,304 +6588,514 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.30.0+638c9d1214a588db/node_modules/@basmilius/http-client/dist/index.mjs
-function c$1(e) {
-	return class extends e {
-		constructor(...e) {
-			throw Error(`@adapter: cannot create instance of class.`);
+//#region ../../node_modules/.bun/@basmilius+http-client@3.33.0+ceec7979b6f4ef20/node_modules/@basmilius/http-client/dist/index.mjs
+function adapter_default(Parent) {
+	return class extends Parent {
+		constructor(...args) {
+			throw new Error("@adapter: cannot create instance of class.");
 		}
 	};
 }
-function ne$1(e, t) {
-	return e === t ? !0 : e === t;
+/**
+* Checks if the two given values are equal. When both values are a
+* dto, the check is done by firstly converthing them to JSON.
+*/
+function areEqual_default(a, b) {
+	if (a === b) return true;
+	return a === b;
 }
-var l$1 = Symbol(), u$1 = Symbol(), d$1 = Symbol(), f$1 = Symbol(), p$1 = Symbol(), m$1 = Symbol(), h$2 = Symbol(), g$1 = Symbol(), _$2 = Symbol(), re$1 = Symbol(), ie$2 = Symbol();
-function v$2(e) {
-	return e && typeof e == `object` && !!e[p$1];
+var ARGS = Symbol();
+var CHILDREN = Symbol();
+var DESCRIPTORS = Symbol();
+var DIRTY = Symbol();
+var NAME = Symbol();
+var PARENT = Symbol();
+var PARENT_KEY = Symbol();
+var PROPERTIES = Symbol();
+var PROXY = Symbol();
+var TRACK = Symbol();
+var TRIGGER = Symbol();
+/**
+* Checks if the given object is a dto.
+*/
+function isDto_default(obj) {
+	return obj && typeof obj === "object" && !!obj[NAME];
 }
-function y$2(e) {
-	if (!v$2(e)) throw Error(`@dto assert given object is not a class decorated with @Dto.`);
+/**
+* Asserts that the given object is a dto.
+*/
+function assertDto_default(obj) {
+	if (!isDto_default(obj)) throw new Error("@dto assert given object is not a class decorated with @Dto.");
 }
-var ae$2 = Symbol();
-function b$2(e, t = 0, n) {
-	return function(...r) {
-		let i = e[ae$2] ??= /* @__PURE__ */ new WeakMap(), a = r[t], o = n === void 0 ? `self` : r[n];
-		if (typeof a != `object` || !a) return e.call(this, ...r);
-		i.has(a) || i.set(a, []);
-		let s = i.get(a);
-		if (!s.includes(o)) {
-			s.push(o);
-			try {
-				return e.call(this, ...r);
-			} finally {
-				let e = s.lastIndexOf(o);
-				e !== -1 && s.splice(e, 1), s.length === 0 && i.delete(a);
-			}
+var CIRCULAR_MAP = Symbol();
+function circularProtect_default(fn, arg1 = 0, arg2) {
+	return function(...args) {
+		const map = fn[CIRCULAR_MAP] ??= /* @__PURE__ */ new WeakMap();
+		const primary = args[arg1];
+		const secondary = arg2 !== void 0 ? args[arg2] : "self";
+		if (typeof primary !== "object" || primary === null) return fn.call(this, ...args);
+		if (!map.has(primary)) map.set(primary, []);
+		const visited = map.get(primary);
+		if (visited.includes(secondary)) return;
+		visited.push(secondary);
+		try {
+			return fn.call(this, ...args);
+		} finally {
+			const index = visited.lastIndexOf(secondary);
+			if (index !== -1) visited.splice(index, 1);
+			if (visited.length === 0) map.delete(primary);
 		}
 	};
 }
-function x$2(e) {
-	return y$2(e), e[f$1];
+/**
+* Checks if the given dto is dirty.
+*/
+function isDtoDirty_default(obj) {
+	assertDto_default(obj);
+	return obj[DIRTY];
 }
-var S$2 = b$2(function(e, t, n, r) {
-	let i = e[ie$2];
-	i(e, t, n, r), e[m$1] && S$2(e[m$1], e[h$2], e[m$1][e[h$2]]);
-}, 0, 1), C$2 = b$2(function(e) {
-	y$2(e), e[f$1] && (e[f$1] = !1, S$2(e, f$1, !1, !0)), !(!e[u$1] || e[u$1].length === 0) && e[u$1].filter(x$2).forEach(C$2);
+/**
+* Trigger for when a dto property is being updated.
+*/
+var triggerDto = circularProtect_default(function(dto, key, value, oldValue) {
+	const trigger = dto[TRIGGER];
+	trigger(dto, key, value, oldValue);
+	dto[PARENT] && triggerDto(dto[PARENT], dto[PARENT_KEY], dto[PARENT][dto[PARENT_KEY]]);
+}, 0, 1);
+/**
+* Marks the given dto clean.
+*/
+var markDtoClean = circularProtect_default(function(obj) {
+	assertDto_default(obj);
+	if (obj[DIRTY]) {
+		obj[DIRTY] = false;
+		triggerDto(obj, DIRTY, false, true);
+	}
+	if (!obj[CHILDREN] || obj[CHILDREN].length === 0) return;
+	obj[CHILDREN].filter(isDtoDirty_default).forEach(markDtoClean);
 });
-var w$2 = b$2(function(e, t) {
-	y$2(e), e[f$1] || (e[f$1] = !0, S$2(e, f$1, !0, !1)), e[m$1] && w$2(e[m$1], e[h$2]);
+/**
+* Marks the given dto dirty.
+*/
+var markDtoDirty = circularProtect_default(function(obj, key) {
+	assertDto_default(obj);
+	if (!obj[DIRTY]) {
+		obj[DIRTY] = true;
+		triggerDto(obj, DIRTY, true, false);
+	}
+	if (!obj[PARENT]) return;
+	markDtoDirty(obj[PARENT], obj[PARENT_KEY]);
 });
-function T$2(e, t, n) {
-	t[u$1] ??= [], !t[u$1].includes(e) && t[u$1].push(e), e[m$1] !== t && (e[m$1] = t), e[h$2] !== n && (e[h$2] = n);
+/**
+* Creates a parent-child relationship between the given two dtos.
+*/
+function relateDtoTo_default(dto, parent, key) {
+	parent[CHILDREN] ??= [];
+	!parent[CHILDREN].includes(dto) && parent[CHILDREN].push(dto);
+	dto[PARENT] !== parent && (dto[PARENT] = parent);
+	dto[PARENT_KEY] !== key && (dto[PARENT_KEY] = key);
 }
-function E$2(e, t, n) {
-	if (v$2(n)) T$2(n, e, t);
-	else if (Array.isArray(n)) {
-		for (let r of n) v$2(r) && T$2(r, e, t);
-		n[m$1] = e, n[h$2] = t;
+/**
+* Creates relationships between the given value and dto.
+*/
+function relateValueTo_default(dto, key, value) {
+	if (isDto_default(value)) relateDtoTo_default(value, dto, key);
+	else if (Array.isArray(value)) {
+		for (const item of value) {
+			if (!isDto_default(item)) continue;
+			relateDtoTo_default(item, dto, key);
+		}
+		value[PARENT] = dto;
+		value[PARENT_KEY] = key;
 	}
 }
-function le$1(e, t) {
-	let n = e[re$1];
-	n(e, t);
+/**
+* Tracking for when a dto property is being accessed.
+*/
+function trackDto(dto, key) {
+	const track = dto[TRACK];
+	track(dto, key);
 }
-function D$2(e, t) {
-	if (u$1 in t) {
-		let n = t[u$1].indexOf(e);
-		n !== -1 && t[u$1].splice(n, 1);
+/**
+* Removes a parent-child relationship between the given two dtos.
+*/
+function unrelateDtoFrom_default(dto, parent) {
+	if (CHILDREN in parent) {
+		const index = parent[CHILDREN].indexOf(dto);
+		if (index !== -1) parent[CHILDREN].splice(index, 1);
 	}
-	e[m$1] = void 0, e[h$2] = void 0;
+	dto[PARENT] = void 0;
+	dto[PARENT_KEY] = void 0;
 }
-function ue$1(e, t) {
-	if (v$2(t)) D$2(t, e);
-	else if (Array.isArray(t)) {
-		for (let n of t) v$2(n) && D$2(n, e);
-		t[m$1] = void 0, t[h$2] = void 0;
+/**
+* Removes relationships between the given value and dto.
+*/
+function unrelateValueFrom_default(dto, value) {
+	if (isDto_default(value)) unrelateDtoFrom_default(value, dto);
+	else if (Array.isArray(value)) {
+		for (const item of value) if (isDto_default(item)) unrelateDtoFrom_default(item, dto);
+		value[PARENT] = void 0;
+		value[PARENT_KEY] = void 0;
 	}
 }
-var O$2 = {};
-var k$3 = {
-	deleteProperty(e, t) {
-		if (Reflect.deleteProperty(e, t), A$2(e, t)) return !0;
-		let n = e[m$1];
-		return n && S$2(n, e[h$2], n[e[h$2]]), n && w$2(n, e[h$2]), !0;
+var DTO_CLASS_MAP = {};
+var arrayProxy_default = {
+	/**
+	* Trap for when a property is deleted from the target. This
+	* will mark the parent dto as dirty and trigger an update.
+	*/
+	deleteProperty(target, key) {
+		Reflect.deleteProperty(target, key);
+		if (ignored(target, key)) return true;
+		const dto = target[PARENT];
+		dto && triggerDto(dto, target[PARENT_KEY], dto[target[PARENT_KEY]]);
+		dto && markDtoDirty(dto, target[PARENT_KEY]);
+		return true;
 	},
-	get(e, t, n) {
-		if (t === _$2) return !0;
-		if (A$2(e, t)) return Reflect.get(e, t, n);
-		let r = e[m$1];
-		return r && le$1(r, e[h$2]), Reflect.get(e, t);
+	/**
+	* Trap for when a property of the target is being accessed. The
+	* property access is being tracked for further updates.
+	*/
+	get(target, key, receiver) {
+		if (key === PROXY) return true;
+		if (ignored(target, key)) return Reflect.get(target, key, receiver);
+		const dto = target[PARENT];
+		dto && trackDto(dto, target[PARENT_KEY]);
+		return Reflect.get(target, key);
 	},
-	set(e, t, n, r) {
-		if (A$2(e, t)) return Reflect.set(e, t, n, r);
-		let i = e[m$1];
-		return i && S$2(i, e[h$2], i[e[h$2]]), i && w$2(i, e[h$2]), Reflect.set(e, t, n);
+	/**
+	* Trap for when a property of the target is being updated. This
+	* will mark the parent dto as dirty and trigger an update.
+	*/
+	set(target, key, value, receiver) {
+		if (ignored(target, key)) return Reflect.set(target, key, value, receiver);
+		const dto = target[PARENT];
+		dto && triggerDto(dto, target[PARENT_KEY], dto[target[PARENT_KEY]]);
+		dto && markDtoDirty(dto, target[PARENT_KEY]);
+		return Reflect.set(target, key, value);
 	}
 };
-function A$2(e, t) {
-	return typeof t == `symbol` || typeof e[t] == `function` || t === `length`;
+/**
+* Checks if the given key should be ignored by the proxy.
+*/
+function ignored(target, key) {
+	return typeof key === "symbol" || typeof target[key] === "function" || key === "length";
 }
-var de$2 = {
-	get(e, t, n) {
-		if (t === _$2) return !0;
-		if (typeof t == `symbol`) return Reflect.get(e, t, n);
-		let r = e[d$1][t];
-		if (!r || !r.get) return Reflect.get(e, t, n);
-		let i = r.get.call(e);
-		return le$1(e, t), E$2(e, t, i), i;
+var instanceProxy_default = {
+	/**
+	* Trap for when a dto property is being accessed. The property
+	* access is being tracked for further updates. If the dto has
+	* any child dtos, a relationship will be added between them.
+	*/
+	get(target, key, receiver) {
+		if (key === PROXY) return true;
+		if (typeof key === "symbol") return Reflect.get(target, key, receiver);
+		const descriptor = target[DESCRIPTORS][key];
+		if (!descriptor || !descriptor.get) return Reflect.get(target, key, receiver);
+		const value = descriptor.get.call(target);
+		trackDto(target, key);
+		relateValueTo_default(target, key, value);
+		return value;
 	},
-	getOwnPropertyDescriptor(e, t) {
-		return e[d$1][t];
+	/**
+	* Trap for when a descriptor of a dto property is requested.
+	*/
+	getOwnPropertyDescriptor(target, key) {
+		return target[DESCRIPTORS][key];
 	},
-	ownKeys(e) {
-		return e[g$1];
+	/**
+	* Trap for when the keys of a dto are requested.
+	*/
+	ownKeys(target) {
+		return target[PROPERTIES];
 	},
-	set(e, t, n, r) {
-		if (typeof t == `symbol`) return Reflect.set(e, t, n, r);
-		let i = e[d$1][t];
-		if (!i || !i.set) return Reflect.set(e, t, n, r);
-		let a = i.get?.call(e) ?? void 0;
-		return ne$1(n, a) ? !0 : (ue$1(e, a), Array.isArray(n) && !n[_$2] && (n = new Proxy(n, k$3)), i.set.call(e, n), E$2(e, t, n), w$2(e, t), S$2(e, t, n, a), !0);
-	}
-}, fe$1 = {
-	get(e, t, n) {
-		return t === `__v_isRef` ? !1 : t === _$2 ? !0 : t in e ? Reflect.get(e, t, n) : Reflect.get(e.value, t);
+	/**
+	* Trap for when a dto property is being updated. This will
+	* mark the dto dirty and trigger an update. If an array is
+	* passed, that array will be made reactive as well.
+	*/
+	set(target, key, value, receiver) {
+		if (typeof key === "symbol") return Reflect.set(target, key, value, receiver);
+		const descriptor = target[DESCRIPTORS][key];
+		if (!descriptor || !descriptor.set) return Reflect.set(target, key, value, receiver);
+		const oldValue = descriptor.get?.call(target) ?? void 0;
+		if (areEqual_default(value, oldValue)) return true;
+		unrelateValueFrom_default(target, oldValue);
+		if (Array.isArray(value) && !value[PROXY]) value = new Proxy(value, arrayProxy_default);
+		descriptor.set.call(target, value);
+		relateValueTo_default(target, key, value);
+		markDtoDirty(target, key);
+		triggerDto(target, key, value, oldValue);
+		return true;
+	}
+};
+var refProxy_default = {
+	/**
+	* Trap for when a ref property is being accessed. The property
+	* access is being tracked for further updates. If the requested
+	* property is not a part of {Ref}, the get is proxied to the
+	* underlying dto instance.
+	*
+	* A little trick with __v_isRef is done here, all the features
+	* of refs are used by our dto, but we don't want Vue to treat
+	* it as a ref. We return false here to trick Vue.
+	*/
+	get(target, key, receiver) {
+		if (key === "__v_isRef") return false;
+		if (key === PROXY) return true;
+		if (key in target) return Reflect.get(target, key, receiver);
+		return Reflect.get(target.value, key);
 	},
-	getOwnPropertyDescriptor(e, t) {
-		return Reflect.getOwnPropertyDescriptor(e.value, t);
+	/**
+	* Trap for when a descriptor of a property is requested, that
+	* request is proxied to the underlying dto.
+	*/
+	getOwnPropertyDescriptor(target, key) {
+		return Reflect.getOwnPropertyDescriptor(target.value, key);
 	},
-	ownKeys(e) {
-		return Reflect.ownKeys(e.value);
+	/**
+	* Trap for when the keys of the ref are requested, that request
+	* is proxied to the underlying dto.
+	*/
+	ownKeys(target) {
+		return Reflect.ownKeys(target.value);
 	},
-	set(e, t, n, r) {
-		return t in e ? Reflect.set(e, t, n, r) : Reflect.set(e.value, t, n);
-	}
-}, pe$1 = { construct(e, t, n) {
-	t = t.map((e) => Array.isArray(e) ? new Proxy(e, k$3) : e);
-	let r = customRef((r, i) => {
-		let a = markRaw(Reflect.construct(e, t, n));
-		a[l$1] = t, a[f$1] = !1, a[re$1] = r, a[ie$2] = i;
-		let s = new Proxy(a, de$2);
+	/**
+	* Trap for when a ref property is being updated. If the property
+	* is not part of {Ref}, the set is proxied to the underlying dto
+	* instance. In that proxy, the dto will be marked dirty and an
+	* update is triggered.
+	*/
+	set(target, key, value, receiver) {
+		if (key in target) return Reflect.set(target, key, value, receiver);
+		return Reflect.set(target.value, key, value);
+	}
+};
+var classProxy_default = { 
+/**
+* Trap for when a dto is being constructed. Reactivity is provided
+* to all arguments and a proxied custom ref is returned that references
+* the actual dto instance.
+*/
+construct(target, argsArray, newTarget) {
+	argsArray = argsArray.map((arg) => {
+		if (!Array.isArray(arg)) return arg;
+		return new Proxy(arg, arrayProxy_default);
+	});
+	const ref = customRef((track, trigger) => {
+		const instance = markRaw(Reflect.construct(target, argsArray, newTarget));
+		instance[ARGS] = argsArray;
+		instance[DIRTY] = false;
+		instance[TRACK] = track;
+		instance[TRIGGER] = trigger;
+		const proxied = new Proxy(instance, instanceProxy_default);
 		return {
-			get: () => (r(), s),
+			get: () => {
+				track();
+				return proxied;
+			},
 			set: () => void 0
 		};
 	});
-	return new Proxy(r, fe$1);
+	return new Proxy(ref, refProxy_default);
 } };
-function me$1() {
-	let e = this;
-	y$2(e);
-	let t = O$2[e[p$1]], n = new t(...e[l$1]);
-	for (let [e, t] of Object.entries(this[d$1])) t.set && (n[e] = v$2(this[e]) ? this[e].clone() : this[e]);
-	return n;
+/**
+* Returns a clone of the dto.
+*/
+function clone_default() {
+	const instance = this;
+	assertDto_default(instance);
+	const clazz = DTO_CLASS_MAP[instance[NAME]];
+	const clone = new clazz(...instance[ARGS]);
+	for (const [key, descriptor] of Object.entries(this[DESCRIPTORS])) {
+		if (!descriptor.set) continue;
+		clone[key] = isDto_default(this[key]) ? this[key].clone() : this[key];
+	}
+	return clone;
 }
-function he$2(e) {
-	for (let t in e) {
-		let n = this[d$1][t];
-		v$2(this[t]) && typeof e[t] == `object` ? this[t].fill(e[t]) : n && n.set && (this[t] = e[t]);
+/**
+* Fills the dto with the given data.
+*/
+function fill_default(data) {
+	for (let key in data) {
+		const descriptor = this[DESCRIPTORS][key];
+		if (isDto_default(this[key]) && typeof data[key] === "object") this[key].fill(data[key]);
+		else if (descriptor && descriptor.set) this[key] = data[key];
 	}
 }
-function ge$2() {
-	let e = {};
-	for (let t of this[g$1]) {
-		let n = this[t];
-		v$2(n) && (n = n.toJSON()), e[t] = n;
+/**
+* Returns the json object representation of the dto.
+*/
+function toJSON_default() {
+	const result = {};
+	for (const property of this[PROPERTIES]) {
+		let value = this[property];
+		if (isDto_default(value)) value = value.toJSON();
+		result[property] = value;
 	}
-	return e;
+	return result;
 }
-function j$2(e) {
-	ve$1(e);
-	let t = Object.freeze(x$4(e)), a = Object.keys(t);
-	return K$3(e.prototype, d$1, t), K$3(e.prototype, p$1, e.name), K$3(e.prototype, g$1, a), K$3(e, Symbol.hasInstance, (t) => typeof t == `object` && t?.[p$1] === e.name), G$3(e, `clone`, me$1), G$3(e, `fill`, he$2), G$3(e, `toJSON`, ge$2), _e$2(e);
+/**
+* Provides reactivity to the decorated class.
+*/
+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);
+	G$2(clazz, "clone", clone_default);
+	G$2(clazz, "fill", fill_default);
+	G$2(clazz, "toJSON", toJSON_default);
+	return proxy(clazz);
 }
-function _e$2(e) {
-	let t = new Proxy(e, pe$1);
-	return O$2[e.name] = t, t;
+function proxy(clazz) {
+	const proxied = new Proxy(clazz, classProxy_default);
+	DTO_CLASS_MAP[clazz.name] = proxied;
+	return proxied;
 }
-function ve$1(e) {
-	let t = Object.getPrototypeOf(e.prototype);
-	if (p$1 in t) throw Error(`⛔️ @dto ${e.name} cannot extend parent class which is also decorated with @dto ${t[p$1]}.`);
+function validate(clazz) {
+	const parent = Object.getPrototypeOf(clazz.prototype);
+	if (NAME in parent) throw new Error(`⛔️ @dto ${clazz.name} cannot extend parent class which is also decorated with @dto ${parent[NAME]}.`);
 }
-function B$1(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == `object` && typeof Reflect.decorate == `function`) a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-var V$1 = class {
+var BlobResponse = class BlobResponse {
 	get blob() {
-		return this.#e;
+		return this.#blob;
 	}
 	get name() {
-		return this.#t;
+		return this.#name;
 	}
-	#e;
-	#t;
-	constructor(e, t) {
-		this.#e = e, this.#t = t;
+	#blob;
+	#name;
+	constructor(blob, name) {
+		this.#blob = blob;
+		this.#name = name;
 	}
 };
-V$1 = B$1([j$2], V$1);
-var U$1 = class {
+BlobResponse = __decorate([dto_default], BlobResponse);
+var Paginated = class Paginated {
 	get items() {
-		return this.#e;
+		return this.#items;
 	}
 	get page() {
-		return this.#t;
+		return this.#page;
 	}
 	get pageSize() {
-		return this.#n;
+		return this.#pageSize;
 	}
 	get pages() {
-		return this.#r;
+		return this.#pages;
 	}
 	get total() {
-		return this.#i;
-	}
-	#e;
-	#t;
-	#n;
-	#r;
-	#i;
-	constructor(e, t, n, r, i) {
-		this.#e = e, this.#t = t, this.#n = n, this.#r = r, this.#i = i;
+		return this.#total;
+	}
+	#items;
+	#page;
+	#pageSize;
+	#pages;
+	#total;
+	constructor(items, page, pageSize, pages, total) {
+		this.#items = items;
+		this.#page = page;
+		this.#pageSize = pageSize;
+		this.#pages = pages;
+		this.#total = total;
 	}
 };
-U$1 = B$1([j$2], U$1);
-var W$1 = U$1;
-var G$2 = class {
+Paginated = __decorate([dto_default], Paginated);
+var Paginated_default = Paginated;
+var RequestError = class RequestError {
 	get code() {
-		return this.#e;
+		return this.#code;
 	}
 	get error() {
-		return this.#t;
+		return this.#error;
 	}
 	get errorDescription() {
-		return this.#n;
+		return this.#errorDescription;
 	}
 	get statusCode() {
-		return this.#r;
-	}
-	#e;
-	#t;
-	#n;
-	#r;
-	constructor(e, t, n, r) {
-		this.#e = e, this.#t = t, this.#n = n, this.#r = r;
+		return this.#statusCode;
+	}
+	#code;
+	#error;
+	#errorDescription;
+	#statusCode;
+	constructor(code, error, errorDescription, statusCode) {
+		this.#code = code;
+		this.#error = error;
+		this.#errorDescription = errorDescription;
+		this.#statusCode = statusCode;
 	}
 };
-G$2 = B$1([j$2], G$2);
-var K$2 = G$2;
-var q$2 = class {
+RequestError = __decorate([dto_default], RequestError);
+var RequestError_default = RequestError;
+var ValidationError = class ValidationError {
 	get code() {
-		return this.#e;
+		return this.#code;
 	}
 	get error() {
-		return this.#t;
+		return this.#error;
 	}
 	get errorDescription() {
-		return this.#n;
+		return this.#errorDescription;
 	}
 	get errors() {
-		return this.#r;
+		return this.#errors;
 	}
 	get params() {
-		return this.#i;
-	}
-	#e;
-	#t;
-	#n;
-	#r;
-	#i;
-	constructor(e, t, n, r, i) {
-		this.#e = e, this.#t = t, this.#n = n, this.#r = r, this.#i = i;
+		return this.#params;
+	}
+	#code;
+	#error;
+	#errorDescription;
+	#errors;
+	#params;
+	constructor(code, error, errorDescription, errors, params) {
+		this.#code = code;
+		this.#error = error;
+		this.#errorDescription = errorDescription;
+		this.#errors = errors;
+		this.#params = params;
 	}
 };
-q$2 = B$1([j$2], q$2);
-var J$1 = q$2, Y$2;
-var X$2 = Y$2 = class {
-	static parsePaginatedAdapter(e, t) {
-		return new W$1(e.items.map(t), e.page, e.page_size, e.pages, e.total);
-	}
-	static parseFileNameFromContentDispositionHeader(t) {
-		let n = `download-${DateTime.now().toFormat(`yyyy-MM-dd HH-mm-ss`)}`;
-		if (!t.startsWith(`attachment`)) return n;
-		let r = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(t);
-		return (r?.length || 0) < 2 ? n : r[1].replaceAll(`'`, ``).replaceAll(`"`, ``).replaceAll(`/`, `-`).replaceAll(`:`, `-`);
-	}
-	static parseRequestError(e, t) {
-		return new K$2(e.code, e.error, e.error_description, t);
-	}
-	static parseValidationError(e) {
-		let t;
-		return e.errors && (t = {}, Object.entries(e.errors).forEach(([e, n]) => {
-			t[e] = Y$2.parseValidationError(n);
-		})), new J$1(e.code, e.error, e.error_description, t, e.params);
+ValidationError = __decorate([dto_default], ValidationError);
+var ValidationError_default = ValidationError;
+var _HttpAdapter;
+var HttpAdapter = _HttpAdapter = class HttpAdapter {
+	static parsePaginatedAdapter(data, adapterMethod) {
+		return new Paginated_default(data.items.map(adapterMethod), data.page, data.page_size, data.pages, data.total);
+	}
+	static parseFileNameFromContentDispositionHeader(header) {
+		const defaultFilename = `download-${DateTime.now().toFormat("yyyy-MM-dd HH-mm-ss")}`;
+		if (!header.startsWith("attachment")) return defaultFilename;
+		const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(header);
+		if ((matches?.length || 0) < 2) return defaultFilename;
+		return matches[1].replaceAll("'", "").replaceAll("\"", "").replaceAll("/", "-").replaceAll(":", "-");
+	}
+	static parseRequestError(data, statusCode) {
+		return new RequestError_default(data.code, data.error, data.error_description, statusCode);
+	}
+	static parseValidationError(data) {
+		let errors;
+		if (data.errors) {
+			errors = {};
+			Object.entries(data.errors).forEach(([key, value]) => {
+				errors[key] = _HttpAdapter.parseValidationError(value);
+			});
+		}
+		return new ValidationError_default(data.code, data.error, data.error_description, errors, data.params);
 	}
 };
-X$2 = Y$2 = B$1([c$1], X$2);
+HttpAdapter = _HttpAdapter = __decorate([adapter_default], HttpAdapter);
 function G$1(e) {
 	let t = unref(e);
 	return t ? R$2(t) ? t : t.$el ?? null : null;
@@ -7185,7 +7395,7 @@ function D$1(e, t, n, r = { passive: !0 }) {
 function O$1(t, n = {}) {
 	let r = ref(n.initial ?? !1);
 	return watch(t, (i, a, o) => {
-		let s = _$3(t);
+		let s = _$2(t);
 		if (!s) return;
 		let c = new IntersectionObserver((e) => r.value = e[0]?.isIntersecting ?? !1, n);
 		c.observe(s), o(() => c.disconnect());
@@ -7211,7 +7421,7 @@ function k$1(e, t) {
 function A$1(t) {
 	let n = ref(!0), r = ref(!0), i = ref(!0), a = ref(!0);
 	return watch(t, (o, s, c) => {
-		let l = _$3(t);
+		let l = _$2(t);
 		if (!l) return;
 		let u = () => {
 			let { scrollTop: e, scrollHeight: t, clientHeight: o, scrollLeft: s, scrollWidth: c, clientWidth: u } = l;
@@ -7249,11 +7459,11 @@ function j$1(e) {
 var M$1 = 0;
 function N$1(e = !1) {
 	let t = ref(`focus-trap-${++M$1}`), n = ref(!1);
-	return onMounted(() => x$3.add(unref(t), (e) => n.value = e, e)), onUnmounted(() => x$3.remove(unref(t))), n;
+	return onMounted(() => x$2.add(unref(t), (e) => n.value = e, e)), onUnmounted(() => x$2.remove(unref(t))), n;
 }
 function P$1(t, n) {
 	watch(t, (r, i, a) => {
-		if (!_$3(t) || unref(n)) return;
+		if (!_$2(t) || unref(n)) return;
 		let o = document.activeElement;
 		a(() => {
 			requestAnimationFrame(() => o?.focus());
@@ -7261,21 +7471,21 @@ function P$1(t, n) {
 	});
 }
 function F$1(t, r = {}) {
-	if (S$3) return;
+	if (S$2) return;
 	let { disable: a = ref(!1), disableReturn: s = ref(!1), attachTo: c = null } = r, l = N$1(!a);
 	P$1(t, s), watch(t, (r, a, o) => {
-		let s = _$3(t), u = c || document;
-		l.value && s && document.activeElement && !s.contains(document.activeElement) && !s.querySelector(`[autofocus]`) && y$3(s, document.activeElement, !0);
+		let s = _$2(t), u = c || document;
+		l.value && s && document.activeElement && !s.contains(document.activeElement) && !s.querySelector(`[autofocus]`) && y$2(s, document.activeElement, !0);
 		function d(e) {
 			if (!l.value || !s) return;
 			let t = e.target || document.body;
-			s.contains(t) || (e.preventDefault(), e.stopImmediatePropagation(), y$3(s, t));
+			s.contains(t) || (e.preventDefault(), e.stopImmediatePropagation(), y$2(s, t));
 		}
 		function f(e) {
 			if (!l.value || !s) return;
 			(!e.relatedTarget || e.relatedTarget === document.body) && (e.preventDefault(), s.focus());
 			let t = e.target || document.body;
-			s.contains(t) || y$3(s, t);
+			s.contains(t) || y$2(s, t);
 		}
 		if (u.addEventListener(`focusin`, d, { capture: !0 }), u.addEventListener(`focusout`, f, { capture: !0 }), s) {
 			let e = s.querySelector(`[autofocus]`);
@@ -7289,7 +7499,7 @@ function F$1(t, r = {}) {
 			u.removeEventListener(`focusin`, d), u.removeEventListener(`focusout`, f);
 		});
 	}, { immediate: !0 }), watch(() => a, () => {
-		let r = _$3(t);
+		let r = _$2(t);
 		if (l.value = !a, a || !r) return;
 		let i = s$1(r);
 		i.includes(document.activeElement) || i[0]?.focus();
@@ -7339,7 +7549,7 @@ function R$1(e, n, r, i) {
 			break;
 		default: return;
 	}
-	let o = c$3(n, document.activeElement, a);
+	let o = c$2(n, document.activeElement, a);
 	o && i(r.indexOf(o)), e.preventDefault();
 }
 function z$1(e, t, n, r, i, o) {
@@ -7347,7 +7557,7 @@ function z$1(e, t, n, r, i, o) {
 	if (e.key === (r === `horizontal` ? `ArrowLeft` : `ArrowUp`)) s = -1;
 	else if (e.key === (r === `horizontal` ? `ArrowRight` : `ArrowDown`)) s = 1;
 	else return;
-	let c = h$3(t, s);
+	let c = h$2(t, s);
 	c ? o(i.indexOf(c)) : n && o(s === 1 ? 0 : i.length - 1), e.preventDefault();
 }
 //#endregion
@@ -7438,7 +7648,7 @@ var FluxIcon_default = /* @__PURE__ */ defineComponent({
 			if (!__props.name) return null;
 			const icon = iconRegistry[__props.name];
 			if (!icon) {
-				v$3(`Unknown icon: ${__props.name}`);
+				v$2(`Unknown icon: ${__props.name}`);
 				return null;
 			}
 			return {
@@ -7999,7 +8209,7 @@ function useDropdownPopup(options) {
 		isOpen.value = !unref(isOpen);
 	}
 	function focusAnchor() {
-		nextTick(() => _$3(options.anchorRef)?.focus());
+		nextTick(() => _$2(options.anchorRef)?.focus());
 	}
 	function onKeyDownBase(evt) {
 		if (evt.key === "Escape" && unref(isOpen)) {
@@ -9687,10 +9897,10 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 		const paneY = ref(0);
 		const paneMarginX = ref(0);
 		const paneMarginY = ref(0);
-		!S$3 && D$1(ref(window), "resize", () => unref(isOpen) && reposition());
+		!S$2 && D$1(ref(window), "resize", () => unref(isOpen) && reposition());
 		F$1(paneRef);
 		function close() {
-			const pane = _$3(paneRef);
+			const pane = _$2(paneRef);
 			if (!pane) return;
 			pane.addEventListener("animationend", () => {
 				isClosing.value = false;
@@ -9704,7 +9914,7 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 			openerWidth.value = width;
 			openerHeight.value = height;
 			requestAnimationFrame(() => {
-				_$3(paneRef).addEventListener("animationend", () => {
+				_$2(paneRef).addEventListener("animationend", () => {
 					isOpening.value = false;
 				}, { once: true });
 				isOpening.value = true;
@@ -9713,7 +9923,7 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 		}
 		function reposition() {
 			const mount = unref(mountRef);
-			const pane = _$3(paneRef);
+			const pane = _$2(paneRef);
 			const { top, left, width, height } = mount.children[0].getBoundingClientRect();
 			const { width: paneWidth, height: paneHeight } = pane.getBoundingClientRect();
 			let x, y, mx = 0, my = 0;
@@ -10079,7 +10289,7 @@ var FluxAdaptiveGroup_default = /* @__PURE__ */ defineComponent({
 		const elementRef = useTemplateRef("element");
 		const children = shallowReactive(/* @__PURE__ */ new Map());
 		const reflow = i$2(() => {
-			const element = _$3(elementRef);
+			const element = _$2(elementRef);
 			if (!element) return;
 			const available = element.clientWidth;
 			const entries = Array.from(children.entries());
@@ -10183,7 +10393,7 @@ var FluxAdaptiveSlot_default = /* @__PURE__ */ defineComponent({
 		} else {
 			let lastFailedParentWidth = -1;
 			const reflow = i$2(() => {
-				const element = _$3(elementRef);
+				const element = _$2(elementRef);
 				if (!element || !isDefaultVisible.value) return;
 				if (desiredDefaultWidth.value > element.clientWidth) {
 					lastFailedParentWidth = element.parentElement?.clientWidth ?? -1;
@@ -10260,7 +10470,7 @@ var FluxAnimatedColors_default = /* @__PURE__ */ defineComponent({
 		const tick = ref(0);
 		const polygons = computed(() => {
 			if (!__props.colors || __props.colors.length === 0) return [];
-			const mulberry = V$2(__props.seed ?? componentId.value);
+			const mulberry = V$1(__props.seed ?? componentId.value);
 			const polygons = [];
 			for (const color of __props.colors) {
 				const localMulberry = mulberry.fork();
@@ -11547,6 +11757,13 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 var LayerPane_module_default = {
 	layerPane: `layer-pane`,
 	basePaneStructure: `base-pane-structure`,
+	layerPaneGray: `layer-pane-gray layer-pane`,
+	layerPanePrimary: `layer-pane-primary layer-pane`,
+	layerPaneDanger: `layer-pane-danger layer-pane`,
+	paneHeaderIcon: `pane-header-icon`,
+	layerPaneInfo: `layer-pane-info layer-pane`,
+	layerPaneSuccess: `layer-pane-success layer-pane`,
+	layerPaneWarning: `layer-pane-warning layer-pane`,
 	paneFooter: `pane-footer`,
 	paneHeader: `pane-header`,
 	button: `button`,
@@ -11556,9 +11773,10 @@ var LayerPane_module_default = {
 //#region src/component/FluxLayerPane.vue
 var FluxLayerPane_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxLayerPane",
+	props: { color: { default: "gray" } },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(LayerPane_module_default).layerPane) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx)(__props.color === "gray" && unref(LayerPane_module_default).layerPaneGray, __props.color === "primary" && unref(LayerPane_module_default).layerPanePrimary, __props.color === "danger" && unref(LayerPane_module_default).layerPaneDanger, __props.color === "info" && unref(LayerPane_module_default).layerPaneInfo, __props.color === "success" && unref(LayerPane_module_default).layerPaneSuccess, __props.color === "warning" && unref(LayerPane_module_default).layerPaneWarning)) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });
@@ -12618,7 +12836,7 @@ var FluxCommandPalette_default = /* @__PURE__ */ defineComponent({
 				else open();
 			}
 		}
-		if (!S$3 && props.hasKeyboardShortcut) {
+		if (!S$2 && props.hasKeyboardShortcut) {
 			onMounted(() => {
 				window.addEventListener("keydown", onGlobalKeyDown);
 			});
@@ -12968,7 +13186,7 @@ var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
 			requestAnimationFrame(() => onPointerMove(evt));
 		}
 		function onPointerMove(evt) {
-			const root = _$3(rootRef);
+			const root = _$2(rootRef);
 			if (!unref(isDragging) || !root) return;
 			const [maxX, maxY] = unref(max);
 			const [minX, minY] = unref(min);
@@ -13181,10 +13399,10 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 		const localValue = ref(null);
 		const nativeType = ref(__props.type);
 		function blur() {
-			_$3(inputRef)?.blur();
+			_$2(inputRef)?.blur();
 		}
 		function focus() {
-			_$3(inputRef)?.focus();
+			_$2(inputRef)?.focus();
 		}
 		function passwordTypeToggle() {
 			if (__props.type !== "password") return;
@@ -13629,7 +13847,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Menu.module.scss
-var { "buttonIcon": _0$9, "button": _1$3, "buttonLabel": _2$2 } = Button_module_default$1;
+var { "button": _0$9, "buttonIcon": _1$3, "buttonLabel": _2$2 } = Button_module_default$1;
 var Menu_module_default = {
 	menu: `menu`,
 	menuNormal: `menu-normal menu`,
@@ -13637,9 +13855,9 @@ var Menu_module_default = {
 	menuGroup: `menu-group`,
 	menuGroupHorizontal: `menu-group-horizontal menu-group`,
 	menuGroupVertical: `menu-group-vertical menu-group`,
-	menuItem: `menu-item ${_1$3}`,
+	menuItem: `menu-item ${_0$9}`,
 	badge: `badge`,
-	menuItemIcon: `menu-item-icon ${_0$9}`,
+	menuItemIcon: `menu-item-icon ${_1$3}`,
 	menuItemLabel: `menu-item-label ${_2$2}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
@@ -13649,7 +13867,7 @@ var Menu_module_default = {
 	menuCollapsibleOpened: `menu-collapsible-opened menu-collapsible`,
 	menuCollapsibleBody: `menu-collapsible-body`,
 	menuCollapsibleContent: `menu-collapsible-content`,
-	menuItemSelectableIcon: `menu-item-selectable-icon ${_0$9}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_1$3}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -13937,7 +14155,7 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 		const searchInputElementRef = useTemplateRef("searchInputElement");
 		const highlightedIndex = ref(INITIAL_HIGHLIGHTED_INDEX);
 		const isKeyboardAction = ref(false);
-		const focusElement = computed(() => _$3(searchInputElementRef) ?? _$3(anchorRef));
+		const focusElement = computed(() => _$2(searchInputElementRef) ?? _$2(anchorRef));
 		const highlightedId = computed(() => unref(rawOptions)[unref(highlightedIndex)]?.value);
 		const rawOptions = computed(() => __props.options.map((group) => group[1]).flat());
 		const { isOpen: isPopupOpen, toggle, onKeyDownBase } = useDropdownPopup({
@@ -14173,8 +14391,8 @@ var FluxTicks_default = /* @__PURE__ */ defineComponent({
 		upper: {}
 	},
 	setup(__props) {
-		const smallTicks = computed(() => g$2(__props.lower, __props.upper, 50, true).filter((s) => !ticks.value.includes(s)));
-		const ticks = computed(() => g$2(__props.lower, __props.upper, 5));
+		const smallTicks = computed(() => g$1(__props.lower, __props.upper, 50, true).filter((s) => !ticks.value.includes(s)));
+		const ticks = computed(() => g$1(__props.lower, __props.upper, 5));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(Slider_module_default).ticks) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(ticks.value, (tick) => {
 				return openBlock(), createElementBlock("div", {
@@ -14220,7 +14438,7 @@ var SliderBase_default = /* @__PURE__ */ defineComponent({
 			requestAnimationFrame(() => onPointerMove(evt));
 		}
 		function onPointerMove(evt) {
-			const root = _$3(rootRef);
+			const root = _$2(rootRef);
 			if (!__props.isDragging || !root) return;
 			let { left, width } = root.getBoundingClientRect();
 			left += 6;
@@ -14547,7 +14765,7 @@ var FluxFormSlider_default = /* @__PURE__ */ defineComponent({
 		name: {},
 		formatter: {
 			type: Function,
-			default: p$5
+			default: p$4
 		},
 		ariaLabel: {},
 		isTicksVisible: { type: Boolean },
@@ -14781,7 +14999,7 @@ var FluxColorPicker_default = /* @__PURE__ */ defineComponent({
 			];
 			switch (__props.type) {
 				case "hex":
-					hsv.value = P$2(...j$3(hex));
+					hsv.value = P$2(...j$2(hex));
 					break;
 				case "rgb":
 					hsv.value = P$2(...values);
@@ -14797,7 +15015,7 @@ var FluxColorPicker_default = /* @__PURE__ */ defineComponent({
 		watch(hsv, (hsv) => {
 			switch (__props.type) {
 				case "hex":
-					modelValue.value = W$2(...F$2(...hsv));
+					modelValue.value = W$1(...F$2(...hsv));
 					break;
 				case "rgb":
 					modelValue.value = F$2(...hsv);
@@ -15237,16 +15455,16 @@ var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Pagination.module.scss
-var { "secondaryButtonIcon": _0$8, "secondaryButtonLabel": _1$2, "secondaryButton": _2$1 } = Button_module_default;
+var { "secondaryButton": _0$8, "secondaryButtonIcon": _1$2, "secondaryButtonLabel": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_2$1}`,
+	paginationButton: `pagination-button ${_0$8}`,
 	secondaryButton: `secondary-button`,
 	paginationButtonArrow: `pagination-button-arrow`,
 	paginationButtonCurrent: `pagination-button-current`,
 	paginationButtonSpacer: `pagination-button-spacer`,
-	paginationButtonIcon: `pagination-button-icon ${_0$8}`,
-	paginationButtonLabel: `pagination-button-label ${_1$2}`,
+	paginationButtonIcon: `pagination-button-icon ${_1$2}`,
+	paginationButtonLabel: `pagination-button-label ${_2$1}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
 	paginationBarLimitDisplayingOf: `pagination-bar-limit-displaying-of`,
@@ -15508,13 +15726,13 @@ var FluxPaginationBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Table.module.scss
-var { "basePaneLoader": _0$7, "basePaneElement": _1$1 } = Pane_module_default$1;
+var { "basePaneElement": _0$7, "basePaneLoader": _1$1 } = Pane_module_default$1;
 var Table_module_default = {
-	table: `table ${_1$1}`,
+	table: `table ${_0$7}`,
 	tableBase: `table-base`,
 	tableFill: `table-fill`,
 	tablePagination: `table-pagination`,
-	tableLoader: `table-loader ${_0$7}`,
+	tableLoader: `table-loader ${_1$1}`,
 	tableRow: `table-row`,
 	isSelectableRow: `is-selectable-row`,
 	tableCell: `table-cell`,
@@ -16373,14 +16591,14 @@ var FluxExpandableGroup_default = /* @__PURE__ */ defineComponent({
 		const expandables = {};
 		function closeAll() {
 			Object.values(expandables).forEach((expandable) => {
-				const isOpenRef = m$2(expandable, "isOpen");
+				const isOpenRef = m$1(expandable, "isOpen");
 				isOpenRef.value = false;
 			});
 		}
 		function register(uid, expandable) {
 			expandables[uid] = expandable;
 			if (!__props.isControlled && Object.values(expandables).length === 1) {
-				const isOpenRef = m$2(expandable, "isOpen");
+				const isOpenRef = m$1(expandable, "isOpen");
 				isOpenRef.value = true;
 			}
 		}
@@ -16415,7 +16633,7 @@ var FluxFader_default = /* @__PURE__ */ defineComponent({
 		de$1(__props.interval, () => next());
 		const current = ref(-1);
 		const count = computed(() => {
-			return _$3(faderRef)?.children.length ?? 0;
+			return _$2(faderRef)?.children.length ?? 0;
 		});
 		function next() {
 			current.value = unref(current) + 1 >= unref(count) ? 0 : unref(current) + 1;
@@ -16424,7 +16642,7 @@ var FluxFader_default = /* @__PURE__ */ defineComponent({
 			current.value = unref(current) - 1 <= -1 ? unref(count) - 1 : unref(current) - 1;
 		}
 		watch(current, (current) => {
-			const fader = _$3(faderRef);
+			const fader = _$2(faderRef);
 			if (!fader || fader.children.length === 0 || current < 0) return;
 			Array.from(fader.children).forEach((item) => item.classList.remove(Fader_module_default.isCurrent));
 			fader.children[current].classList.add(Fader_module_default.isCurrent);
@@ -16471,7 +16689,7 @@ var FluxFilterBase_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		function resolveDefinition(vnode) {
 			const factory = vnode.type?.__filterDefinitionFactory;
-			return typeof factory === "function" ? factory(p$4(vnode)) : null;
+			return typeof factory === "function" ? factory(p$3(vnode)) : null;
 		}
 		const flattenedFilters = computed(() => a$2(slots.filters?.() ?? []));
 		const buttons = computed(() => {
@@ -16498,7 +16716,7 @@ var FluxFilterBase_default = /* @__PURE__ */ defineComponent({
 			const menuItems = [[]];
 			const items = unref(flattenedFilters);
 			for (const item of items) {
-				if (f$4(item) === "FluxSeparator") {
+				if (f$3(item) === "FluxSeparator") {
 					menuItems.push([]);
 					continue;
 				}
@@ -16746,7 +16964,7 @@ var FluxOverflowBar_default = /* @__PURE__ */ defineComponent({
 		const reflow = i$2(() => {
 			const bar = unref(barRef);
 			const measurer = unref(measurerRef);
-			const overflow = _$3(overflowRef);
+			const overflow = _$2(overflowRef);
 			availableSize.value = __props.direction === "horizontal" ? bar.offsetWidth : bar.offsetHeight;
 			itemSizes.value = Array.from(measurer.children).filter((item) => item instanceof HTMLElement).map((item) => {
 				const { display } = getComputedStyle(item);
@@ -17353,7 +17571,7 @@ var FluxFilterRange_default = /* @__PURE__ */ defineComponent({
 		async getValueLabel(value) {
 			if (!value || !Array.isArray(value) || value.length !== 2) return null;
 			const [lower, upper] = value;
-			const format = p.formatter ?? p$5;
+			const format = p.formatter ?? p$4;
 			return `${format(lower)} – ${format(upper)}`;
 		}
 	})),
@@ -17375,7 +17593,7 @@ var FluxFilterRange_default = /* @__PURE__ */ defineComponent({
 		onClear: { type: Function },
 		formatter: {
 			type: Function,
-			default: p$5
+			default: p$4
 		},
 		isTicksVisible: { type: Boolean },
 		max: {},
@@ -17491,7 +17709,7 @@ var FluxFlickeringGrid_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const canvasRef = useTemplateRef("canvas");
 		const inView = O$1(canvasRef);
-		const mulberry = V$2(13);
+		const mulberry = V$1(13);
 		const rgb = computed(() => {
 			const canvas = document.createElement("canvas");
 			canvas.width = canvas.height = 1;
@@ -18220,7 +18438,7 @@ var FluxFormRangeSlider_default = /* @__PURE__ */ defineComponent({
 		name: {},
 		formatter: {
 			type: Function,
-			default: p$5
+			default: p$4
 		},
 		isTicksVisible: { type: Boolean },
 		isTooltipDisabled: { type: Boolean },
@@ -19208,7 +19426,7 @@ var FluxFormTimeZonePicker_default = /* @__PURE__ */ defineComponent({
 		const disabled = useDisabled_default(toRef(() => __props.disabled));
 		const translate = useTranslate_default();
 		const options = computed(() => {
-			if (S$3) return [];
+			if (S$2) return [];
 			const groups = {};
 			const options = [];
 			for (const timeZone of TIME_ZONES) {
@@ -19334,7 +19552,7 @@ var FluxFormTreeViewSelect_default = /* @__PURE__ */ defineComponent({
 		const { isOpen: isPopupOpen, toggle, focusAnchor, onKeyDownBase } = useDropdownPopup({
 			anchorRef,
 			popupRef: anchorPopupRef,
-			focusElement: computed(() => _$3(searchInputRef) ?? _$3(anchorRef)),
+			focusElement: computed(() => _$2(searchInputRef) ?? _$2(anchorRef)),
 			disabled,
 			readonly: toRef(() => !!__props.isReadonly)
 		});
@@ -20948,7 +21166,7 @@ var FluxPaneIllustration_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const borderColor = computed(() => {
 			if (!__props.animatedColors || __props.animatedColors.length === 0) return "transparent";
-			const [r, g, b] = j$3(__props.animatedColors[0]);
+			const [r, g, b] = j$2(__props.animatedColors[0]);
 			return `rgb(${r} ${g} ${b} / .15)`;
 		});
 		return (_ctx, _cache) => {
@@ -21033,7 +21251,7 @@ var FluxPercentageBar_default = /* @__PURE__ */ defineComponent({
 						key: 0,
 						name: item.icon,
 						size: 16
-					}, null, 8, ["name"])) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(unref(m$3)(item.value)) + " " + toDisplayString(item.label), 1)], 2)]),
+					}, null, 8, ["name"])) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(unref(m$2)(item.value)) + " " + toDisplayString(item.label), 1)], 2)]),
 					default: withCtx(() => [createElementVNode("div", {
 						class: normalizeClass(unref(PercentageBar_module_default).percentageBarSegment),
 						style: normalizeStyle({
@@ -21388,7 +21606,7 @@ var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 			modelValue.value = Math.min(__props.max, unref(modelValue) + __props.step);
 		}
 		function sizeToContent() {
-			const input = _$3(inputRef);
+			const input = _$2(inputRef);
 			if (!input || isNaN(input.valueAsNumber)) return;
 			width.value = 0;
 			requestAnimationFrame(() => {
@@ -21658,7 +21876,7 @@ var FluxTooltipProvider_vue_vue_type_script_lang_default = defineComponent(() =>
 	const content = computed(() => unref(tooltip) ? unref(tooltip).contentSlot?.() ?? [unref(tooltip).content] : null);
 	const has = computed(() => !!unref(tooltip));
 	function calculate() {
-		const element = _$3(elementRef);
+		const element = _$2(elementRef);
 		const spec = unref(tooltip);
 		if (!spec || !element || !unref(content)) {
 			position.value = null;
@@ -21685,7 +21903,7 @@ var FluxTooltipProvider_vue_vue_type_script_lang_default = defineComponent(() =>
 	watch(content, () => requestAnimationFrame(calculate));
 	watch(has, (isVisible) => {
 		if (!isVisible) return;
-		const host = _$3(hostRef);
+		const host = _$2(hostRef);
 		if (host && !host.matches(":popover-open")) host.showPopover();
 	});
 	return () => h("div", {
@@ -21694,7 +21912,7 @@ var FluxTooltipProvider_vue_vue_type_script_lang_default = defineComponent(() =>
 		class: Tooltip_module_default.tooltipHost
 	}, [h(FluxTooltipTransition_default, { onAfterLeave: () => {
 		if (unref(has)) return;
-		const host = _$3(hostRef);
+		const host = _$2(hostRef);
 		if (host && host.matches(":popover-open")) host.hidePopover();
 	} }, { default: () => {
 		if (!unref(has)) return;
@@ -22594,7 +22812,7 @@ var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 			}
 		});
 		function checkScroll() {
-			const tabBar = _$3(tabBarRef);
+			const tabBar = _$2(tabBarRef);
 			if (tabBar.scrollWidth <= tabBar.offsetWidth) {
 				isEndArrowVisible.value = false;
 				isStartArrowVisible.value = false;
@@ -22604,7 +22822,7 @@ var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 			isStartArrowVisible.value = tabBar.scrollLeft > 0;
 		}
 		function updateHighlight() {
-			if (!_$3(tabBarRef)) return;
+			if (!_$2(tabBarRef)) return;
 			let activeElement = null;
 			for (const [element, isActive] of items) if (isActive.value) {
 				activeElement = element;
@@ -22620,14 +22838,14 @@ var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 			activeItemWidth.value = width;
 		}
 		function scrollToEnd() {
-			const tabBar = _$3(tabBarRef);
+			const tabBar = _$2(tabBarRef);
 			tabBar.scrollBy({
 				behavior: "smooth",
 				left: tabBar.offsetWidth / 1.5
 			});
 		}
 		function scrollToStart() {
-			const tabBar = _$3(tabBarRef);
+			const tabBar = _$2(tabBarRef);
 			tabBar.scrollBy({
 				behavior: "smooth",
 				left: tabBar.offsetWidth / -1.5
@@ -22804,9 +23022,9 @@ var FluxTabs_default = /* @__PURE__ */ defineComponent({
 			id: `${baseId}-panel-${index}`,
 			"aria-labelledby": `${baseId}-tab-${index}`
 		})));
-		const tabs = computed(() => unref(rawChildren).filter((child) => p$4(child).icon || p$4(child).label).map((child) => ({
-			icon: p$4(child).icon,
-			label: p$4(child).label
+		const tabs = computed(() => unref(rawChildren).filter((child) => p$3(child).icon || p$3(child).label).map((child) => ({
+			icon: p$3(child).icon,
+			label: p$3(child).label
 		})));
 		function activate(index) {
 			modelValue.value = index;
@@ -23196,6 +23414,6 @@ var FluxTreeView_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarItem_default as FluxCalendarItem, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxCommandPalette_default as FluxCommandPalette, FluxCommandPaletteGroup_default as FluxCommandPaletteGroup, FluxCommandPaletteItem_default as FluxCommandPaletteItem, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlex_default as FluxFlex, FluxFlexItem_default as FluxFlexItem, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxKanban_default as FluxKanban, FluxKanbanColumn_default as FluxKanbanColumn, FluxKanbanItem_default as FluxKanbanItem, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxScroller_default as FluxScroller, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxSplitView_default as FluxSplitView, FluxSplitViewPane_default as FluxSplitViewPane, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxSticky_default as FluxSticky, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, defineFilter, fluxRegisterIcons, isFluxFilterOptionHeader, isFluxFilterOptionItem, isFluxFormSelectGroup, isFluxFormSelectOption, pickFilterCommon, showAlert, showConfirm, showPrompt, showSnackbar, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, useBreakpoints_default as useBreakpoints, useCalendarInjection_default as useCalendarInjection, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useKanbanInjection_default as useKanbanInjection, useTabBarInjection_default as useTabBarInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
+export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarItem_default as FluxCalendarItem, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxCommandPalette_default as FluxCommandPalette, FluxCommandPaletteGroup_default as FluxCommandPaletteGroup, FluxCommandPaletteItem_default as FluxCommandPaletteItem, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlex_default as FluxFlex, FluxFlexItem_default as FluxFlexItem, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxKanban_default as FluxKanban, FluxKanbanColumn_default as FluxKanbanColumn, FluxKanbanItem_default as FluxKanbanItem, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxScroller_default as FluxScroller, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxSplitView_default as FluxSplitView, FluxSplitViewPane_default as FluxSplitViewPane, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxSticky_default as FluxSticky, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, defineFilter, fluxRegisterIcons, iconRegistry, isFluxFilterOptionHeader, isFluxFilterOptionItem, isFluxFormSelectGroup, isFluxFormSelectOption, pickFilterCommon, showAlert, showConfirm, showPrompt, showSnackbar, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, useBreakpoints_default as useBreakpoints, useCalendarInjection_default as useCalendarInjection, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useKanbanInjection_default as useKanbanInjection, useTabBarInjection_default as useTabBarInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
 
 //# sourceMappingURL=index.js.map