@boobooking/dashboard-ui-components 0.20.0 → 0.21.0

package/dist/index.js

@@ -150,12 +150,12 @@ function ue(e) {
 	for (let n of e.cards.values()) t = n.window;
 	return t;
 }
-function E(e, t) {
+function de(e, t) {
 	let n = t;
 	for (; n !== null && !T(e, n);) n = n.parent;
 	return n;
 }
-function de(e, t) {
+function fe(e, t) {
 	return e.transition = {
 		number: e.transition.number + 1,
 		fromAddress: e.shown,
@@ -163,11 +163,11 @@ function de(e, t) {
 		assigned: /* @__PURE__ */ new Map()
 	}, e.shown = t, e.transition.number;
 }
-function fe(e, t, n) {
+function pe(e, t, n) {
 	let r = e.transition, i = r.assigned.get(t);
 	if (i !== void 0 && T(e, i)) return i;
 	let a = r.fromWindow, o = r.fromAddress;
-	a !== null && !T(e, a) && (a = E(e, a), o = null), a !== null && le(a) === e.shown && (e.windows.splice(e.windows.indexOf(a)), a = a.parent === null ? null : E(e, a.parent), o = null);
+	a !== null && !T(e, a) && (a = de(e, a), o = null), a !== null && le(a) === e.shown && (e.windows.splice(e.windows.indexOf(a)), a = a.parent === null ? null : de(e, a.parent), o = null);
 	for (let n = a; n !== null; n = n.parent) if (n.key === t && T(e, n)) return e.windows.splice(e.windows.indexOf(n) + 1), n;
 	a === null ? e.windows = [] : e.windows.splice(e.windows.indexOf(a) + 1);
 	let s = {
@@ -179,18 +179,18 @@ function fe(e, t, n) {
 	};
 	return e.nextId += 1, e.windows.push(s), s;
 }
-function D(e, t, n, r) {
-	let i = fe(e, n, r);
+function E(e, t, n, r) {
+	let i = pe(e, n, r);
 	return i.fallbackAddress = r, e.transition.assigned.set(n, i), e.cards.delete(t), e.cards.set(t, {
 		key: n,
 		window: i,
 		processed: e.transition.number
 	}), i;
 }
-function pe(e, t, n, r) {
+function me(e, t, n, r) {
 	let i = e.cards.get(t);
 	return i === void 0 ? {
-		window: D(e, t, n, r),
+		window: E(e, t, n, r),
 		rejected: !1,
 		key: n
 	} : i.key === n ? (i.processed = e.transition.number, {
@@ -202,29 +202,29 @@ function pe(e, t, n, r) {
 		rejected: !0,
 		key: i.key
 	} : (e.cards.delete(t), {
-		window: D(e, t, n, r),
+		window: E(e, t, n, r),
 		rejected: !1,
 		key: n
 	});
 }
-function me(e, t) {
+function he(e, t) {
 	e.cards.delete(t);
 }
-function he(e, t, n) {
+function ge(e, t, n) {
 	let r = e.cards.get(t);
 	r !== void 0 && (r.window.fallbackAddress = n);
 }
 //#endregion
 //#region src/plugin.js
-var ge = Symbol("dashboardUi"), _e = Object.freeze({
+var _e = Symbol("dashboardUi"), ve = Object.freeze({
 	lang: "ru",
 	navigate: null,
 	windows: null
-}), O = { uiSettings: {
-	from: ge,
-	default: () => _e
+}), ye = { uiSettings: {
+	from: _e,
+	default: () => ve
 } };
-function ve(e, t) {
+function be(e, t) {
 	let n = ce(), r = g({
 		number: 0,
 		address: null
@@ -232,7 +232,7 @@ function ve(e, t) {
 	return i.run(() => {
 		ne(t, (e) => {
 			let t = oe(e, window.location.origin);
-			t !== null && t !== r.address && (r.number = de(n, t), r.address = t);
+			t !== null && t !== r.address && (r.number = fe(n, t), r.address = t);
 		}, {
 			flush: "sync",
 			immediate: !0
@@ -242,21 +242,21 @@ function ve(e, t) {
 		page: r
 	};
 }
-var ye = { install(e, t) {
+var xe = { install(e, t) {
 	let n = t ?? {}, r = Object.hasOwn(n, "lang") ? n.lang : "ru";
 	if (!w(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${ie.join(", ")}`);
 	let i = Object.hasOwn(n, "navigate"), a = i ? n.navigate : null;
 	if (i && typeof a != "function") throw Error("dashboardUi: navigate должен быть функцией (href) => …");
 	let o = Object.hasOwn(n, "currentUrl"), s = o ? n.currentUrl : null;
 	if (o && typeof s != "function") throw Error("dashboardUi: currentUrl должен быть функцией () => адрес страницы");
-	let c = s !== null && typeof window < "u" ? ve(e, s) : null;
-	e.provide(ge, Object.freeze({
+	let c = s !== null && typeof window < "u" ? be(e, s) : null;
+	e.provide(_e, Object.freeze({
 		lang: r,
 		navigate: a,
 		windows: c
 	}));
-} }, be = 4e4;
-function xe(e) {
+} }, Se = 4e4;
+function Ce(e) {
 	if (typeof e != "string") return null;
 	let t = /filename\*\s*=\s*UTF-8''([^;]+)/i.exec(e);
 	if (t !== null) try {
@@ -267,7 +267,7 @@ function xe(e) {
 	let r = /filename\s*=\s*([^;"\s]+)/i.exec(e);
 	return r === null ? null : r[1];
 }
-function Se(e) {
+function we(e) {
 	try {
 		let t = new URL(e, window.location.href).pathname.split("/").filter((e) => e !== "");
 		return t.length === 0 ? null : decodeURIComponent(t[t.length - 1]);
@@ -275,7 +275,7 @@ function Se(e) {
 		return null;
 	}
 }
-async function Ce(e) {
+async function Te(e) {
 	let t = await fetch(e, { credentials: "same-origin" });
 	if (t.redirected) throw Object.assign(/* @__PURE__ */ Error(`downloadFile: сервер перенаправил запрос ${e}`), {
 		redirectUrl: t.url,
@@ -285,12 +285,12 @@ async function Ce(e) {
 		redirectUrl: null,
 		status: t.status
 	});
-	let n = xe(t.headers.get("Content-Disposition")) ?? Se(e) ?? "download", r = URL.createObjectURL(await t.blob()), i = document.createElement("a");
-	i.href = r, i.download = n, i.style.display = "none", document.body.appendChild(i), i.click(), i.remove(), setTimeout(() => URL.revokeObjectURL(r), be);
+	let n = Ce(t.headers.get("Content-Disposition")) ?? we(e) ?? "download", r = URL.createObjectURL(await t.blob()), i = document.createElement("a");
+	i.href = r, i.download = n, i.style.display = "none", document.body.appendChild(i), i.click(), i.remove(), setTimeout(() => URL.revokeObjectURL(r), Se);
 }
 //#endregion
 //#region src/colors.js
-var k = {
+var D = {
 	gray: {
 		pill: "bb:bg-gray-100 bb:text-gray-800",
 		pillHover: "bb:hover:text-gray-600",
@@ -333,19 +333,19 @@ var k = {
 		menuItem: "bb:bg-purple-100 bb:text-purple-800 bb:hover:bg-purple-200 bb:focus:bg-purple-200",
 		mark: "bb:text-purple-500"
 	}
-}, we = Object.keys(k);
-function A(e) {
-	return we.includes(e);
+}, Ee = Object.keys(D);
+function O(e) {
+	return Ee.includes(e);
 }
-function Te(e, t) {
-	return A(e) ? k[e][t] ?? "" : "";
+function De(e, t) {
+	return O(e) ? D[e][t] ?? "" : "";
 }
-var j = { methods: { colorClass: Te } }, M = (e, t) => {
+var k = { methods: { colorClass: De } }, A = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Ee = {
-	mixins: [j],
+}, Oe = {
+	mixins: [k],
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -354,11 +354,11 @@ var j = { methods: { colorClass: Te } }, M = (e, t) => {
 		color: {
 			type: String,
 			required: !0,
-			validator: A
+			validator: O
 		}
 	}
 };
-function De(e, t, n, r, o, s) {
+function ke(e, t, n, r, o, s) {
 	return f(), i("div", { class: u(["bb-dashboard-ui bb:flex bb:h-full bb:items-center bb:leading-none bb:text-4xl", [e.colorClass(n.color, "mark"), { "bb:animate-pulse": n.withPulse }]]) }, [...t[0] ||= [a("svg", {
 		class: "bb:fill-current bb:w-2 bb:h-2",
 		viewBox: "0 0 120 120"
@@ -368,8 +368,8 @@ function De(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var N = /*#__PURE__*/ M(Ee, [["render", De]]), Oe = {
-	components: { Dot: N },
+var j = /*#__PURE__*/ A(Oe, [["render", ke]]), Ae = {
+	components: { Dot: j },
 	props: {
 		text: {
 			type: String,
@@ -384,14 +384,14 @@ var N = /*#__PURE__*/ M(Ee, [["render", De]]), Oe = {
 			default: !1
 		}
 	}
-}, ke = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, Ae = ["textContent"];
-function je(e, t, n, r, o, c) {
+}, je = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, Me = ["textContent"];
+function Ne(e, t, n, r, o, c) {
 	let l = h("dot");
-	return f(), i("div", ke, [
+	return f(), i("div", je, [
 		a("div", {
 			class: "bb:flex bb:flex-1 bb:h-full bb:items-center bb:text-xs bb:text-gray-500 bb:whitespace-nowrap bb:truncate bb:leading-tight bb:select-none",
 			textContent: _(n.text)
-		}, null, 8, Ae),
+		}, null, 8, Me),
 		x(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -403,8 +403,8 @@ function je(e, t, n, r, o, c) {
 		}, null, 512), [[y, n.isRequired]])
 	]);
 }
-var P = /*#__PURE__*/ M(Oe, [["render", je]]), F = {
-	inject: O,
+var M = /*#__PURE__*/ A(Ae, [["render", Ne]]), N = {
+	inject: ye,
 	props: { lang: {
 		type: String,
 		default: null,
@@ -418,11 +418,11 @@ var P = /*#__PURE__*/ M(Oe, [["render", je]]), F = {
 			return ae[this.resolvedLang];
 		}
 	}
-}, Me = [
+}, Pe = [
 	{ transform: "scale(1)" },
 	{ transform: "scale(0.8)" },
 	{ transform: "scale(1)" }
-], Ne = 150, Pe = {
+], Fe = 150, Ie = {
 	created() {
 		this.isPressing = !1, this.isUnmounted = !1;
 	},
@@ -430,39 +430,39 @@ var P = /*#__PURE__*/ M(Oe, [["render", je]]), F = {
 		this.isUnmounted = !0;
 	},
 	methods: { press() {
-		this.isPressing || (this.isPressing = !0, Fe(this.$el).then(() => {
+		this.isPressing || (this.isPressing = !0, Le(this.$el).then(() => {
 			this.isPressing = !1, this.isUnmounted || this.$emit("clicked");
 		}));
 	} }
 };
-function Fe(e) {
-	if (typeof e.animate != "function" || Ie()) return Promise.resolve();
+function Le(e) {
+	if (typeof e.animate != "function" || Re()) return Promise.resolve();
 	let t = () => {};
-	return e.animate(Me, {
-		duration: Ne,
+	return e.animate(Pe, {
+		duration: Fe,
 		easing: "ease-out"
 	}).finished.then(t, t);
 }
-function Ie() {
+function Re() {
 	return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 //#endregion
 //#region src/components/CrossButton.vue
-var Le = {
-	mixins: [F, Pe],
+var ze = {
+	mixins: [N, Ie],
 	props: { size: {
 		type: String,
 		required: !0,
 		validator: (e) => ["small", "large"].includes(e)
 	} },
 	emits: ["clicked"]
-}, Re = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" }, ze = { class: "bb:flex bb:rounded-md bb:group-focus-visible:focus-ring bb:pointer-events-none bb:cursor-default" };
-function Be(e, t, n, r, s, c) {
+}, Be = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" }, Ve = { class: "bb:flex bb:rounded-md bb:group-focus-visible:focus-ring bb:pointer-events-none bb:cursor-default" };
+function He(e, t, n, r, s, c) {
 	return f(), i("button", {
 		type: "button",
 		class: "bb-dashboard-ui bb:group bb:flex bb:items-center bb:justify-center bb:bg-transparent bb:cursor-pointer bb:text-gray-400 bb:focus:outline-hidden bb:hover:text-gray-500",
 		onClick: t[0] ||= C((...t) => e.press && e.press(...t), ["prevent"])
-	}, [a("span", Re, [m(e.$slots, "default", {}, () => [o(_(e.texts.clear), 1)])]), a("span", ze, [(f(), i("svg", {
+	}, [a("span", Be, [m(e.$slots, "default", {}, () => [o(_(e.texts.clear), 1)])]), a("span", Ve, [(f(), i("svg", {
 		class: u(["bb:stroke-current bb:pointer-events-none bb:cursor-default", {
 			"bb:w-6 bb:h-6": n.size === "small",
 			"bb:w-8 bb:h-8": n.size === "large"
@@ -477,24 +477,24 @@ function Be(e, t, n, r, s, c) {
 		d: "M6 18L18 6M6 6l12 12"
 	}, null, -1)]], 2))])]);
 }
-var I = /*#__PURE__*/ M(Le, [["render", Be]]), Ve = 10;
-function He(e) {
+var P = /*#__PURE__*/ A(ze, [["render", He]]), Ue = 10;
+function We(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Ve);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Ue);
 }
-function L(e) {
+function F(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function R(e) {
+function I(e) {
 	let t = e ?? "", n = t.startsWith("+") ? t.slice(1) : t;
 	return n.startsWith("7") ? n.slice(1) : n;
 }
 //#endregion
 //#region src/components/RussianMobileFilter.vue
-var Ue = 400, We = 3, Ge = {
+var Ge = 400, Ke = 3, qe = {
 	components: {
-		ElementHeader: P,
-		CrossButton: I
+		ElementHeader: M,
+		CrossButton: P
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -516,10 +516,10 @@ var Ue = 400, We = 3, Ge = {
 		}
 	},
 	data() {
-		return { digits: R(this.modelValue) };
+		return { digits: I(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = R(this.modelValue), this.isUnmounted = !1;
+		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = I(this.modelValue), this.isUnmounted = !1;
 	},
 	mounted() {
 		this.mask = re(this.$refs.input, {
@@ -527,21 +527,21 @@ var Ue = 400, We = 3, Ge = {
 			lazy: !0,
 			prepare: (e, t) => t.unmaskedValue === "" && (e === "7" || e === "8") ? "" : e
 		}), this.mask.on("accept", () => {
-			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", L(this.digits)), this.scheduleCommit());
+			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", F(this.digits)), this.scheduleCommit());
 		}), this.syncFromModelValue(this.modelValue);
 	},
 	beforeUnmount() {
 		this.isUnmounted = !0, clearTimeout(this.debounceTimer), this.mask?.destroy();
 	},
 	watch: { modelValue(e) {
-		e !== L(this.digits) && this.syncFromModelValue(e);
+		e !== F(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(R(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
+			this.writeToMask(I(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
 		},
 		applyUserDigits(e) {
-			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", L(this.digits));
+			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", F(this.digits));
 		},
 		writeToMask(e) {
 			if (this.isWritingProgrammatically = !0, e === "") this.mask.value = "";
@@ -564,7 +564,7 @@ var Ue = 400, We = 3, Ge = {
 			this.isUnmounted || (this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit());
 		},
 		onPaste(e) {
-			this.applyUserDigits(He(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(We(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		moveFocusFromEraser() {
 			let e = this.$refs.eraser.$el;
@@ -578,16 +578,16 @@ var Ue = 400, We = 3, Ge = {
 				this.commit();
 				return;
 			}
-			this.digits.length < We || (this.debounceTimer = setTimeout(() => this.commit(), Ue));
+			this.digits.length < Ke || (this.debounceTimer = setTimeout(() => this.commit(), Ge));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, Ke = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, qe = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Je = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ye = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function Xe(e, t, n, r, o, c) {
+}, Je = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ye = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Xe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ze = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function Qe(e, t, n, r, o, c) {
 	let l = h("element-header"), u = h("cross-button");
-	return f(), i("div", Ke, [a("div", qe, [s(l, {
+	return f(), i("div", Je, [a("div", Ye, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -595,7 +595,7 @@ function Xe(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Je, [a("label", Ye, [a("input", {
+	]), a("div", Xe, [a("label", Ze, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -613,10 +613,10 @@ function Xe(e, t, n, r, o, c) {
 		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
 	}, null, 8, ["onClicked"]), [[y, o.digits.length > 0]])])])]);
 }
-var Ze = /*#__PURE__*/ M(Ge, [["render", Xe]]), Qe = {
+var $e = /*#__PURE__*/ A(qe, [["render", Qe]]), et = {
 	components: {
-		ElementHeader: P,
-		CrossButton: I
+		ElementHeader: M,
+		CrossButton: P
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -658,10 +658,10 @@ var Ze = /*#__PURE__*/ M(Ge, [["render", Xe]]), Qe = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, $e = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, et = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, tt = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, nt = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function rt(e, t, n, r, o, c) {
+}, tt = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, nt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, rt = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, it = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function at(e, t, n, r, o, c) {
 	let l = h("element-header"), u = h("cross-button");
-	return f(), i("div", $e, [a("div", et, [s(l, {
+	return f(), i("div", tt, [a("div", nt, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -669,7 +669,7 @@ function rt(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", tt, [a("label", nt, [x(a("input", {
+	]), a("div", rt, [a("label", it, [x(a("input", {
 		ref: "input",
 		class: "bb:flex bb:w-full bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:focus-ring bb:border-none",
 		"onUpdate:modelValue": t[0] ||= (e) => o.search = e,
@@ -686,37 +686,37 @@ function rt(e, t, n, r, o, c) {
 		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
 	}, null, 8, ["onClicked"]), [[y, c.inputNeedsEraser]])])])]);
 }
-var it = /*#__PURE__*/ M(Qe, [["render", rt]]), z = 4, B = 8;
-function V(e) {
+var ot = /*#__PURE__*/ A(et, [["render", at]]), L = 4, R = 8;
+function st(e) {
 	return typeof e?.showPopover == "function";
 }
-function H(e) {
-	return V(e) && e.matches(":popover-open");
+function z(e) {
+	return st(e) && e.matches(":popover-open");
 }
-function U(e, t, { maxWidth: n = null, align: r = "end", fitsBelow: i = !0, fitsRight: a = !0 } = {}) {
-	let o = e.getBoundingClientRect(), s = document.documentElement.clientWidth, c = document.documentElement.clientHeight, l = Math.max(B, o.left), u = Math.max(B, s - o.right), d = Math.max(0, s - l - B), f = Math.max(0, s - u - B), p = r === "start" && (a || d >= f), m = Math.max(0, c - o.bottom - z - B), h = Math.max(0, o.top - z - B), g = i || m >= h, _ = "";
+function ct(e, t, { maxWidth: n = null, align: r = "end", fitsBelow: i = !0, fitsRight: a = !0 } = {}) {
+	let o = e.getBoundingClientRect(), s = document.documentElement.clientWidth, c = document.documentElement.clientHeight, l = Math.max(R, o.left), u = Math.max(R, s - o.right), d = Math.max(0, s - l - R), f = Math.max(0, s - u - R), p = r === "start" && (a || d >= f), m = Math.max(0, c - o.bottom - L - R), h = Math.max(0, o.top - L - R), g = i || m >= h, _ = "";
 	if (r === "start") {
 		let e = p ? d : f;
 		_ = `${n === null ? e : Math.min(n, e)}px`;
 	} else n !== null && (_ = `${Math.min(n, f)}px`);
 	Object.assign(t.style, {
-		top: g ? `${o.bottom + z}px` : "auto",
-		bottom: g ? "auto" : `${c - o.top + z}px`,
+		top: g ? `${o.bottom + L}px` : "auto",
+		bottom: g ? "auto" : `${c - o.top + L}px`,
 		right: p ? "auto" : `${u}px`,
 		left: p ? `${l}px` : "auto",
 		maxHeight: `${g ? m : h}px`,
 		maxWidth: _
 	});
 }
-function at(e, t, n = {}) {
+function lt(e, t, n = {}) {
 	let r = t.scrollHeight <= t.clientHeight + 1, i = t.scrollWidth <= t.clientWidth + 1;
-	r && i || U(e, t, {
+	r && i || ct(e, t, {
 		...n,
 		fitsBelow: r,
 		fitsRight: i
 	});
 }
-function ot(e, t) {
+function ut(e, t) {
 	let n = (n) => {
 		e.contains(n.target) || t();
 	};
@@ -729,11 +729,11 @@ function ot(e, t) {
 }
 //#endregion
 //#region src/menuFocus.js
-var st = "a[href], button";
-function ct(e, t = () => null, n = null) {
+var dt = "a[href], button";
+function ft(e, t = () => null, n = null) {
 	let r = (r) => {
 		if (r.key !== "ArrowDown" && r.key !== "ArrowUp") return;
-		let i = n === null ? [...e.querySelectorAll(st)] : n();
+		let i = n === null ? [...e.querySelectorAll(dt)] : n();
 		if (i.length === 0) return;
 		r.preventDefault();
 		let a = r.key === "ArrowDown" ? 1 : -1, o = i.indexOf(document.activeElement);
@@ -743,7 +743,7 @@ function ct(e, t = () => null, n = null) {
 		document.removeEventListener("keydown", r, !0);
 	};
 }
-function lt(e) {
+function pt(e) {
 	let t = (t) => {
 		if (t.key !== "Tab" || t.ctrlKey || t.altKey || t.metaKey) return;
 		let n = e();
@@ -758,7 +758,7 @@ function lt(e) {
 }
 //#endregion
 //#region src/components/PopoverPanel.vue
-var ut = {
+var mt = {
 	emits: ["update:modelValue", "toggle"],
 	props: {
 		modelValue: {
@@ -859,11 +859,11 @@ var ut = {
 	methods: {
 		applyPanelState() {
 			let e = this.$refs.panel;
-			V(e) && e.isConnected && (this.panelIsOpen && !H(e) && e.showPopover(), !this.panelIsOpen && H(e) && e.hidePopover());
+			st(e) && e.isConnected && (this.panelIsOpen && !z(e) && e.showPopover(), !this.panelIsOpen && z(e) && e.hidePopover());
 		},
 		close() {
 			let e = this.$refs.panel;
-			H(e) && e.hidePopover();
+			z(e) && e.hidePopover();
 		},
 		reportPanelShown(e) {
 			this.panelShown !== e && (this.panelShown = e, this.$emit("toggle", e));
@@ -877,9 +877,9 @@ var ut = {
 					maxWidth: this.maxWidth,
 					align: this.align
 				};
-				this.$refs.panel.style.minWidth = "", this.$refs.panel.style.minHeight = "", this.$refs.panel.style.scrollbarGutter = "", U(e, this.$refs.panel, t), requestAnimationFrame(() => {
+				this.$refs.panel.style.minWidth = "", this.$refs.panel.style.minHeight = "", this.$refs.panel.style.scrollbarGutter = "", ct(e, this.$refs.panel, t), requestAnimationFrame(() => {
 					let n = this.$refs.panel;
-					if (H(n) && (at(e, n, t), this.keepSize)) {
+					if (z(n) && (lt(e, n, t), this.keepSize)) {
 						n.scrollHeight > n.clientHeight + 1 && (n.style.scrollbarGutter = "stable");
 						let e = n.getBoundingClientRect();
 						n.style.minWidth = `${e.width}px`, n.style.top === "auto" && (n.style.minHeight = `${e.height}px`);
@@ -892,8 +892,8 @@ var ut = {
 		},
 		onToggle() {
 			this.stopListening();
-			let e = this.$refs.panel, t = H(e);
-			t && (this.stopClosing = ot(e, this.close), this.arrows && (this.stopArrows = ct(e, this.findSelected, this.findStops)), this.findTabStops !== null && (this.stopTab = lt(this.findTabStops))), t || this.restoreFocus(e), this.reportPanelShown(t), t !== this.panelIsOpen && (this.panelIsOpen = t, this.$emit("update:modelValue", t));
+			let e = this.$refs.panel, t = z(e);
+			t && (this.stopClosing = ut(e, this.close), this.arrows && (this.stopArrows = ft(e, this.findSelected, this.findStops)), this.findTabStops !== null && (this.stopTab = pt(this.findTabStops))), t || this.restoreFocus(e), this.reportPanelShown(t), t !== this.panelIsOpen && (this.panelIsOpen = t, this.$emit("update:modelValue", t));
 		},
 		restoreFocus(e) {
 			let t = this.focusWasInside;
@@ -905,10 +905,10 @@ var ut = {
 			this.stopClosing !== null && (this.stopClosing(), this.stopClosing = null), this.stopArrows !== null && (this.stopArrows(), this.stopArrows = null), this.stopTab !== null && (this.stopTab(), this.stopTab = null);
 		}
 	}
-}, dt = {
+}, ht = {
 	key: 0,
 	class: "bb:relative"
-}, ft = [
+}, gt = [
 	"id",
 	"role",
 	"aria-orientation",
@@ -916,8 +916,8 @@ var ut = {
 	"aria-label",
 	"tabindex"
 ];
-function pt(e, t, n, o, s, c) {
-	return n.hasContent ? (f(), i("span", dt, [m(e.$slots, "trigger", {
+function _t(e, t, n, o, s, c) {
+	return n.hasContent ? (f(), i("span", ht, [m(e.$slots, "trigger", {
 		id: o.buttonId,
 		popovertarget: o.panelId
 	}), a("div", {
@@ -933,15 +933,15 @@ function pt(e, t, n, o, s, c) {
 		onBeforetoggle: t[0] ||= (...e) => c.onBeforeToggle && c.onBeforeToggle(...e),
 		onToggle: t[1] ||= (...e) => c.onToggle && c.onToggle(...e),
 		onClick: t[2] ||= (...e) => c.onClick && c.onClick(...e)
-	}, [m(e.$slots, "default")], 42, ft)])) : r("", !0);
+	}, [m(e.$slots, "default")], 42, gt)])) : r("", !0);
 }
-var W = /*#__PURE__*/ M(ut, [["render", pt]]);
+var B = /*#__PURE__*/ A(mt, [["render", _t]]);
 //#endregion
 //#region src/date.js
-function G(e) {
+function V(e) {
 	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
 }
-function K(e) {
+function H(e) {
 	let t = /^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(e);
 	if (t === null) return null;
 	let [, n, r, i] = t.map(Number), a = /* @__PURE__ */ new Date(0);
@@ -949,11 +949,11 @@ function K(e) {
 }
 //#endregion
 //#region src/dayFocus.js
-var q = ".pika-button.pika-day", mt = ".pika-button, .pika-prev, .pika-next";
-function ht(e, t = () => null) {
+var U = ".pika-button.pika-day", vt = ".pika-button, .pika-prev, .pika-next";
+function yt(e, t = () => null) {
 	let n = (n) => {
 		if (n.detail !== 0) return;
-		let r = n.target.closest(mt);
+		let r = n.target.closest(vt);
 		r !== null && e.contains(r) && setTimeout(() => {
 			let n = document.activeElement === r;
 			if (r.dispatchEvent(new MouseEvent("mousedown", {
@@ -966,46 +966,46 @@ function ht(e, t = () => null) {
 	};
 	return e.addEventListener("click", n), () => e.removeEventListener("click", n);
 }
-var gt = {
+var bt = {
 	ArrowLeft: -1,
 	ArrowRight: 1,
 	ArrowUp: -7,
 	ArrowDown: 7
 };
-function _t(e, t) {
+function xt(e, t) {
 	let n = (n) => {
-		let r = gt[n.key];
-		if (r === void 0 || vt(document.activeElement)) return;
+		let r = bt[n.key];
+		if (r === void 0 || St(document.activeElement)) return;
 		n.preventDefault();
-		let i = document.activeElement?.closest(q) ?? null, a = i !== null && e.contains(i) ? bt(yt(i), r) : t.getDate() ?? xt();
-		J(e, a) === null && t.gotoDate(a), J(e, a)?.focus();
+		let i = document.activeElement?.closest(U) ?? null, a = i !== null && e.contains(i) ? wt(Ct(i), r) : t.getDate() ?? Tt();
+		W(e, a) === null && t.gotoDate(a), W(e, a)?.focus();
 	};
 	return document.addEventListener("keydown", n, !0), () => document.removeEventListener("keydown", n, !0);
 }
-function vt(e) {
+function St(e) {
 	return e !== null && e.matches("input, select, textarea, [contenteditable]");
 }
-function yt(e) {
+function Ct(e) {
 	return new Date(e.dataset.pikaYear, e.dataset.pikaMonth, e.dataset.pikaDay);
 }
-function bt(e, t) {
+function wt(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function xt() {
+function Tt() {
 	let e = /* @__PURE__ */ new Date();
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function J(e, t) {
-	return e.querySelector(`${q}[data-pika-year="${t.getFullYear()}"][data-pika-month="${t.getMonth()}"][data-pika-day="${t.getDate()}"]`);
+function W(e, t) {
+	return e.querySelector(`${U}[data-pika-year="${t.getFullYear()}"][data-pika-month="${t.getMonth()}"][data-pika-day="${t.getDate()}"]`);
 }
 //#endregion
 //#region src/components/SelectDate.vue
-var St = {
+var Et = {
 	components: {
-		PopoverPanel: W,
-		CrossButton: I
+		PopoverPanel: B,
+		CrossButton: P
 	},
-	mixins: [F],
+	mixins: [N],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -1036,8 +1036,8 @@ var St = {
 			keyboardInput: !1,
 			bound: !1,
 			firstDay: 1,
-			parse: (e) => K(e),
-			toString: (e) => G(e),
+			parse: (e) => H(e),
+			toString: (e) => V(e),
 			i18n: {
 				previousMonth: this.texts.previousMonth,
 				nextMonth: this.texts.nextMonth,
@@ -1046,9 +1046,9 @@ var St = {
 				weekdaysShort: this.texts.weekdaysShort
 			},
 			onSelect: (e) => {
-				this.popupIsOpen = !1, this.$emit("update:modelValue", G(e)), this.$emit("changed");
+				this.popupIsOpen = !1, this.$emit("update:modelValue", V(e)), this.$emit("changed");
 			}
-		}), this.stopPickOnClick = ht(this.$refs.container, () => this.$refs.trigger), this.syncDayFocus());
+		}), this.stopPickOnClick = yt(this.$refs.container, () => this.$refs.trigger), this.syncDayFocus());
 	},
 	beforeUnmount() {
 		this.isUnmounted = !0, this.stopPickOnClick?.(), this.stopDayFocus?.(), this.picker?.destroy();
@@ -1077,11 +1077,11 @@ var St = {
 			].includes(e.key) && (e.preventDefault(), this.$refs.trigger.focus({ preventScroll: !0 }), this.popupIsOpen = !0);
 		},
 		syncDayFocus() {
-			this.stopDayFocus?.(), this.stopDayFocus = null, this.popupIsOpen && this.picker !== null && (this.stopDayFocus = _t(this.$refs.container, this.picker));
+			this.stopDayFocus?.(), this.stopDayFocus = null, this.popupIsOpen && this.picker !== null && (this.stopDayFocus = xt(this.$refs.container, this.picker));
 		},
 		syncPicker(e) {
 			if (this.picker === null) return;
-			let t = K(e);
+			let t = H(e);
 			if (t === null) {
 				this.picker.clear();
 				return;
@@ -1107,22 +1107,22 @@ var St = {
 			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, Ct = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, wt = { class: "bb:relative bb:flex bb:h-full" }, Tt = [
+}, Dt = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, Ot = { class: "bb:relative bb:flex bb:h-full" }, kt = [
 	"id",
 	"popovertarget",
 	"aria-labelledby"
-], Et = ["textContent"], Dt = { class: "bb:flex bb:w-full bb:items-center bb:leading-none bb:min-w-24 bb:pointer-events-none" }, Ot = [
+], At = ["textContent"], jt = { class: "bb:flex bb:w-full bb:items-center bb:leading-none bb:min-w-24 bb:pointer-events-none" }, Mt = [
 	"disabled",
 	"value",
 	"placeholder",
 	"aria-labelledby"
-], kt = {
+], Nt = {
 	ref: "container",
 	class: "bb:flex"
 };
-function At(e, t, o, c, l, u) {
+function Pt(e, t, o, c, l, u) {
 	let d = h("popover-panel"), p = h("cross-button");
-	return f(), i("div", Ct, [a("div", wt, [s(d, {
+	return f(), i("div", Dt, [a("div", Ot, [s(d, {
 		class: "bb:flex bb:w-full",
 		modelValue: l.popupIsOpen,
 		"onUpdate:modelValue": t[1] ||= (e) => l.popupIsOpen = e,
@@ -1140,7 +1140,7 @@ function At(e, t, o, c, l, u) {
 		}, [a("span", {
 			class: "bb:sr-only bb:pointer-events-none bb:cursor-default",
 			textContent: _(u.triggerLabel)
-		}, null, 8, Et)], 8, Tt), a("label", Dt, [a("input", {
+		}, null, 8, At)], 8, kt), a("label", jt, [a("input", {
 			disabled: l.popupIsOpen,
 			ref: "field",
 			onKeydown: t[0] ||= (...e) => u.openOnKey && u.openOnKey(...e),
@@ -1149,8 +1149,8 @@ function At(e, t, o, c, l, u) {
 			placeholder: o.placeholderText,
 			"aria-labelledby": o.labelledBy || null,
 			class: "bb:w-full bb:h-full bb:py-2 bb:pl-3 bb:pr-3 bb:leading-none bb:border bb:border-transparent bb:whitespace-nowrap bb:bg-transparent bb:placeholder:text-sm bb:placeholder-gray-300 bb:cursor-pointer bb:focus:focus-ring bb:rounded-[var(--bb-field-radius,0)]"
-		}, null, 40, Ot)])]),
-		default: b(() => [a("div", kt, null, 512)]),
+		}, null, 40, Mt)])]),
+		default: b(() => [a("div", Nt, null, 512)]),
 		_: 1
 	}, 8, ["modelValue"]), u.needsEraser ? (f(), n(p, {
 		key: 0,
@@ -1161,10 +1161,10 @@ function At(e, t, o, c, l, u) {
 		lang: e.resolvedLang
 	}, null, 8, ["onClicked", "lang"])) : r("", !0)])]);
 }
-var Y = /*#__PURE__*/ M(St, [["render", At]]), jt = {
+var G = /*#__PURE__*/ A(Et, [["render", Pt]]), Ft = {
 	components: {
-		ElementHeader: P,
-		SelectDate: Y
+		ElementHeader: M,
+		SelectDate: G
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -1189,10 +1189,10 @@ var Y = /*#__PURE__*/ M(St, [["render", At]]), jt = {
 			default: null
 		}
 	}
-}, Mt = { class: "bb-dashboard-ui bb:flex bb:w-fit bb:h-18 bb:border bb:border-gray-200" }, Nt = { class: "bb:flex bb:border bb:border-white" }, Pt = { class: "bb:flex bb:flex-col bb:w-36 bb:bg-white bb:h-full" };
-function Ft(e, t, n, r, o, c) {
+}, It = { class: "bb-dashboard-ui bb:flex bb:w-fit bb:h-18 bb:border bb:border-gray-200" }, Lt = { class: "bb:flex bb:border bb:border-white" }, Rt = { class: "bb:flex bb:flex-col bb:w-36 bb:bg-white bb:h-full" };
+function zt(e, t, n, r, o, c) {
 	let l = h("element-header"), u = h("select-date");
-	return f(), i("div", Mt, [a("div", Nt, [a("div", Pt, [s(l, {
+	return f(), i("div", It, [a("div", Lt, [a("div", Rt, [s(l, {
 		text: n.header ?? "",
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -1208,10 +1208,10 @@ function Ft(e, t, n, r, o, c) {
 		onChanged: t[1] ||= (t) => e.$emit("changed")
 	}, null, 8, ["model-value", "lang"])])])]);
 }
-var It = /*#__PURE__*/ M(jt, [["render", Ft]]), Lt = {
+var Bt = /*#__PURE__*/ A(Ft, [["render", zt]]), Vt = {
 	components: {
-		Dot: N,
-		SelectDate: Y
+		Dot: j,
+		SelectDate: G
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -1235,17 +1235,17 @@ var It = /*#__PURE__*/ M(jt, [["render", Ft]]), Lt = {
 	setup() {
 		return { labelId: v() };
 	}
-}, Rt = { class: "bb-dashboard-ui" }, zt = { class: "bb:flex bb:items-center" }, Bt = ["id", "textContent"], Vt = { class: "bb:mt-1 bb:flex bb:h-9.5 bb:w-full bb:rounded-md bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:[--bb-field-radius:0.375rem]" };
-function Ht(e, t, n, r, o, c) {
+}, Ht = { class: "bb-dashboard-ui" }, Ut = { class: "bb:flex bb:items-center" }, Wt = ["id", "textContent"], Gt = { class: "bb:mt-1 bb:flex bb:h-9.5 bb:w-full bb:rounded-md bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:[--bb-field-radius:0.375rem]" };
+function Kt(e, t, n, r, o, c) {
 	let l = h("dot"), u = h("select-date");
-	return f(), i("div", Rt, [a("div", zt, [a("span", {
+	return f(), i("div", Ht, [a("div", Ut, [a("span", {
 		id: r.labelId,
 		class: "bb:block bb:text-sm bb:font-medium bb:leading-5 bb:text-gray-700",
 		textContent: _(n.label ?? "")
-	}, null, 8, Bt), x(s(l, {
+	}, null, 8, Wt), x(s(l, {
 		color: "red",
 		class: "bb:ml-2"
-	}, null, 512), [[y, n.isRequired]])]), a("div", Vt, [s(u, {
+	}, null, 512), [[y, n.isRequired]])]), a("div", Gt, [s(u, {
 		class: "bb:flex-1",
 		"model-value": n.modelValue,
 		"labelled-by": r.labelId,
@@ -1258,9 +1258,9 @@ function Ht(e, t, n, r, o, c) {
 		"lang"
 	])])]);
 }
-var Ut = /*#__PURE__*/ M(Lt, [["render", Ht]]), Wt = {
+var qt = /*#__PURE__*/ A(Vt, [["render", Kt]]), Jt = {
 	inheritAttrs: !1,
-	mixins: [F],
+	mixins: [N],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -1317,17 +1317,17 @@ var Ut = /*#__PURE__*/ M(Lt, [["render", Ht]]), Wt = {
 		}
 	}
 };
-function Gt(e, t, n, r, i, a) {
+function Yt(e, t, n, r, i, a) {
 	return m(e.$slots, "default", {
 		from: a.from,
 		to: a.to
 	});
 }
-var X = /*#__PURE__*/ M(Wt, [["render", Gt]]), Kt = {
+var K = /*#__PURE__*/ A(Jt, [["render", Yt]]), Xt = {
 	components: {
-		ElementHeader: P,
-		SelectDate: Y,
-		SelectDateInterval: X
+		ElementHeader: M,
+		SelectDate: G,
+		SelectDateInterval: K
 	},
 	emits: [
 		"update:dateFrom",
@@ -1360,10 +1360,10 @@ var X = /*#__PURE__*/ M(Wt, [["render", Gt]]), Kt = {
 			default: null
 		}
 	}
-}, qt = { class: "bb-dashboard-ui bb:flex bb:w-fit bb:h-18 bb:border bb:border-gray-200" }, Jt = { class: "bb:flex bb:border bb:border-white" }, Yt = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Xt = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
-function Zt(e, t, n, r, o, c) {
+}, Zt = { class: "bb-dashboard-ui bb:flex bb:w-fit bb:h-18 bb:border bb:border-gray-200" }, Qt = { class: "bb:flex bb:border bb:border-white" }, $t = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, en = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function tn(e, t, n, r, o, c) {
 	let l = h("element-header"), u = h("select-date"), d = h("select-date-interval");
-	return f(), i("div", qt, [a("div", Jt, [a("div", Yt, [s(l, {
+	return f(), i("div", Zt, [a("div", Qt, [a("div", $t, [s(l, {
 		text: n.header ?? "",
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -1379,7 +1379,7 @@ function Zt(e, t, n, r, o, c) {
 		"onUpdate:dateTo": t[1] ||= (t) => e.$emit("update:dateTo", t),
 		onChanged: t[2] ||= (t) => e.$emit("changed")
 	}, {
-		default: b(({ from: e, to: t }) => [a("div", Xt, [s(u, {
+		default: b(({ from: e, to: t }) => [a("div", en, [s(u, {
 			class: "bb:flex-1 bb:min-w-36",
 			"model-value": e.value,
 			"placeholder-text": e.placeholder,
@@ -1409,11 +1409,11 @@ function Zt(e, t, n, r, o, c) {
 		"lang"
 	])])])]);
 }
-var Qt = /*#__PURE__*/ M(Kt, [["render", Zt]]), $t = {
+var nn = /*#__PURE__*/ A(Xt, [["render", tn]]), rn = {
 	components: {
-		Dot: N,
-		SelectDate: Y,
-		SelectDateInterval: X
+		Dot: j,
+		SelectDate: G,
+		SelectDateInterval: K
 	},
 	emits: [
 		"update:dateFrom",
@@ -1445,14 +1445,14 @@ var Qt = /*#__PURE__*/ M(Kt, [["render", Zt]]), $t = {
 	setup() {
 		return { labelId: v() };
 	}
-}, en = { class: "bb-dashboard-ui" }, tn = { class: "bb:flex bb:items-center" }, nn = ["id", "textContent"], rn = ["aria-labelledby"], an = { class: "bb:flex bb:h-9.5 bb:w-full bb:rounded-md bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:[--bb-field-radius:0.375rem]" }, on = { class: "bb:flex bb:h-9.5 bb:w-full bb:rounded-md bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:[--bb-field-radius:0.375rem]" };
-function sn(e, t, n, r, o, c) {
+}, an = { class: "bb-dashboard-ui" }, on = { class: "bb:flex bb:items-center" }, sn = ["id", "textContent"], cn = ["aria-labelledby"], ln = { class: "bb:flex bb:h-9.5 bb:w-full bb:rounded-md bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:[--bb-field-radius:0.375rem]" }, un = { class: "bb:flex bb:h-9.5 bb:w-full bb:rounded-md bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:[--bb-field-radius:0.375rem]" };
+function dn(e, t, n, r, o, c) {
 	let l = h("dot"), u = h("select-date"), d = h("select-date-interval");
-	return f(), i("div", en, [a("div", tn, [a("span", {
+	return f(), i("div", an, [a("div", on, [a("span", {
 		id: r.labelId,
 		class: "bb:block bb:text-sm bb:font-medium bb:leading-5 bb:text-gray-700",
 		textContent: _(n.label ?? "")
-	}, null, 8, nn), x(s(l, {
+	}, null, 8, sn), x(s(l, {
 		color: "red",
 		class: "bb:ml-2"
 	}, null, 512), [[y, n.isRequired]])]), a("div", {
@@ -1467,7 +1467,7 @@ function sn(e, t, n, r, o, c) {
 		"onUpdate:dateTo": t[1] ||= (t) => e.$emit("update:dateTo", t),
 		onChanged: t[2] ||= (t) => e.$emit("changed")
 	}, {
-		default: b(({ from: e, to: t }) => [a("div", an, [s(u, {
+		default: b(({ from: e, to: t }) => [a("div", ln, [s(u, {
 			class: "bb:flex-1",
 			"model-value": e.value,
 			"placeholder-text": e.placeholder,
@@ -1478,7 +1478,7 @@ function sn(e, t, n, r, o, c) {
 			"placeholder-text",
 			"lang",
 			"onUpdate:modelValue"
-		])]), a("div", on, [s(u, {
+		])]), a("div", un, [s(u, {
 			class: "bb:flex-1",
 			"model-value": t.value,
 			"placeholder-text": t.placeholder,
@@ -1495,12 +1495,12 @@ function sn(e, t, n, r, o, c) {
 		"date-from",
 		"date-to",
 		"lang"
-	])], 8, rn)]);
+	])], 8, cn)]);
 }
-var cn = /*#__PURE__*/ M($t, [["render", sn]]), ln = {
+var fn = /*#__PURE__*/ A(rn, [["render", dn]]), pn = {
 	components: {
-		PopoverPanel: W,
-		CrossButton: I
+		PopoverPanel: B,
+		CrossButton: P
 	},
 	emits: [
 		"update:isOpen",
@@ -1552,14 +1552,14 @@ var cn = /*#__PURE__*/ M($t, [["render", sn]]), ln = {
 		let e = this.$refs.eraser.$el;
 		document.activeElement === e && e.matches(":focus-visible") && this.$refs.trigger.focus({ preventScroll: !0 }), this.$emit("erased");
 	} }
-}, un = { class: "bb:flex bb:flex-col bb:grow" }, dn = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, fn = [
+}, mn = { class: "bb:flex bb:flex-col bb:grow" }, hn = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, gn = [
 	"id",
 	"popovertarget",
 	"aria-labelledby"
-], pn = ["textContent"];
-function mn(e, t, o, c, l, u) {
+], _n = ["textContent"];
+function vn(e, t, o, c, l, u) {
 	let d = h("popover-panel"), p = h("cross-button");
-	return f(), i("div", un, [a("div", dn, [s(d, {
+	return f(), i("div", mn, [a("div", hn, [s(d, {
 		class: "bb:flex bb:w-full bb:h-full",
 		"model-value": o.isOpen,
 		align: "start",
@@ -1583,7 +1583,7 @@ function mn(e, t, o, c, l, u) {
 		}, [a("span", {
 			class: "bb:flex bb:w-full bb:h-full bb:pl-3 bb:pr-12 bb:py-2 bb:items-center bb:whitespace-nowrap bb:leading-none bb:pointer-events-none bb:cursor-default",
 			textContent: _(o.title)
-		}, null, 8, pn)], 8, fn)]),
+		}, null, 8, _n)], 8, gn)]),
 		default: b(() => [m(e.$slots, "default")]),
 		_: 3
 	}, 8, [
@@ -1601,7 +1601,7 @@ function mn(e, t, o, c, l, u) {
 		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
 	}, null, 8, ["lang", "onClicked"])) : r("", !0)])]);
 }
-var hn = /*#__PURE__*/ M(ln, [["render", mn]]), gn = {
+var q = /*#__PURE__*/ A(pn, [["render", vn]]), yn = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -1613,32 +1613,32 @@ var hn = /*#__PURE__*/ M(ln, [["render", mn]]), gn = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, _n = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center bb:pointer-events-none bb:cursor-default" }, vn = {
+}, bn = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center bb:pointer-events-none bb:cursor-default" }, xn = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
 	viewBox: "0 0 20 20",
 	"aria-hidden": "true"
-}, yn = ["textContent"];
-function bn(e, t, n, r, o, s) {
+}, Sn = ["textContent"];
+function Cn(e, t, n, r, o, s) {
 	return f(), i("button", {
 		type: "button",
 		onClick: t[0] ||= C((...e) => s.toggle && s.toggle(...e), ["prevent"]),
 		class: "bb:flex bb:w-full bb:bg-white bb:cursor-pointer bb:focus:outline-hidden bb:hover:bg-indigo-100 bb:focus:bg-indigo-100"
-	}, [a("span", _n, [x((f(), i("svg", vn, [...t[1] ||= [a("path", {
+	}, [a("span", bn, [x((f(), i("svg", xn, [...t[1] ||= [a("path", {
 		d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
 		"clip-rule": "evenodd",
 		"fill-rule": "evenodd"
 	}, null, -1)]], 512)), [[y, n.isChecked]])]), a("span", {
 		class: "bb:flex bb:h-9 bb:justify-center bb:items-center bb:pr-6 bb:whitespace-nowrap bb:select-none bb:pointer-events-none bb:cursor-default",
 		textContent: _(n.name)
-	}, null, 8, yn)]);
+	}, null, 8, Sn)]);
 }
-var xn = /*#__PURE__*/ M(gn, [["render", bn]]), Sn = {
+var wn = /*#__PURE__*/ A(yn, [["render", Cn]]), Tn = {
 	components: {
-		DropdownButton: hn,
-		ListElement: xn,
-		CrossButton: I
+		DropdownButton: q,
+		ListElement: wn,
+		CrossButton: P
 	},
-	mixins: [F],
+	mixins: [N],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		items: {
@@ -1737,13 +1737,13 @@ var xn = /*#__PURE__*/ M(gn, [["render", bn]]), Sn = {
 			this.query = "", this.$refs.search.focus();
 		}
 	}
-}, Cn = { class: "bb-dashboard-ui bb:flex bb:flex-col bb:grow" }, wn = {
+}, En = { class: "bb-dashboard-ui bb:flex bb:flex-col bb:grow" }, Dn = {
 	key: 0,
 	class: "bb:sticky bb:top-0 bb:min-w-56 bb:px-2 bb:py-2 bb:bg-white bb:border-b bb:border-gray-200"
-}, Tn = { class: "bb:relative" }, En = ["placeholder", "aria-label"], Dn = ["textContent"];
-function On(t, o, c, l, u, d) {
+}, On = { class: "bb:relative" }, kn = ["placeholder", "aria-label"], An = ["textContent"];
+function jn(t, o, c, l, u, d) {
 	let m = h("cross-button"), g = h("list-element"), v = h("dropdown-button");
-	return f(), i("div", Cn, [d.hasItems ? (f(), n(v, {
+	return f(), i("div", En, [d.hasItems ? (f(), n(v, {
 		key: 0,
 		title: d.title,
 		"is-open": u.isOpen,
@@ -1758,7 +1758,7 @@ function On(t, o, c, l, u, d) {
 		onErased: d.clear,
 		onToggle: d.onToggle
 	}, {
-		default: b(() => [c.withSearch ? (f(), i("div", wn, [a("div", Tn, [x(a("input", {
+		default: b(() => [c.withSearch ? (f(), i("div", Dn, [a("div", On, [x(a("input", {
 			ref: "search",
 			type: "text",
 			autocomplete: "off",
@@ -1767,7 +1767,7 @@ function On(t, o, c, l, u, d) {
 			"aria-label": t.texts.search,
 			class: "bb:w-full bb:pl-3 bb:pr-9 bb:py-2 bb:text-sm bb:bg-white bb:border bb:border-gray-300 bb:rounded-md bb:focus:focus-ring",
 			onKeydown: o[1] ||= S(C(() => {}, ["prevent"]), ["enter"])
-		}, null, 40, En), [[te, u.query]]), x(s(m, {
+		}, null, 40, kn), [[te, u.query]]), x(s(m, {
 			ref: "searchEraser",
 			size: "small",
 			lang: t.lang,
@@ -1793,7 +1793,7 @@ function On(t, o, c, l, u, d) {
 			key: 2,
 			class: "bb:px-3 bb:py-2 bb:text-sm bb:text-gray-500 bb:text-center",
 			textContent: _(t.texts.nothingFound)
-		}, null, 8, Dn))]),
+		}, null, 8, An))]),
 		_: 1
 	}, 8, [
 		"title",
@@ -1809,10 +1809,10 @@ function On(t, o, c, l, u, d) {
 		"onToggle"
 	])) : r("", !0)]);
 }
-var kn = /*#__PURE__*/ M(Sn, [["render", On]]), An = {
+var Mn = /*#__PURE__*/ A(Tn, [["render", jn]]), Nn = {
 	components: {
-		ElementHeader: P,
-		SelectMultiple: kn
+		ElementHeader: M,
+		SelectMultiple: Mn
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -1845,10 +1845,10 @@ var kn = /*#__PURE__*/ M(Sn, [["render", On]]), An = {
 			default: null
 		}
 	}
-}, jn = { class: "bb-dashboard-ui bb:flex bb:flex-none bb:w-fit bb:h-18 bb:border bb:border-gray-200" }, Mn = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" };
-function Nn(e, t, n, r, o, c) {
+}, Pn = { class: "bb-dashboard-ui bb:flex bb:flex-none bb:w-fit bb:h-18 bb:border bb:border-gray-200" }, Fn = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" };
+function In(e, t, n, r, o, c) {
 	let l = h("element-header"), u = h("select-multiple");
-	return f(), i("div", jn, [a("div", Mn, [s(l, {
+	return f(), i("div", Pn, [a("div", Fn, [s(l, {
 		text: n.header ?? "",
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -1870,10 +1870,10 @@ function Nn(e, t, n, r, o, c) {
 		"lang"
 	])])]);
 }
-var Pn = /*#__PURE__*/ M(An, [["render", Nn]]), Fn = {
+var Ln = /*#__PURE__*/ A(Nn, [["render", In]]), Rn = {
 	components: {
-		Dot: N,
-		SelectMultiple: kn
+		Dot: j,
+		SelectMultiple: Mn
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -1905,17 +1905,17 @@ var Pn = /*#__PURE__*/ M(An, [["render", Nn]]), Fn = {
 	setup() {
 		return { labelId: v() };
 	}
-}, In = { class: "bb-dashboard-ui" }, Ln = { class: "bb:flex bb:items-center" }, Rn = ["id", "textContent"], zn = { class: "bb:mt-1 bb:h-9.5 bb:w-full bb:rounded-md bb:[--bb-field-radius:0.375rem] bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:flex bb:flex-col" };
-function Bn(e, t, n, r, o, c) {
+}, zn = { class: "bb-dashboard-ui" }, Bn = { class: "bb:flex bb:items-center" }, Vn = ["id", "textContent"], Hn = { class: "bb:mt-1 bb:h-9.5 bb:w-full bb:rounded-md bb:[--bb-field-radius:0.375rem] bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:flex bb:flex-col" };
+function Un(e, t, n, r, o, c) {
 	let l = h("dot"), u = h("select-multiple");
-	return f(), i("div", In, [a("div", Ln, [a("span", {
+	return f(), i("div", zn, [a("div", Bn, [a("span", {
 		id: r.labelId,
 		class: "bb:block bb:text-sm bb:font-medium bb:leading-5 bb:text-gray-700",
 		textContent: _(n.label ?? "")
-	}, null, 8, Rn), x(s(l, {
+	}, null, 8, Vn), x(s(l, {
 		color: "red",
 		class: "bb:ml-2"
-	}, null, 512), [[y, n.isRequired]])]), a("div", zn, [s(u, {
+	}, null, 512), [[y, n.isRequired]])]), a("div", Hn, [s(u, {
 		items: n.items,
 		"model-value": n.modelValue,
 		"with-search": n.withSearch,
@@ -1931,10 +1931,127 @@ function Bn(e, t, n, r, o, c) {
 		"labelled-by"
 	])])]);
 }
-var Vn = /*#__PURE__*/ M(Fn, [["render", Bn]]), Hn = {
+var Wn = /*#__PURE__*/ A(Rn, [["render", Un]]);
+function J(e) {
+	return Number.isInteger(e) && e >= 1;
+}
+function Y(e) {
+	return J(e) ? e : 2;
+}
+function Gn(e) {
+	return { gridTemplateColumns: `repeat(${e}, minmax(0, 1fr))` };
+}
+function Kn(e, t) {
+	let n = Math.floor(e / t), r = e % t, i = [];
+	for (let e = 0; e < t; e++) {
+		let t = e < r ? n + 1 : n;
+		for (let n = 1; n <= t; n++) i.push({
+			gridColumn: e + 1,
+			gridRow: n
+		});
+	}
+	return i;
+}
+//#endregion
+//#region src/components/SelectMultipleList.vue
+var qn = {
+	components: { Dot: j },
+	emits: ["update:modelValue", "changed"],
+	props: {
+		items: {
+			type: Array,
+			required: !0
+		},
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		isRequired: {
+			type: Boolean,
+			default: !1
+		},
+		columns: {
+			type: Number,
+			default: 2,
+			validator: J
+		}
+	},
+	setup() {
+		return { labelId: v() };
+	},
+	computed: {
+		itemList() {
+			return Array.isArray(this.items) ? this.items.filter((e) => typeof e == "object" && !!e) : [];
+		},
+		selectedIds() {
+			return Array.isArray(this.modelValue) ? this.modelValue : [];
+		},
+		gridStyle() {
+			return Gn(Y(this.columns));
+		},
+		itemStyles() {
+			return Kn(this.itemList.length, Y(this.columns));
+		}
+	},
+	methods: {
+		isChecked(e) {
+			return this.selectedIds.includes(e.id);
+		},
+		itemName(e) {
+			return String(e.name ?? "");
+		},
+		async toggle(e) {
+			this.$emit("update:modelValue", this.isChecked(e) ? this.selectedIds.filter((t) => t !== e.id) : [...this.selectedIds, e.id]), this.$emit("changed"), await this.$nextTick(), this.syncChecked();
+		},
+		syncChecked() {
+			this.$el.querySelectorAll("input").forEach((e, t) => {
+				e.checked = this.isChecked(this.itemList[t]);
+			});
+		}
+	}
+}, Jn = { class: "bb-dashboard-ui" }, Yn = { class: "bb:flex bb:items-center" }, Xn = ["id", "textContent"], Zn = ["aria-labelledby"], Qn = { class: "bb:relative bb:flex bb:shrink-0" }, $n = ["checked", "onChange"], er = {
+	key: 0,
+	class: "bb:pointer-events-none bb:absolute bb:inset-0 bb:size-4 bb:fill-white bb:forced-colors:hidden",
+	viewBox: "0 0 16 16",
+	"aria-hidden": "true"
+}, tr = ["textContent"];
+function nr(t, n, o, c, l, m) {
+	let g = h("dot");
+	return f(), i("div", Jn, [a("div", Yn, [a("span", {
+		id: c.labelId,
+		class: "bb:block bb:text-sm bb:font-medium bb:leading-5 bb:text-gray-700",
+		textContent: _(o.label ?? "")
+	}, null, 8, Xn), x(s(g, {
+		color: "red",
+		class: "bb:ml-2"
+	}, null, 512), [[y, o.isRequired]])]), m.itemList.length > 0 ? (f(), i("div", {
+		key: 0,
+		role: "group",
+		"aria-labelledby": c.labelId,
+		class: "bb:mt-1 bb:grid bb:gap-x-4 bb:gap-y-2",
+		style: d(m.gridStyle)
+	}, [(f(!0), i(e, null, p(m.itemList, (e, t) => (f(), i("label", {
+		key: t,
+		style: d(m.itemStyles[t]),
+		class: "bb:flex bb:items-center"
+	}, [a("span", Qn, [a("input", {
+		type: "checkbox",
+		checked: m.isChecked(e),
+		class: u(["bb:size-4 bb:rounded bb:border bb:bg-none bb:focus-visible:focus-ring bb:forced-colors:appearance-auto", m.isChecked(e) ? "bb:border-indigo-600 bb:bg-indigo-600" : "bb:border-gray-300 bb:bg-white"]),
+		onChange: (t) => m.toggle(e)
+	}, null, 42, $n), m.isChecked(e) ? (f(), i("svg", er, [...n[0] ||= [a("path", { d: "M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z" }, null, -1)]])) : r("", !0)]), a("span", {
+		class: "bb:ml-3 bb:text-sm bb:font-medium bb:text-gray-700",
+		textContent: _(m.itemName(e))
+	}, null, 8, tr)], 4))), 128))], 12, Zn)) : r("", !0)]);
+}
+var rr = /*#__PURE__*/ A(qn, [["render", nr]]), ir = {
 	components: {
-		DropdownButton: hn,
-		ListElement: xn
+		DropdownButton: q,
+		ListElement: wn
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -1989,13 +2106,13 @@ var Vn = /*#__PURE__*/ M(Fn, [["render", Bn]]), Hn = {
 			return this.$refs.list ? [...this.$refs.list.querySelectorAll(":scope > button")] : [];
 		}
 	}
-}, Un = { class: "bb-dashboard-ui bb:flex bb:flex-col bb:grow" }, Wn = {
+}, ar = { class: "bb-dashboard-ui bb:flex bb:flex-col bb:grow" }, or = {
 	ref: "list",
 	class: "bb:flex bb:flex-col bb:py-1 bb:divide-y bb:divide-gray-200 bb:divide-dashed"
 };
-function Gn(t, o, s, c, l, u) {
+function sr(t, o, s, c, l, u) {
 	let d = h("list-element"), m = h("dropdown-button");
-	return f(), i("div", Un, [u.hasItems ? (f(), n(m, {
+	return f(), i("div", ar, [u.hasItems ? (f(), n(m, {
 		key: 0,
 		title: u.activeItemName,
 		"is-open": l.isOpen,
@@ -2006,7 +2123,7 @@ function Gn(t, o, s, c, l, u) {
 		"find-tab-stops": u.itemStops,
 		onErased: u.clear
 	}, {
-		default: b(() => [a("div", Wn, [(f(!0), i(e, null, p(u.itemList, (e) => (f(), n(d, {
+		default: b(() => [a("div", or, [(f(!0), i(e, null, p(u.itemList, (e) => (f(), n(d, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === s.modelValue,
@@ -2027,10 +2144,10 @@ function Gn(t, o, s, c, l, u) {
 		"onErased"
 	])) : r("", !0)]);
 }
-var Kn = /*#__PURE__*/ M(Hn, [["render", Gn]]), qn = {
+var cr = /*#__PURE__*/ A(ir, [["render", sr]]), lr = {
 	components: {
-		ElementHeader: P,
-		SelectSingle: Kn
+		ElementHeader: M,
+		SelectSingle: cr
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -2055,10 +2172,10 @@ var Kn = /*#__PURE__*/ M(Hn, [["render", Gn]]), qn = {
 			default: !1
 		}
 	}
-}, Jn = { class: "bb-dashboard-ui bb:flex bb:flex-none bb:w-fit bb:h-18 bb:border bb:border-gray-200" }, Yn = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" };
-function Xn(e, t, n, r, o, c) {
+}, ur = { class: "bb-dashboard-ui bb:flex bb:flex-none bb:w-fit bb:h-18 bb:border bb:border-gray-200" }, dr = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" };
+function fr(e, t, n, r, o, c) {
 	let l = h("element-header"), u = h("select-single");
-	return f(), i("div", Jn, [a("div", Yn, [s(l, {
+	return f(), i("div", ur, [a("div", dr, [s(l, {
 		text: n.header ?? "",
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -2073,10 +2190,10 @@ function Xn(e, t, n, r, o, c) {
 		onChanged: t[1] ||= (t) => e.$emit("changed")
 	}, null, 8, ["items", "model-value"])])]);
 }
-var Zn = /*#__PURE__*/ M(qn, [["render", Xn]]), Qn = {
+var pr = /*#__PURE__*/ A(lr, [["render", fr]]), mr = {
 	components: {
-		Dot: N,
-		SelectSingle: Kn
+		Dot: j,
+		SelectSingle: cr
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -2100,17 +2217,17 @@ var Zn = /*#__PURE__*/ M(qn, [["render", Xn]]), Qn = {
 	setup() {
 		return { labelId: v() };
 	}
-}, $n = { class: "bb-dashboard-ui" }, er = { class: "bb:flex bb:items-center" }, tr = ["id", "textContent"], nr = { class: "bb:mt-1 bb:h-9.5 bb:w-full bb:rounded-md bb:[--bb-field-radius:0.375rem] bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:flex bb:flex-col" };
-function rr(e, t, n, r, o, c) {
+}, hr = { class: "bb-dashboard-ui" }, gr = { class: "bb:flex bb:items-center" }, _r = ["id", "textContent"], vr = { class: "bb:mt-1 bb:h-9.5 bb:w-full bb:rounded-md bb:[--bb-field-radius:0.375rem] bb:border bb:border-gray-300 bb:bg-white bb:shadow-xs bb:text-sm bb:flex bb:flex-col" };
+function yr(e, t, n, r, o, c) {
 	let l = h("dot"), u = h("select-single");
-	return f(), i("div", $n, [a("div", er, [a("span", {
+	return f(), i("div", hr, [a("div", gr, [a("span", {
 		id: r.labelId,
 		class: "bb:block bb:text-sm bb:font-medium bb:leading-5 bb:text-gray-700",
 		textContent: _(n.label ?? "")
-	}, null, 8, tr), x(s(l, {
+	}, null, 8, _r), x(s(l, {
 		color: "red",
 		class: "bb:ml-2"
-	}, null, 512), [[y, n.isRequired]])]), a("div", nr, [s(u, {
+	}, null, 512), [[y, n.isRequired]])]), a("div", vr, [s(u, {
 		items: n.items,
 		"model-value": n.modelValue,
 		"labelled-by": r.labelId,
@@ -2122,8 +2239,113 @@ function rr(e, t, n, r, o, c) {
 		"labelled-by"
 	])])]);
 }
-var ir = /*#__PURE__*/ M(Qn, [["render", rr]]), ar = {
-	mixins: [j],
+var br = /*#__PURE__*/ A(mr, [["render", yr]]), xr = {
+	components: { Dot: j },
+	emits: ["update:modelValue", "changed"],
+	props: {
+		items: {
+			type: Array,
+			required: !0
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: null
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		isRequired: {
+			type: Boolean,
+			default: !1
+		},
+		columns: {
+			type: Number,
+			default: 2,
+			validator: J
+		}
+	},
+	setup() {
+		return {
+			labelId: v(),
+			groupName: v()
+		};
+	},
+	computed: {
+		itemList() {
+			return Array.isArray(this.items) ? this.items.filter((e) => typeof e == "object" && !!e) : [];
+		},
+		gridStyle() {
+			return Gn(Y(this.columns));
+		},
+		itemStyles() {
+			return Kn(this.itemList.length, Y(this.columns));
+		}
+	},
+	methods: {
+		isSelected(e) {
+			return e.id === this.modelValue;
+		},
+		itemName(e) {
+			return String(e.name ?? "");
+		},
+		async select(e) {
+			this.$emit("update:modelValue", e.id), this.$emit("changed"), await this.$nextTick(), this.syncChecked();
+		},
+		syncChecked() {
+			this.$el.querySelectorAll("input").forEach((e, t) => {
+				e.checked = this.isSelected(this.itemList[t]);
+			});
+		}
+	}
+}, Sr = { class: "bb-dashboard-ui" }, Cr = { class: "bb:flex bb:items-center" }, wr = ["id", "textContent"], Tr = ["aria-labelledby"], Er = [
+	"name",
+	"checked",
+	"onChange"
+], Dr = {
+	key: 0,
+	class: "bb:size-2 bb:rounded-full bb:bg-indigo-600 bb:forced-colors:bg-[CanvasText]"
+}, Or = ["textContent"];
+function kr(t, n, o, c, l, m) {
+	let g = h("dot");
+	return f(), i("div", Sr, [a("div", Cr, [a("span", {
+		id: c.labelId,
+		class: "bb:block bb:text-sm bb:font-medium bb:leading-5 bb:text-gray-700",
+		textContent: _(o.label ?? "")
+	}, null, 8, wr), x(s(g, {
+		color: "red",
+		class: "bb:ml-2"
+	}, null, 512), [[y, o.isRequired]])]), m.itemList.length > 0 ? (f(), i("div", {
+		key: 0,
+		role: "radiogroup",
+		"aria-labelledby": c.labelId,
+		class: "bb:mt-2 bb:grid bb:gap-3",
+		style: d(m.gridStyle)
+	}, [(f(!0), i(e, null, p(m.itemList, (e, t) => (f(), i("label", {
+		key: t,
+		style: d(m.itemStyles[t]),
+		class: u(["bb:relative bb:flex bb:items-start bb:p-3 bb:border bb:rounded-md bb:cursor-pointer bb:select-none bb:transition-[background-color,border-color] bb:has-focus-visible:focus-ring", m.isSelected(e) ? "bb:border-indigo-500 bb:bg-indigo-50" : "bb:border-gray-300 bb:bg-white bb:hover:bg-gray-50"])
+	}, [
+		a("input", {
+			type: "radio",
+			name: c.groupName,
+			checked: m.isSelected(e),
+			class: "bb:absolute bb:inset-0 bb:size-full bb:cursor-pointer bb:bg-none bb:opacity-0",
+			onChange: (t) => m.select(e)
+		}, null, 40, Er),
+		a("span", { class: u(["bb:pointer-events-none bb:cursor-default bb:shrink-0 bb:mt-0.5 bb:size-4 bb:rounded-full bb:border-2 bb:flex bb:items-center bb:justify-center", m.isSelected(e) ? "bb:border-indigo-600 bb:forced-colors:border-[Highlight]" : "bb:border-gray-400"]) }, [m.isSelected(e) ? (f(), i("span", Dr)) : r("", !0)], 2),
+		a("span", {
+			class: "bb:pointer-events-none bb:cursor-default bb:ml-3 bb:text-sm bb:font-medium bb:text-gray-700",
+			textContent: _(m.itemName(e))
+		}, null, 8, Or)
+	], 6))), 128))], 12, Tr)) : r("", !0)]);
+}
+var Ar = /*#__PURE__*/ A(xr, [["render", kr]]), jr = {
+	mixins: [k],
 	props: {
 		text: {
 			type: String,
@@ -2132,17 +2354,17 @@ var ir = /*#__PURE__*/ M(Qn, [["render", rr]]), ar = {
 		color: {
 			type: String,
 			required: !0,
-			validator: A
+			validator: O
 		}
 	}
-}, or = ["textContent"];
-function sr(e, t, n, r, a, o) {
+}, Mr = ["textContent"];
+function Nr(e, t, n, r, a, o) {
 	return f(), i("span", {
 		class: u(["bb-dashboard-ui bb:inline-flex bb:items-center bb:px-3 bb:py-2 bb:rounded-full bb:text-xs bb:font-medium bb:leading-none bb:select-none bb:whitespace-nowrap", e.colorClass(n.color, "pill")]),
 		textContent: _(n.text)
-	}, null, 10, or);
+	}, null, 10, Mr);
 }
-var cr = /*#__PURE__*/ M(ar, [["render", sr]]), lr = {
+var Pr = /*#__PURE__*/ A(jr, [["render", Nr]]), Fr = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -2162,12 +2384,12 @@ var cr = /*#__PURE__*/ M(ar, [["render", sr]]), lr = {
 			return this.type === "dangerous";
 		}
 	}
-}, ur = { class: "bb:flex" }, dr = { class: "bb:shrink-0" }, fr = { class: "bb:ml-3" }, pr = ["textContent"];
-function mr(t, n, o, s, c, l) {
+}, Ir = { class: "bb:flex" }, Lr = { class: "bb:shrink-0" }, Rr = { class: "bb:ml-3" }, zr = ["textContent"];
+function Br(t, n, o, s, c, l) {
 	return l.hasErrors ? (f(), i("div", {
 		key: 0,
 		class: u(["bb-dashboard-ui bb:border-l-4 bb:p-4", l.isDangerous ? "bb:bg-red-50 bb:border-red-400" : "bb:bg-yellow-50 bb:border-yellow-400"])
-	}, [a("div", ur, [a("div", dr, [(f(), i("svg", {
+	}, [a("div", Ir, [a("div", Lr, [(f(), i("svg", {
 		class: u(["bb:h-5 bb:w-5", l.isDangerous ? "bb:text-red-400" : "bb:text-yellow-400"]),
 		viewBox: "0 0 20 20",
 		fill: "currentColor"
@@ -2175,21 +2397,21 @@ function mr(t, n, o, s, c, l) {
 		"fill-rule": "evenodd",
 		d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
 		"clip-rule": "evenodd"
-	}, null, -1)]], 2))]), a("div", fr, [(f(!0), i(e, null, p(o.messages, (e, t) => (f(), i("p", {
+	}, null, -1)]], 2))]), a("div", Rr, [(f(!0), i(e, null, p(o.messages, (e, t) => (f(), i("p", {
 		class: u(["bb:text-sm bb:leading-5", l.isDangerous ? "bb:text-red-700" : "bb:text-yellow-700"]),
 		key: t,
 		textContent: _(e)
-	}, null, 10, pr))), 128))])])], 2)) : r("", !0);
+	}, null, 10, zr))), 128))])])], 2)) : r("", !0);
 }
-var hr = /*#__PURE__*/ M(lr, [["render", mr]]), gr = [
+var Vr = /*#__PURE__*/ A(Fr, [["render", Br]]), Hr = [
 	"text",
 	"email",
 	"password",
 	"tel",
 	"url",
 	"search"
-], _r = {
-	components: { Dot: N },
+], Ur = {
+	components: { Dot: j },
 	inheritAttrs: !1,
 	props: {
 		modelValue: {
@@ -2203,7 +2425,7 @@ var hr = /*#__PURE__*/ M(lr, [["render", mr]]), gr = [
 		type: {
 			type: String,
 			default: "text",
-			validator: (e) => gr.includes(e)
+			validator: (e) => Hr.includes(e)
 		},
 		isRequired: {
 			type: Boolean,
@@ -2224,7 +2446,7 @@ var hr = /*#__PURE__*/ M(lr, [["render", mr]]), gr = [
 			}
 		},
 		inputType() {
-			return gr.includes(this.type) ? this.type : "text";
+			return Hr.includes(this.type) ? this.type : "text";
 		}
 	},
 	methods: {
@@ -2239,26 +2461,26 @@ var hr = /*#__PURE__*/ M(lr, [["render", mr]]), gr = [
 			].includes(e)));
 		}
 	}
-}, vr = { class: "bb:flex bb:items-center" }, yr = ["for", "textContent"], br = ["id", "type"];
-function xr(e, t, n, r, o, c) {
+}, Wr = { class: "bb:flex bb:items-center" }, Gr = ["for", "textContent"], Kr = ["id", "type"];
+function qr(e, t, n, r, o, c) {
 	let p = h("dot");
 	return f(), i("div", {
 		class: u(["bb-dashboard-ui", e.$attrs.class]),
 		style: d(e.$attrs.style)
-	}, [a("div", vr, [a("label", {
+	}, [a("div", Wr, [a("label", {
 		for: c.inputId(),
 		class: "bb:block bb:text-sm bb:font-medium bb:leading-5 bb:text-gray-700",
 		textContent: _(n.label)
-	}, null, 8, yr), x(s(p, {
+	}, null, 8, Gr), x(s(p, {
 		color: "red",
 		class: "bb:ml-2"
 	}, null, 512), [[y, n.isRequired]])]), x(a("input", l({ "onUpdate:modelValue": t[0] ||= (e) => c.value = e }, { ...c.inputAttrs() }, {
 		id: c.inputId(),
 		type: c.inputType,
 		class: "bb:mt-1 bb:block bb:w-full bb:rounded-md bb:border bb:border-gray-300 bb:bg-white bb:px-3 bb:py-2 bb:text-sm bb:leading-5 bb:shadow-xs bb:focus:focus-ring"
-	}), null, 16, br), [[ee, c.value]])], 6);
+	}), null, 16, Kr), [[ee, c.value]])], 6);
 }
-var Sr = /*#__PURE__*/ M(_r, [["render", xr]]), Cr = {}, wr = {
+var Jr = /*#__PURE__*/ A(Ur, [["render", qr]]), Yr = {}, Xr = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -2268,8 +2490,8 @@ var Sr = /*#__PURE__*/ M(_r, [["render", xr]]), Cr = {}, wr = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function Tr(e, t, n, r, o, s) {
-	return f(), i("svg", wr, [...t[0] ||= [
+function Zr(e, t, n, r, o, s) {
+	return f(), i("svg", Xr, [...t[0] ||= [
 		a("circle", {
 			cx: "12",
 			cy: "12",
@@ -2291,7 +2513,7 @@ function Tr(e, t, n, r, o, s) {
 		}, null, -1)
 	]]);
 }
-var Er = /*#__PURE__*/ M(Cr, [["render", Tr]]), Dr = {}, Or = {
+var Qr = /*#__PURE__*/ A(Yr, [["render", Zr]]), $r = {}, ei = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -2299,15 +2521,15 @@ var Er = /*#__PURE__*/ M(Cr, [["render", Tr]]), Dr = {}, Or = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function kr(e, t, n, r, o, s) {
-	return f(), i("svg", Or, [...t[0] ||= [a("path", {
+function ti(e, t, n, r, o, s) {
+	return f(), i("svg", ei, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
 		d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
 	}, null, -1)]]);
 }
-var Ar = /*#__PURE__*/ M(Dr, [["render", kr]]), jr = {}, Mr = {
+var ni = /*#__PURE__*/ A($r, [["render", ti]]), ri = {}, ii = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -2315,21 +2537,21 @@ var Ar = /*#__PURE__*/ M(Dr, [["render", kr]]), jr = {}, Mr = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function Nr(e, t, n, r, o, s) {
-	return f(), i("svg", Mr, [...t[0] ||= [a("path", {
+function ai(e, t, n, r, o, s) {
+	return f(), i("svg", ii, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
 		d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
 	}, null, -1)]]);
 }
-var Pr = /*#__PURE__*/ M(jr, [["render", Nr]]), Fr = ["download", "refresh"], Ir = {
+var oi = /*#__PURE__*/ A(ri, [["render", ai]]), si = ["download", "refresh"], ci = {
 	components: {
-		"clock-icon": Er,
-		"download-icon": Ar,
-		"refresh-icon": Pr
+		"clock-icon": Qr,
+		"download-icon": ni,
+		"refresh-icon": oi
 	},
-	mixins: [j],
+	mixins: [k],
 	emits: ["click"],
 	props: {
 		title: {
@@ -2339,12 +2561,12 @@ var Pr = /*#__PURE__*/ M(jr, [["render", Nr]]), Fr = ["download", "refresh"], Ir
 		icon: {
 			type: String,
 			required: !0,
-			validator: (e) => Fr.includes(e)
+			validator: (e) => si.includes(e)
 		},
 		color: {
 			type: String,
 			default: "purple",
-			validator: A
+			validator: O
 		},
 		isLoading: {
 			type: Boolean,
@@ -2359,12 +2581,12 @@ var Pr = /*#__PURE__*/ M(jr, [["render", Nr]]), Fr = ["download", "refresh"], Ir
 		let e = this.isLoading && typeof this.loadingText == "string" && this.loadingText !== "" ? this.loadingText : this.title;
 		return typeof e == "string" ? e : "";
 	} }
-}, Lr = [
+}, li = [
 	"title",
 	"disabled",
 	"aria-busy"
-], Rr = ["textContent"];
-function zr(e, t, o, s, c, l) {
+], ui = ["textContent"];
+function di(e, t, o, s, c, l) {
 	let d = h("clock-icon"), p = h("download-icon"), m = h("refresh-icon");
 	return f(), i("button", {
 		type: "button",
@@ -2389,19 +2611,19 @@ function zr(e, t, o, s, c, l) {
 	})) : r("", !0), a("span", {
 		class: "bb:ml-1 bb:pointer-events-none bb:cursor-default",
 		textContent: _(l.label)
-	}, null, 8, Rr)], 10, Lr);
+	}, null, 8, ui)], 10, li);
 }
-var Br = /*#__PURE__*/ M(Ir, [["render", zr]]), Vr = "a[href], button:not(:disabled)";
-function Hr(e, t) {
+var fi = /*#__PURE__*/ A(ci, [["render", di]]), pi = "a[href], button:not(:disabled)";
+function mi(e, t) {
 	let n = document.activeElement;
-	(e.querySelector("[data-dialog-focus]") ?? e.querySelector(Vr))?.focus();
+	(e.querySelector("[data-dialog-focus]") ?? e.querySelector(pi))?.focus();
 	let r = (n) => {
 		if (n.key === "Escape") {
 			t();
 			return;
 		}
 		if (n.key !== "Tab") return;
-		let r = [...e.querySelectorAll(Vr)];
+		let r = [...e.querySelectorAll(pi)];
 		if (r.length === 0) return;
 		n.preventDefault();
 		let i = n.shiftKey ? -1 : 1, a = r.indexOf(document.activeElement);
@@ -2418,7 +2640,7 @@ function Hr(e, t) {
 }
 //#endregion
 //#region src/components/Modal.vue
-var Ur = {
+var hi = {
 	emits: ["escape"],
 	props: {
 		isOpen: {
@@ -2452,16 +2674,16 @@ var Ur = {
 	methods: {
 		holdFocus() {
 			this.focusFrame === null && this.releaseHeldFocus === null && (this.focusFrame = requestAnimationFrame(() => {
-				this.focusFrame = null, this.releaseHeldFocus = Hr(this.$refs.panel, () => this.$emit("escape"));
+				this.focusFrame = null, this.releaseHeldFocus = mi(this.$refs.panel, () => this.$emit("escape"));
 			}));
 		},
 		releaseFocus() {
 			this.focusFrame !== null && (cancelAnimationFrame(this.focusFrame), this.focusFrame = null), this.releaseHeldFocus !== null && (this.releaseHeldFocus(), this.releaseHeldFocus = null);
 		}
 	}
-}, Wr = { class: "bb:min-h-screen bb:text-center" }, Gr = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Kr = ["aria-labelledby"];
-function qr(e, n, r, o, c, l) {
-	return f(), i("div", { class: u(["bb-dashboard-ui bb:fixed bb:inset-0 bb:overflow-y-auto bb:z-20", { "bb:pointer-events-none": !r.isOpen }]) }, [a("div", Wr, [
+}, gi = { class: "bb:min-h-screen bb:text-center" }, _i = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, vi = ["aria-labelledby"];
+function yi(e, n, r, o, c, l) {
+	return f(), i("div", { class: u(["bb-dashboard-ui bb:fixed bb:inset-0 bb:overflow-y-auto bb:z-20", { "bb:pointer-events-none": !r.isOpen }]) }, [a("div", gi, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -2470,7 +2692,7 @@ function qr(e, n, r, o, c, l) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			default: b(() => [x(a("div", Gr, [...n[0] ||= [a("div", { class: "bb:absolute bb:inset-0 bb:bg-gray-500 bb:opacity-75" }, null, -1)]], 512), [[y, r.isOpen]])]),
+			default: b(() => [x(a("div", _i, [...n[0] ||= [a("div", { class: "bb:absolute bb:inset-0 bb:bg-gray-500 bb:opacity-75" }, null, -1)]], 512), [[y, r.isOpen]])]),
 			_: 1
 		}),
 		n[1] ||= a("span", { class: "bb:inline-block bb:align-middle bb:h-screen" }, null, -1),
@@ -2488,12 +2710,12 @@ function qr(e, n, r, o, c, l) {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [m(e.$slots, "default")], 8, Kr), [[y, r.isOpen]])]),
+			}, [m(e.$slots, "default")], 8, vi), [[y, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var Jr = /*#__PURE__*/ M(Ur, [["render", qr]]), Yr = {}, Xr = {
+var bi = /*#__PURE__*/ A(hi, [["render", yi]]), xi = {}, Si = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -2501,35 +2723,35 @@ var Jr = /*#__PURE__*/ M(Ur, [["render", qr]]), Yr = {}, Xr = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Zr(e, t, n, r, o, s) {
-	return f(), i("svg", Xr, [...t[0] ||= [a("path", {
+function Ci(e, t, n, r, o, s) {
+	return f(), i("svg", Si, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
 		d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
 	}, null, -1)]]);
 }
-var Qr = /*#__PURE__*/ M(Yr, [["render", Zr]]), $r = {}, ei = {
+var wi = /*#__PURE__*/ A(xi, [["render", Ci]]), Ti = {}, Ei = {
 	class: "bb:h-7 bb:w-7 bb:text-yellow-400",
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function ti(e, t, n, r, o, s) {
-	return f(), i("svg", ei, [...t[0] ||= [a("path", {
+function Di(e, t, n, r, o, s) {
+	return f(), i("svg", Ei, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
 		"clip-rule": "evenodd"
 	}, null, -1)]]);
 }
-var ni = /*#__PURE__*/ M($r, [["render", ti]]), ri = {
+var Oi = /*#__PURE__*/ A(Ti, [["render", Di]]), ki = {
 	components: {
-		Modal: Jr,
-		Dangerous: Qr,
-		Warning: ni
+		Modal: bi,
+		Dangerous: wi,
+		Warning: Oi
 	},
-	mixins: [F],
+	mixins: [N],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -2569,21 +2791,21 @@ var ni = /*#__PURE__*/ M($r, [["render", ti]]), ri = {
 			return this.type === "warning";
 		}
 	}
-}, ii = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:p-6 bb:pb-4" }, ai = { class: "bb:flex bb:items-start" }, oi = { class: "bb:ml-4 bb:text-left" }, si = ["id"], ci = { class: "bb:mt-2" }, li = { class: "bb:text-sm bb:text-gray-500" }, ui = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-6 bb:py-3 bb:flex bb:flex-row-reverse" };
-function di(e, t, i, o, s, c) {
+}, Ai = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:p-6 bb:pb-4" }, ji = { class: "bb:flex bb:items-start" }, Mi = { class: "bb:ml-4 bb:text-left" }, Ni = ["id"], Pi = { class: "bb:mt-2" }, Fi = { class: "bb:text-sm bb:text-gray-500" }, Ii = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-6 bb:py-3 bb:flex bb:flex-row-reverse" };
+function Li(e, t, i, o, s, c) {
 	let l = h("warning"), d = h("dangerous"), p = h("modal");
 	return f(), n(p, {
 		"is-open": i.isOpen,
 		"heading-id": o.headingId,
 		onEscape: t[2] ||= (t) => e.$emit("actionCanceled")
 	}, {
-		default: b(() => [a("div", ii, [a("div", ai, [a("div", { class: u(["bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-10 bb:w-10 bb:rounded-full", {
+		default: b(() => [a("div", Ai, [a("div", ji, [a("div", { class: u(["bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-10 bb:w-10 bb:rounded-full", {
 			"bb:bg-red-100": c.isDangerous,
 			"bb:bg-yellow-100": c.isWarning
-		}]) }, [c.isWarning ? (f(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (f(), n(d, { key: 1 })) : r("", !0)], 2), a("div", oi, [a("h3", {
+		}]) }, [c.isWarning ? (f(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (f(), n(d, { key: 1 })) : r("", !0)], 2), a("div", Mi, [a("h3", {
 			class: "bb:text-lg bb:leading-6 bb:font-medium bb:text-gray-900",
 			id: o.headingId
-		}, _(i.confirmationHeading), 9, si), a("div", ci, [a("p", li, _(i.confirmationText), 1)])])])]), a("div", ui, [a("button", {
+		}, _(i.confirmationHeading), 9, Ni), a("div", Pi, [a("p", Fi, _(i.confirmationText), 1)])])])]), a("div", Ii, [a("button", {
 			type: "button",
 			class: u(["bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-transparent bb:shadow-xs bb:px-4 bb:py-2 bb:text-sm bb:font-medium bb:text-white bb:focus:focus-ring bb:ml-3", {
 				"bb:bg-red-600 bb:hover:bg-red-700": c.isDangerous,
@@ -2599,38 +2821,38 @@ function di(e, t, i, o, s, c) {
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var fi = /*#__PURE__*/ M(ri, [["render", di]]);
+var Ri = /*#__PURE__*/ A(ki, [["render", Li]]);
 //#endregion
 //#region src/menuItems.js
-function pi(e) {
-	if (typeof e != "object" || !e || typeof e.label != "string" || e.label === "" || e.color !== void 0 && !A(e.color)) return !1;
+function zi(e) {
+	if (typeof e != "object" || !e || typeof e.label != "string" || e.label === "" || e.color !== void 0 && !O(e.color)) return !1;
 	let t = typeof e.href == "string" && e.href !== "" && e.onSelect === void 0, n = typeof e.onSelect == "function" && e.href === void 0;
 	return t || n;
 }
-function mi(e) {
+function Bi(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "object" && !!e) : [];
 }
-function hi(e) {
+function Vi(e) {
 	return typeof e.href == "string" && e.href !== "";
 }
-function gi(e) {
-	return A(e.color) ? e.color : null;
+function X(e) {
+	return O(e.color) ? e.color : null;
 }
 //#endregion
 //#region src/navigation.js
-function _i(e) {
+function Hi(e) {
 	let t = e.currentTarget?.target ?? "";
 	return !(e.defaultPrevented || e.target?.isContentEditable === !0 || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || t !== "" && t !== "_self" || e.button !== 0);
 }
 var Z = {
-	inject: O,
+	inject: ye,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && _i(e) && (e.preventDefault(), n(t));
+		n !== null && Hi(e) && (e.preventDefault(), n(t));
 	} }
-}, vi = {
-	components: { PopoverPanel: W },
-	mixins: [Z, j],
+}, Ui = {
+	components: { PopoverPanel: B },
+	mixins: [Z, k],
 	emits: ["update:modelValue"],
 	props: {
 		actions: { default: () => [] },
@@ -2641,7 +2863,7 @@ var Z = {
 	},
 	computed: {
 		actionItems() {
-			return mi(this.actions);
+			return Bi(this.actions);
 		},
 		hasActions() {
 			return this.actionItems.length > 0;
@@ -2649,10 +2871,10 @@ var Z = {
 	},
 	methods: {
 		color(e) {
-			return gi(e);
+			return X(e);
 		},
 		isLink(e) {
-			return hi(e);
+			return Vi(e);
 		},
 		linkClicked(e, t) {
 			e.currentTarget.focus({ preventScroll: !0 }), this.followLink(e, t);
@@ -2661,12 +2883,12 @@ var Z = {
 			if (t.currentTarget.focus({ preventScroll: !0 }), typeof e.onSelect == "function") return e.onSelect();
 		}
 	}
-}, yi = [
+}, Wi = [
 	"href",
 	"onClick",
 	"textContent"
-], bi = ["onClick", "textContent"];
-function xi(t, r, a, o, s, c) {
+], Gi = ["onClick", "textContent"];
+function Ki(t, r, a, o, s, c) {
 	let l = h("popover-panel");
 	return f(), n(l, {
 		"model-value": a.modelValue,
@@ -2691,30 +2913,30 @@ function xi(t, r, a, o, s, c) {
 			class: u(["bb:block bb:w-full bb:px-4 bb:py-2 bb:text-sm bb:text-left bb:cursor-pointer bb:focus:outline-hidden", c.color(n) === null ? "bb:text-gray-700 bb:hover:bg-gray-100 bb:hover:text-gray-900 bb:focus:bg-gray-100 bb:focus:text-gray-900" : t.colorClass(c.color(n), "menuItem")]),
 			onClick: (e) => c.linkClicked(e, n.href),
 			textContent: _(n.label)
-		}, null, 10, yi)) : (f(), i("button", {
+		}, null, 10, Wi)) : (f(), i("button", {
 			key: 1,
 			type: "button",
 			role: "menuitem",
 			class: u(["bb:block bb:w-full bb:px-4 bb:py-2 bb:text-sm bb:text-left bb:cursor-pointer bb:focus:outline-hidden", c.color(n) === null ? "bb:text-gray-700 bb:hover:bg-gray-100 bb:hover:text-gray-900 bb:focus:bg-gray-100 bb:focus:text-gray-900" : t.colorClass(c.color(n), "menuItem")]),
 			onClick: (e) => c.select(n, e),
 			textContent: _(n.label)
-		}, null, 10, bi))], 64))), 128))]),
+		}, null, 10, Gi))], 64))), 128))]),
 		_: 3
 	}, 8, ["model-value", "has-content"]);
 }
-var Si = /*#__PURE__*/ M(vi, [["render", xi]]), Ci = {
-	components: { PopoverMenu: Si },
+var qi = /*#__PURE__*/ A(Ui, [["render", Ki]]), Ji = {
+	components: { PopoverMenu: qi },
 	mixins: [
-		F,
+		N,
 		Z,
-		j
+		k
 	],
 	emits: ["update:modelValue"],
 	props: {
 		actions: {
 			type: Array,
 			default: () => [],
-			validator: (e) => e.every(pi)
+			validator: (e) => e.every(zi)
 		},
 		modelValue: {
 			type: Boolean,
@@ -2726,7 +2948,7 @@ var Si = /*#__PURE__*/ M(vi, [["render", xi]]), Ci = {
 	},
 	computed: {
 		items() {
-			return mi(this.actions);
+			return Bi(this.actions);
 		},
 		hasActions() {
 			return this.items.length > 0;
@@ -2735,7 +2957,7 @@ var Si = /*#__PURE__*/ M(vi, [["render", xi]]), Ci = {
 			return this.items[0];
 		},
 		mainColor() {
-			return this.hasActions ? gi(this.mainAction) : null;
+			return this.hasActions ? X(this.mainAction) : null;
 		},
 		menuActions() {
 			return this.items.slice(1);
@@ -2757,7 +2979,7 @@ var Si = /*#__PURE__*/ M(vi, [["render", xi]]), Ci = {
 	},
 	methods: {
 		isLink(e) {
-			return hi(e);
+			return Vi(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
@@ -2766,13 +2988,13 @@ var Si = /*#__PURE__*/ M(vi, [["render", xi]]), Ci = {
 			this.menuIsOpen = e, this.$emit("update:modelValue", e);
 		}
 	}
-}, wi = {
+}, Yi = {
 	key: 0,
 	class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md"
-}, Ti = ["href", "textContent"], Ei = ["textContent"], Di = ["id", "popovertarget"], Oi = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function ki(e, t, n, o, c, l) {
+}, Xi = ["href", "textContent"], Zi = ["textContent"], Qi = ["id", "popovertarget"], $i = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function ea(e, t, n, o, c, l) {
 	let d = h("popover-menu");
-	return l.hasActions ? (f(), i("span", wi, [l.isLink(l.mainAction) ? (f(), i("a", {
+	return l.hasActions ? (f(), i("span", Yi, [l.isLink(l.mainAction) ? (f(), i("a", {
 		key: 0,
 		href: l.mainAction.href,
 		class: u(["bb:relative bb:inline-flex bb:items-center bb:px-4 bb:py-2 bb:border bb:text-sm bb:font-medium bb:cursor-pointer bb:focus:z-10 bb:focus:focus-ring", [{
@@ -2781,7 +3003,7 @@ function ki(e, t, n, o, c, l) {
 		}, l.mainColor === null ? "bb:bg-white bb:border-gray-300 bb:text-gray-700 bb:hover:bg-gray-50" : e.colorClass(l.mainColor, "button")]]),
 		onClick: t[0] ||= (t) => e.followLink(t, l.mainAction.href),
 		textContent: _(l.mainAction.label)
-	}, null, 10, Ti)) : (f(), i("button", {
+	}, null, 10, Xi)) : (f(), i("button", {
 		key: 1,
 		type: "button",
 		class: u(["bb:relative bb:inline-flex bb:items-center bb:px-4 bb:py-2 bb:border bb:text-sm bb:font-medium bb:cursor-pointer bb:focus:z-10 bb:focus:focus-ring", [{
@@ -2790,7 +3012,7 @@ function ki(e, t, n, o, c, l) {
 		}, l.mainColor === null ? "bb:bg-white bb:border-gray-300 bb:text-gray-700 bb:hover:bg-gray-50" : e.colorClass(l.mainColor, "button")]]),
 		onClick: t[1] ||= (e) => l.select(l.mainAction),
 		textContent: _(l.mainAction.label)
-	}, null, 10, Ei)), s(d, {
+	}, null, 10, Zi)), s(d, {
 		class: "bb:-ml-px bb:flex",
 		actions: l.menuActions,
 		"model-value": n.modelValue,
@@ -2801,7 +3023,7 @@ function ki(e, t, n, o, c, l) {
 			id: n.id,
 			popovertarget: n.popovertarget,
 			class: u(["bb:relative bb:inline-flex bb:items-center bb:px-2 bb:py-2 bb:rounded-r-md bb:border bb:text-sm bb:font-medium bb:focus:z-10 bb:focus:focus-ring", l.mainColor === null ? "bb:bg-white bb:border-gray-300 bb:text-gray-500 bb:hover:bg-gray-50" : e.colorClass(l.mainColor, "button")])
-		}, [a("span", Oi, _(e.texts.openMenu), 1), t[2] ||= a("svg", {
+		}, [a("span", $i, _(e.texts.openMenu), 1), t[2] ||= a("svg", {
 			class: "bb:h-5 bb:w-5 bb:pointer-events-none bb:cursor-default",
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 20 20",
@@ -2811,7 +3033,7 @@ function ki(e, t, n, o, c, l) {
 			"fill-rule": "evenodd",
 			d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
 			"clip-rule": "evenodd"
-		})], -1)], 10, Di)]),
+		})], -1)], 10, Qi)]),
 		_: 1
 	}, 8, [
 		"actions",
@@ -2819,16 +3041,16 @@ function ki(e, t, n, o, c, l) {
 		"onUpdate:modelValue"
 	])])) : r("", !0);
 }
-var Ai = /*#__PURE__*/ M(Ci, [["render", ki]]), ji = {
-	components: { PopoverMenu: Si },
-	mixins: [F],
+var ta = /*#__PURE__*/ A(Ji, [["render", ea]]), na = {
+	components: { PopoverMenu: qi },
+	mixins: [N],
 	props: { actions: {
 		type: Array,
 		default: () => [],
-		validator: (e) => e.every(pi)
+		validator: (e) => e.every(zi)
 	} }
-}, Mi = ["id", "popovertarget"], Ni = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Pi(e, t, r, i, o, s) {
+}, ra = ["id", "popovertarget"], ia = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function aa(e, t, r, i, o, s) {
 	let c = h("popover-menu");
 	return f(), n(c, {
 		class: "bb-dashboard-ui bb:inline-flex",
@@ -2839,7 +3061,7 @@ function Pi(e, t, r, i, o, s) {
 			id: n.id,
 			popovertarget: n.popovertarget,
 			class: "bb:relative bb:inline-flex bb:items-center bb:justify-center bb:p-2 bb:rounded-md bb:text-gray-400 bb:hover:text-gray-500 bb:hover:bg-gray-100 bb:focus:outline-hidden bb:focus:bg-gray-100 bb:focus:text-gray-500 bb:transition bb:duration-150 bb:ease-in-out"
-		}, [a("span", Ni, _(e.texts.openMenu), 1), t[0] ||= a("svg", {
+		}, [a("span", ia, _(e.texts.openMenu), 1), t[0] ||= a("svg", {
 			class: "bb:h-6 bb:w-6 bb:pointer-events-none bb:cursor-default",
 			fill: "none",
 			viewBox: "0 0 24 24",
@@ -2850,48 +3072,48 @@ function Pi(e, t, r, i, o, s) {
 			"stroke-linejoin": "round",
 			"stroke-width": "2",
 			d: "M4 6h16M4 12h16M4 18h16"
-		})], -1)], 8, Mi)]),
+		})], -1)], 8, ra)]),
 		_: 1
 	}, 8, ["actions"]);
 }
-var Fi = /*#__PURE__*/ M(ji, [["render", Pi]]), Ii = {}, Li = {
+var oa = /*#__PURE__*/ A(na, [["render", aa]]), sa = {}, ca = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Ri(e, t, n, r, o, s) {
-	return f(), i("svg", Li, [...t[0] ||= [a("path", {
+function la(e, t, n, r, o, s) {
+	return f(), i("svg", ca, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		"clip-rule": "evenodd",
 		d: "M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z"
 	}, null, -1)]]);
 }
-var zi = /*#__PURE__*/ M(Ii, [["render", Ri]]), Bi = {}, Vi = {
+var ua = /*#__PURE__*/ A(sa, [["render", la]]), da = {}, fa = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Hi(e, t, n, r, o, s) {
-	return f(), i("svg", Vi, [...t[0] ||= [a("path", {
+function pa(e, t, n, r, o, s) {
+	return f(), i("svg", fa, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		"clip-rule": "evenodd",
 		d: "M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
 	}, null, -1)]]);
 }
-var Ui = /*#__PURE__*/ M(Bi, [["render", Hi]]);
+var ma = /*#__PURE__*/ A(da, [["render", pa]]);
 //#endregion
 //#region src/components/Pagination.vue
-function Wi(e) {
+function ha(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var Gi = {
+var ga = {
 	components: {
-		ArrowNarrowLeft: zi,
-		ArrowNarrowRight: Ui
+		ArrowNarrowLeft: ua,
+		ArrowNarrowRight: ma
 	},
-	mixins: [F, Z],
+	mixins: [N, Z],
 	props: {
 		links: {
 			type: Object,
@@ -2919,49 +3141,49 @@ var Gi = {
 			return typeof this.from == "number" && typeof this.to == "number";
 		},
 		previousPageUrl() {
-			return Wi(this.links?.prev);
+			return ha(this.links?.prev);
 		},
 		nextPageUrl() {
-			return Wi(this.links?.next);
+			return ha(this.links?.next);
 		}
 	}
-}, Ki = {
+}, _a = {
 	key: 0,
 	class: "bb-dashboard-ui bb:flex bb:items-center bb:justify-between"
-}, qi = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Ji = ["href"], Yi = {
+}, va = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, ya = ["href"], ba = {
 	key: 0,
 	class: "bb:-mt-px bb:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, Xi = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Zi = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Qi = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, $i = ["href"];
-function ea(e, t, n, c, l, u) {
+}, xa = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Sa = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Ca = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, wa = ["href"];
+function Ta(e, t, n, c, l, u) {
 	let d = h("arrow-narrow-left"), p = h("arrow-narrow-right");
-	return u.hasResults ? (f(), i("nav", Ki, [
-		a("div", qi, [u.previousPageUrl === null ? r("", !0) : (f(), i("a", {
+	return u.hasResults ? (f(), i("nav", _a, [
+		a("div", va, [u.previousPageUrl === null ? r("", !0) : (f(), i("a", {
 			key: 0,
 			href: u.previousPageUrl,
 			class: "bb:border-t-2 bb:border-transparent bb:pt-4 bb:pr-1 bb:inline-flex bb:items-center bb:text-sm bb:font-medium bb:text-gray-500 bb:hover:text-gray-700 bb:hover:border-indigo-700 bb:focus-visible:focus-ring",
 			onClick: t[0] ||= (t) => e.followLink(t, u.previousPageUrl)
-		}, [s(d, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400 bb:pointer-events-none bb:cursor-default" }), o(" " + _(e.texts.previousPage), 1)], 8, Ji))]),
-		u.hasRange ? (f(), i("div", Yi, [
+		}, [s(d, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400 bb:pointer-events-none bb:cursor-default" }), o(" " + _(e.texts.previousPage), 1)], 8, ya))]),
+		u.hasRange ? (f(), i("div", ba, [
 			o(_(e.texts.resultsBefore) + " ", 1),
-			a("span", Xi, _(u.from) + " - " + _(u.to), 1),
+			a("span", xa, _(u.from) + " - " + _(u.to), 1),
 			o(" " + _(e.texts.resultsOf) + " ", 1),
-			a("span", Zi, _(u.total), 1),
+			a("span", Sa, _(u.total), 1),
 			o(" " + _(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", Qi, [u.nextPageUrl === null ? r("", !0) : (f(), i("a", {
+		a("div", Ca, [u.nextPageUrl === null ? r("", !0) : (f(), i("a", {
 			key: 0,
 			href: u.nextPageUrl,
 			class: "bb:border-t-2 bb:border-transparent bb:pt-4 bb:pl-1 bb:inline-flex bb:items-center bb:text-sm bb:font-medium bb:text-gray-500 bb:hover:text-gray-700 bb:hover:border-indigo-700 bb:focus-visible:focus-ring",
 			onClick: t[1] ||= (t) => e.followLink(t, u.nextPageUrl)
-		}, [o(_(e.texts.nextPage) + " ", 1), s(p, { class: "bb:ml-3 bb:h-5 bb:w-5 bb:text-gray-400 bb:pointer-events-none bb:cursor-default" })], 8, $i))])
+		}, [o(_(e.texts.nextPage) + " ", 1), s(p, { class: "bb:ml-3 bb:h-5 bb:w-5 bb:text-gray-400 bb:pointer-events-none bb:cursor-default" })], 8, wa))])
 	])) : r("", !0);
 }
-var ta = /*#__PURE__*/ M(Gi, [["render", ea]]), na = [
+var Ea = /*#__PURE__*/ A(ga, [["render", Ta]]), Da = [
 	"left",
 	"center",
 	"right"
 ];
-function ra(e) {
+function Oa(e) {
 	if (typeof e != "object" || !e || typeof e.key != "string" || e.key === "") return null;
 	let t = e.key;
 	return {
@@ -2970,21 +3192,21 @@ function ra(e) {
 		value: typeof e.value == "function" ? e.value : (e) => e?.[t],
 		secondary: typeof e.secondary == "function" ? e.secondary : null,
 		muted: e.muted === !0,
-		align: na.includes(e.align) ? e.align : "left",
+		align: Da.includes(e.align) ? e.align : "left",
 		wrap: e.wrap === !0,
 		narrow: e.narrow === !0,
 		visible: e.visible !== !1
 	};
 }
-function ia(e) {
+function ka(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var aa = {
+var Aa = {
 	components: {
-		Pagination: ta,
-		InfoPill: cr
+		Pagination: Ea,
+		InfoPill: Pr
 	},
-	mixins: [F, j],
+	mixins: [N, k],
 	props: {
 		rows: {
 			type: Array,
@@ -3029,7 +3251,7 @@ var aa = {
 			return Array.isArray(this.rows) ? this.rows : [];
 		},
 		visibleColumns() {
-			return (Array.isArray(this.columns) ? this.columns : []).map(ra).filter((e) => e !== null && e.visible);
+			return (Array.isArray(this.columns) ? this.columns : []).map(Oa).filter((e) => e !== null && e.visible);
 		},
 		rowStripes() {
 			return this.normalizedRows.map((e) => this.stripeOf(e));
@@ -3048,10 +3270,10 @@ var aa = {
 		},
 		badgeText() {
 			if (this.hasRecords) {
-				let e = ia(this.foundText);
+				let e = ka(this.foundText);
 				return e === null ? null : `${e}: ${this.recordCount}`;
 			}
-			return ia(this.emptyText);
+			return ka(this.emptyText);
 		}
 	},
 	methods: {
@@ -3071,15 +3293,15 @@ var aa = {
 		stripeOf(e) {
 			if (typeof this.rowStripe != "function") return null;
 			let t = this.rowStripe(e);
-			return A(t) ? t : null;
+			return O(t) ? t : null;
 		},
 		textOf(e, t) {
 			let n = e(t);
 			return n == null ? "" : String(n);
 		}
 	}
-}, oa = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, sa = { class: "bb:bg-gray-50" }, ca = ["textContent"], la = { class: "bb:divide-y bb:divide-gray-200" }, ua = ["textContent"], da = ["textContent"];
-function fa(t, o, s, c, l, d) {
+}, ja = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, Ma = { class: "bb:bg-gray-50" }, Na = ["textContent"], Pa = { class: "bb:divide-y bb:divide-gray-200" }, Fa = ["textContent"], Ia = ["textContent"];
+function La(t, o, s, c, l, d) {
 	let g = h("info-pill"), v = h("pagination");
 	return f(), i("div", null, [
 		d.hasBadgeRow() ? (f(), i("div", {
@@ -3093,7 +3315,7 @@ function fa(t, o, s, c, l, d) {
 		d.normalizedRows.length > 0 ? (f(), i("div", {
 			key: 1,
 			class: u(d.isCard && d.hasBadgeRow() ? "bb:mt-4" : "")
-		}, [a("div", { class: u(["bb:overflow-x-auto", d.isCard ? "bb:border-t bb:border-gray-200" : "bb:shadow-sm bb:border-b bb:border-gray-200 bb:rounded-lg"]) }, [a("table", oa, [a("thead", null, [a("tr", sa, [(f(!0), i(e, null, p(d.visibleColumns, (e) => (f(), i("th", {
+		}, [a("div", { class: u(["bb:overflow-x-auto", d.isCard ? "bb:border-t bb:border-gray-200" : "bb:shadow-sm bb:border-b bb:border-gray-200 bb:rounded-lg"]) }, [a("table", ja, [a("thead", null, [a("tr", Ma, [(f(!0), i(e, null, p(d.visibleColumns, (e) => (f(), i("th", {
 			key: e.key,
 			scope: "col",
 			class: u(["bb:px-6 bb:py-3 bb:text-xs bb:leading-4 bb:font-medium bb:text-gray-500 bb:uppercase bb:tracking-wider bb:whitespace-nowrap", [{
@@ -3102,7 +3324,7 @@ function fa(t, o, s, c, l, d) {
 				"bb:text-right": e.align === "right"
 			}, { "bb:w-px": e.narrow }]]),
 			textContent: _(e.label)
-		}, null, 10, ca))), 128))])]), a("tbody", la, [(f(!0), i(e, null, p(d.normalizedRows, (n, o) => (f(), i("tr", {
+		}, null, 10, Na))), 128))])]), a("tbody", Pa, [(f(!0), i(e, null, p(d.normalizedRows, (n, o) => (f(), i("tr", {
 			key: d.keyOf(n, o),
 			class: "bb:bg-white bb:even:bg-gray-50"
 		}, [(f(!0), i(e, null, p(d.visibleColumns, (e, s) => (f(), i("td", {
@@ -3126,11 +3348,11 @@ function fa(t, o, s, c, l, d) {
 		}, () => [a("div", {
 			class: u(["bb:font-medium", e.muted ? "bb:text-gray-400" : "bb:text-gray-900"]),
 			textContent: _(d.textOf(e.value, n))
-		}, null, 10, ua), e.secondary !== null && d.textOf(e.secondary, n) !== "" ? (f(), i("div", {
+		}, null, 10, Fa), e.secondary !== null && d.textOf(e.secondary, n) !== "" ? (f(), i("div", {
 			key: 0,
 			class: "bb:text-gray-400",
 			textContent: _(d.textOf(e.secondary, n))
-		}, null, 8, da)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
+		}, null, 8, Ia)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
 		d.hasMeta ? (f(), n(v, {
 			key: 2,
 			meta: s.meta,
@@ -3145,7 +3367,7 @@ function fa(t, o, s, c, l, d) {
 		])) : r("", !0)
 	]);
 }
-var pa = /*#__PURE__*/ M(aa, [["render", fa]]), ma = {
+var Ra = /*#__PURE__*/ A(Aa, [["render", La]]), za = {
 	mixins: [Z],
 	props: {
 		url: {
@@ -3161,17 +3383,17 @@ var pa = /*#__PURE__*/ M(aa, [["render", fa]]), ma = {
 			default: !1
 		}
 	}
-}, ha = ["href", "textContent"];
-function ga(e, t, n, r, a, o) {
+}, Ba = ["href", "textContent"];
+function Va(e, t, n, r, a, o) {
 	return f(), i("a", {
 		href: n.url,
 		class: u([n.isActive ? "bb:border-indigo-400 bb:text-gray-600 bb:focus:border-indigo-700" : "bb:border-transparent bb:text-gray-500 bb:hover:text-gray-600 bb:hover:border-gray-300 bb:focus:text-gray-700 bb:focus:border-gray-300", "bb-dashboard-ui bb:inline-flex bb:items-center bb:px-1 bb:pt-1 bb:border-b-2 bb:text-sm bb:font-medium bb:leading-5 bb:focus:outline-hidden bb:transition bb:duration-150 bb:ease-in-out"]),
 		onClick: t[0] ||= (t) => e.followLink(t, n.url),
 		textContent: _(n.name)
-	}, null, 10, ha);
+	}, null, 10, Ba);
 }
-var _a = /*#__PURE__*/ M(ma, [["render", ga]]), va = {
-	mixins: [F, Z],
+var Ha = /*#__PURE__*/ A(za, [["render", Va]]), Ua = {
+	mixins: [N, Z],
 	props: {
 		tabs: {
 			type: Array,
@@ -3185,13 +3407,13 @@ var _a = /*#__PURE__*/ M(ma, [["render", ga]]), va = {
 	computed: { tabList() {
 		return Array.isArray(this.tabs) ? this.tabs.filter((e) => typeof e == "object" && !!e) : [];
 	} }
-}, ya = ["aria-label"], ba = [
+}, Wa = ["aria-label"], Ga = [
 	"href",
 	"aria-current",
 	"onClick",
 	"textContent"
 ];
-function xa(t, n, r, a, o, s) {
+function Ka(t, n, r, a, o, s) {
 	return f(), i("nav", {
 		class: "bb-dashboard-ui bb:flex bb:space-x-4",
 		"aria-label": t.texts.tabs
@@ -3202,21 +3424,21 @@ function xa(t, n, r, a, o, s) {
 		class: u(["bb:px-3 bb:py-2 bb:font-medium bb:text-sm bb:rounded-md bb:focus-visible:focus-ring", e.key === r.activeKey ? "bb:bg-indigo-100 bb:text-gray-700" : "bb:text-gray-500 bb:hover:text-gray-700"]),
 		onClick: (n) => t.followLink(n, e.url),
 		textContent: _(e.name)
-	}, null, 10, ba))), 128))], 8, ya);
+	}, null, 10, Ga))), 128))], 8, Wa);
 }
-var Sa = /*#__PURE__*/ M(va, [["render", xa]]), Ca = [
+var qa = /*#__PURE__*/ A(Ua, [["render", Ka]]), Ja = [
 	"xl",
 	"4xl",
 	"7xl"
-], wa = {
-	components: { CrossButton: I },
-	mixins: [F],
+], Ya = {
+	components: { CrossButton: P },
+	mixins: [N],
 	inheritAttrs: !1,
 	props: {
 		width: {
 			type: String,
 			default: "xl",
-			validator: (e) => Ca.includes(e)
+			validator: (e) => Ja.includes(e)
 		},
 		fallbackUrl: {
 			type: String,
@@ -3232,7 +3454,7 @@ var Sa = /*#__PURE__*/ M(va, [["render", xa]]), Ca = [
 	},
 	computed: {
 		resolvedWidth() {
-			return Ca.includes(this.width) ? this.width : "xl";
+			return Ja.includes(this.width) ? this.width : "xl";
 		},
 		windows() {
 			return this.uiSettings.windows;
@@ -3248,13 +3470,13 @@ var Sa = /*#__PURE__*/ M(va, [["render", xa]]), Ca = [
 		}
 	},
 	watch: { fallbackUrl() {
-		this.windows !== null && he(this.windows.state, this, this.fallbackAddress());
+		this.windows !== null && ge(this.windows.state, this, this.fallbackAddress());
 	} },
 	mounted() {
-		this.windows !== null && (this.returnAddress = D(this.windows.state, this, this.resolvedKey, this.fallbackAddress()).returnAddress, this.$watch(() => [this.windows.page.number, this.resolvedKey], () => this.syncWindow(), { flush: "post" }));
+		this.windows !== null && (this.returnAddress = E(this.windows.state, this, this.resolvedKey, this.fallbackAddress()).returnAddress, this.$watch(() => [this.windows.page.number, this.resolvedKey], () => this.syncWindow(), { flush: "post" }));
 	},
 	beforeUnmount() {
-		this.windows !== null && me(this.windows.state, this);
+		this.windows !== null && he(this.windows.state, this);
 	},
 	methods: {
 		fallbackAddress() {
@@ -3264,7 +3486,7 @@ var Sa = /*#__PURE__*/ M(va, [["render", xa]]), Ca = [
 			return Object.fromEntries(Object.entries(this.$attrs).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-")));
 		},
 		syncWindow() {
-			let e = pe(this.windows.state, this, this.resolvedKey, this.fallbackAddress());
+			let e = me(this.windows.state, this, this.resolvedKey, this.fallbackAddress());
 			e.rejected && console.warn(`PageCard: ключ окна сменился на «${this.resolvedKey}» без смены страницы — карточка остаётся в окне «${e.key}»`), this.returnAddress = e.window.returnAddress;
 		},
 		close() {
@@ -3279,7 +3501,7 @@ var Sa = /*#__PURE__*/ M(va, [["render", xa]]), Ca = [
 		}
 	}
 };
-function Ta(e, t, a, s, c, d) {
+function Xa(e, t, a, s, c, d) {
 	let p = h("cross-button");
 	return f(), i("div", l({
 		class: ["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:rounded-lg", [
@@ -3310,7 +3532,7 @@ function Ta(e, t, a, s, c, d) {
 		_: 1
 	}, 8, ["class", "onClicked"])) : r("", !0)], 16);
 }
-var Ea = /*#__PURE__*/ M(wa, [["render", Ta]]), Da = {}, Oa = {
+var Za = /*#__PURE__*/ A(Ya, [["render", Xa]]), Qa = {}, $a = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -3319,22 +3541,22 @@ var Ea = /*#__PURE__*/ M(wa, [["render", Ta]]), Da = {}, Oa = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function ka(e, t, n, r, o, s) {
-	return f(), i("svg", Oa, [...t[0] ||= [a("path", {
+function eo(e, t, n, r, o, s) {
+	return f(), i("svg", $a, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
 	}, null, -1)]]);
 }
-var Aa = /*#__PURE__*/ M(Da, [["render", ka]]), ja = {}, Ma = {
+var to = /*#__PURE__*/ A(Qa, [["render", eo]]), no = {}, ro = {
 	class: "bb:h-5 bb:w-5",
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Na(e, t, n, r, o, s) {
-	return f(), i("svg", Ma, [...t[0] ||= [a("path", {
+function io(e, t, n, r, o, s) {
+	return f(), i("svg", ro, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
 		"clip-rule": "evenodd"
@@ -3342,14 +3564,14 @@ function Na(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var Pa = {
+var ao = {
 	components: {
-		Check: Aa,
-		Close: /* @__PURE__ */ M(ja, [["render", Na]]),
-		Dangerous: Qr,
-		Warning: ni
+		Check: to,
+		Close: /* @__PURE__ */ A(no, [["render", io]]),
+		Dangerous: wi,
+		Warning: Oi
 	},
-	mixins: [F],
+	mixins: [N],
 	emits: ["update:modelValue"],
 	props: {
 		modelValue: {
@@ -3387,8 +3609,8 @@ var Pa = {
 			return this.type === "confirmation";
 		}
 	}
-}, Fa = ["role"], Ia = { class: "bb:p-4" }, La = { class: "bb:flex bb:items-start" }, Ra = { class: "bb:shrink-0" }, za = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Ba = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, Va = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Ha = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Ua = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Wa(e, t, o, c, l, d) {
+}, oo = ["role"], so = { class: "bb:p-4" }, co = { class: "bb:flex bb:items-start" }, lo = { class: "bb:shrink-0" }, uo = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, fo = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, po = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, mo = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, ho = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function go(e, t, o, c, l, d) {
 	let p = h("warning"), m = h("dangerous"), g = h("check"), v = h("close");
 	return f(), i("div", {
 		class: "bb-dashboard-ui bb:fixed bb:inset-0 bb:flex bb:items-start bb:justify-end bb:p-6 bb:pointer-events-none",
@@ -3400,14 +3622,14 @@ function Wa(e, t, o, c, l, d) {
 			"bb:bg-yellow-50": d.isWarning,
 			"bb:bg-gray-50": d.isConfirmation
 		}])
-	}, [a("div", Ia, [a("div", La, [
-		a("div", Ra, [
+	}, [a("div", so, [a("div", co, [
+		a("div", lo, [
 			d.isWarning ? (f(), n(p, { key: 0 })) : r("", !0),
 			d.isDangerous ? (f(), n(m, { key: 1 })) : r("", !0),
 			d.isConfirmation ? (f(), n(g, { key: 2 })) : r("", !0)
 		]),
-		a("div", za, [a("p", Ba, _(o.notificationHeading), 1), a("p", Va, _(d.text), 1)]),
-		a("div", Ha, [a("button", {
+		a("div", uo, [a("p", fo, _(o.notificationHeading), 1), a("p", po, _(d.text), 1)]),
+		a("div", mo, [a("button", {
 			type: "button",
 			class: u(["bb:rounded-md bb:inline-flex bb:text-gray-400 bb:hover:text-gray-500 bb:focus:focus-ring", {
 				"bb:bg-red-50": d.isDangerous,
@@ -3415,10 +3637,10 @@ function Wa(e, t, o, c, l, d) {
 				"bb:bg-gray-50": d.isConfirmation
 			}]),
 			onClick: t[0] ||= C((t) => e.$emit("update:modelValue", ""), ["prevent"])
-		}, [a("span", Ua, _(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
-	])])], 2)) : r("", !0)], 8, Fa);
+		}, [a("span", ho, _(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
+	])])], 2)) : r("", !0)], 8, oo);
 }
-var Ga = /*#__PURE__*/ M(Pa, [["render", Wa]]), Ka = {}, qa = {
+var _o = /*#__PURE__*/ A(ao, [["render", go]]), vo = {}, yo = {
 	class: "bb:h-5 bb:w-5",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -3427,8 +3649,8 @@ var Ga = /*#__PURE__*/ M(Pa, [["render", Wa]]), Ka = {}, qa = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-function Ja(e, t, n, r, o, s) {
-	return f(), i("svg", qa, [...t[0] ||= [a("path", {
+function bo(e, t, n, r, o, s) {
+	return f(), i("svg", yo, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
@@ -3438,12 +3660,12 @@ function Ja(e, t, n, r, o, s) {
 		d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
 	}, null, -1)]]);
 }
-var Ya = /*#__PURE__*/ M(Ka, [["render", Ja]]), Q = 0, $ = null, Xa = {
+var xo = /*#__PURE__*/ A(vo, [["render", bo]]), Q = 0, $ = null, So = {
 	components: {
-		PopoverPanel: W,
-		Eye: Ya
+		PopoverPanel: B,
+		Eye: xo
 	},
-	mixins: [F],
+	mixins: [N],
 	emits: ["update:modelValue"],
 	props: {
 		text: {
@@ -3486,8 +3708,8 @@ var Ya = /*#__PURE__*/ M(Ka, [["render", Ja]]), Q = 0, $ = null, Xa = {
 			this.holdsPageSelectionLock && (this.holdsPageSelectionLock = !1, --Q, Q === 0 && (Object.assign(document.documentElement.style, $), $ = null));
 		}
 	}
-}, Za = ["id", "popovertarget"], Qa = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function $a(e, t, r, i, c, l) {
+}, Co = ["id", "popovertarget"], wo = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function To(e, t, r, i, c, l) {
 	let u = h("eye"), d = h("popover-panel");
 	return f(), n(d, {
 		class: "bb-dashboard-ui bb:inline-flex",
@@ -3507,7 +3729,7 @@ function $a(e, t, r, i, c, l) {
 			id: t.id,
 			popovertarget: t.popovertarget,
 			class: "bb:relative bb:inline-flex bb:items-center bb:justify-center bb:self-center bb:text-gray-400 bb:hover:text-gray-600 bb:rounded-md bb:focus-visible:focus-ring"
-		}, [a("span", Qa, _(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, Za)]),
+		}, [a("span", wo, _(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, Co)]),
 		default: b(() => [o(_(l.normalizedText), 1)]),
 		_: 1
 	}, 8, [
@@ -3517,6 +3739,6 @@ function $a(e, t, r, i, c, l) {
 		"onToggle"
 	]);
 }
-var eo = /*#__PURE__*/ M(Xa, [["render", $a]]);
+var Eo = /*#__PURE__*/ A(So, [["render", To]]);
 //#endregion
-export { Br as ActionPill, fi as ConfirmationModal, pa as DataTable, N as Dot, Ai as DropdownButtonWithAction, hr as ErrorMessages, Sr as FormInput, Fi as HamburgerMenu, cr as InfoPill, _a as NavigationMenuElement, Ga as NotificationMessage, Ea as PageCard, Sa as PageTabs, Ze as RussianMobileFilter, it as Search, It as SelectDateFilter, Ut as SelectDateForm, Qt as SelectDateIntervalFilter, cn as SelectDateIntervalForm, Pn as SelectMultipleFilter, Vn as SelectMultipleForm, Zn as SelectSingleFilter, ir as SelectSingleForm, eo as TextPopover, ye as dashboardUi, Ce as downloadFile };
+export { fi as ActionPill, Ri as ConfirmationModal, Ra as DataTable, j as Dot, ta as DropdownButtonWithAction, Vr as ErrorMessages, Jr as FormInput, oa as HamburgerMenu, Pr as InfoPill, Ha as NavigationMenuElement, _o as NotificationMessage, Za as PageCard, qa as PageTabs, $e as RussianMobileFilter, ot as Search, Bt as SelectDateFilter, qt as SelectDateForm, nn as SelectDateIntervalFilter, fn as SelectDateIntervalForm, Ln as SelectMultipleFilter, Wn as SelectMultipleForm, rr as SelectMultipleList, Ar as SelectSingleCards, pr as SelectSingleFilter, br as SelectSingleForm, Eo as TextPopover, xe as dashboardUi, Te as downloadFile };