@boobooking/dashboard-ui-components 0.18.0 → 0.19.1

package/dist/index.js

@@ -1,9 +1,9 @@
-import { Fragment as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, effectScope as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, shallowReactive as g, toDisplayString as _, useId as v, vModelDynamic as ee, vModelText as te, vShow as y, watch as ne, withCtx as b, withDirectives as x, withKeys as re, withModifiers as S } from "vue";
-import ie from "imask";
+import { Fragment as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, effectScope as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, shallowReactive as g, toDisplayString as _, useId as v, vModelDynamic as ee, vModelText as te, vShow as y, watch as ne, withCtx as b, withDirectives as x, withKeys as S, withModifiers as C } from "vue";
+import re from "imask";
 //#region src/i18n.js
-var C = ["ru", "en"];
+var ie = ["ru", "en"];
 function w(e) {
-	return C.includes(e);
+	return ie.includes(e);
 }
 var ae = {
 	ru: {
@@ -55,7 +55,10 @@ var ae = {
 		clear: "Очистить",
 		showText: "Показать текст",
 		fullText: "Полный текст",
-		tabs: "Закладки"
+		tabs: "Закладки",
+		selected: "Выбрано",
+		search: "Поиск",
+		nothingFound: "Ничего не найдено"
 	},
 	en: {
 		cancel: "Cancel",
@@ -106,20 +109,23 @@ var ae = {
 		clear: "Clear",
 		showText: "Show text",
 		fullText: "Full text",
-		tabs: "Tabs"
+		tabs: "Tabs",
+		selected: "Selected",
+		search: "Search",
+		nothingFound: "Nothing found"
 	}
 };
 //#endregion
 //#region src/windows.js
-function oe(e, t) {
+function T(e, t) {
 	if (e == null || e === "") return null;
 	let n = new URL(String(e), t);
 	return n.pathname + n.search;
 }
-function se(e) {
+function oe(e) {
 	return e === null ? null : e.split("?")[0];
 }
-function ce() {
+function se() {
 	return {
 		windows: [],
 		cards: /* @__PURE__ */ new Map(),
@@ -133,36 +139,36 @@ function ce() {
 		nextId: 1
 	};
 }
-function T(e, t) {
+function E(e, t) {
 	return e.windows.includes(t);
 }
-function le(e) {
+function ce(e) {
 	return e.returnAddress ?? e.fallbackAddress;
 }
-function ue(e) {
+function le(e) {
 	let t = null;
 	for (let n of e.cards.values()) t = n.window;
 	return t;
 }
-function de(e, t) {
+function D(e, t) {
 	let n = t;
-	for (; n !== null && !T(e, n);) n = n.parent;
+	for (; n !== null && !E(e, n);) n = n.parent;
 	return n;
 }
-function fe(e, t) {
+function ue(e, t) {
 	return e.transition = {
 		number: e.transition.number + 1,
 		fromAddress: e.shown,
-		fromWindow: ue(e),
+		fromWindow: le(e),
 		assigned: /* @__PURE__ */ new Map()
 	}, e.shown = t, e.transition.number;
 }
-function pe(e, t, n) {
+function de(e, t, n) {
 	let r = e.transition, i = r.assigned.get(t);
-	if (i !== void 0 && T(e, i)) return i;
+	if (i !== void 0 && E(e, i)) return i;
 	let a = r.fromWindow, o = r.fromAddress;
-	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(e, a) && (a = D(e, a), o = null), a !== null && ce(a) === e.shown && (e.windows.splice(e.windows.indexOf(a)), a = a.parent === null ? null : D(e, a.parent), o = null);
+	for (let n = a; n !== null; n = n.parent) if (n.key === t && E(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 = {
 		id: e.nextId,
@@ -173,18 +179,18 @@ function pe(e, t, n) {
 	};
 	return e.nextId += 1, e.windows.push(s), s;
 }
-function E(e, t, n, r) {
-	let i = pe(e, n, r);
+function O(e, t, n, r) {
+	let i = de(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 me(e, t, n, r) {
+function fe(e, t, n, r) {
 	let i = e.cards.get(t);
 	return i === void 0 ? {
-		window: E(e, t, n, r),
+		window: O(e, t, n, r),
 		rejected: !1,
 		key: n
 	} : i.key === n ? (i.processed = e.transition.number, {
@@ -196,37 +202,37 @@ function me(e, t, n, r) {
 		rejected: !0,
 		key: i.key
 	} : (e.cards.delete(t), {
-		window: E(e, t, n, r),
+		window: O(e, t, n, r),
 		rejected: !1,
 		key: n
 	});
 }
-function he(e, t) {
+function pe(e, t) {
 	e.cards.delete(t);
 }
-function ge(e, t, n) {
+function me(e, t, n) {
 	let r = e.cards.get(t);
 	r !== void 0 && (r.window.fallbackAddress = n);
 }
 //#endregion
 //#region src/plugin.js
-var _e = Symbol("dashboardUi"), ve = Object.freeze({
+var k = Symbol("dashboardUi"), he = Object.freeze({
 	lang: "ru",
 	navigate: null,
 	windows: null
-}), D = { uiSettings: {
-	from: _e,
-	default: () => ve
+}), A = { uiSettings: {
+	from: k,
+	default: () => he
 } };
-function ye(e, t) {
-	let n = ce(), r = g({
+function ge(e, t) {
+	let n = se(), r = g({
 		number: 0,
 		address: null
 	}), i = c(!0);
 	return i.run(() => {
 		ne(t, (e) => {
-			let t = oe(e, window.location.origin);
-			t !== null && t !== r.address && (r.number = fe(n, t), r.address = t);
+			let t = T(e, window.location.origin);
+			t !== null && t !== r.address && (r.number = ue(n, t), r.address = t);
 		}, {
 			flush: "sync",
 			immediate: !0
@@ -236,21 +242,21 @@ function ye(e, t) {
 		page: r
 	};
 }
-var be = { install(e, t) {
+var _e = { install(e, t) {
 	let n = t ?? {}, r = Object.hasOwn(n, "lang") ? n.lang : "ru";
-	if (!w(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${C.join(", ")}`);
+	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" ? ye(e, s) : null;
-	e.provide(_e, Object.freeze({
+	let c = s !== null && typeof window < "u" ? ge(e, s) : null;
+	e.provide(k, Object.freeze({
 		lang: r,
 		navigate: a,
 		windows: c
 	}));
-} }, xe = 4e4;
-function Se(e) {
+} }, ve = 4e4;
+function ye(e) {
 	if (typeof e != "string") return null;
 	let t = /filename\*\s*=\s*UTF-8''([^;]+)/i.exec(e);
 	if (t !== null) try {
@@ -261,7 +267,7 @@ function Se(e) {
 	let r = /filename\s*=\s*([^;"\s]+)/i.exec(e);
 	return r === null ? null : r[1];
 }
-function Ce(e) {
+function be(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]);
@@ -269,7 +275,7 @@ function Ce(e) {
 		return null;
 	}
 }
-async function we(e) {
+async function xe(e) {
 	let t = await fetch(e, { credentials: "same-origin" });
 	if (t.redirected) throw Object.assign(/* @__PURE__ */ Error(`downloadFile: сервер перенаправил запрос ${e}`), {
 		redirectUrl: t.url,
@@ -279,12 +285,12 @@ async function we(e) {
 		redirectUrl: null,
 		status: t.status
 	});
-	let n = Se(t.headers.get("Content-Disposition")) ?? Ce(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), xe);
+	let n = ye(t.headers.get("Content-Disposition")) ?? be(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), ve);
 }
 //#endregion
 //#region src/colors.js
-var Te = {
+var Se = {
 	gray: {
 		pill: "bb:bg-gray-100 bb:text-gray-800",
 		pillHover: "bb:hover:text-gray-600",
@@ -327,19 +333,19 @@ var Te = {
 		menuItem: "bb:text-purple-800 bb:focus:bg-purple-100",
 		mark: "bb:text-purple-500"
 	}
-}, Ee = Object.keys(Te);
-function O(e) {
-	return Ee.includes(e);
+}, Ce = Object.keys(Se);
+function j(e) {
+	return Ce.includes(e);
 }
-function De(e, t) {
-	return O(e) ? Te[e][t] ?? "" : "";
+function we(e, t) {
+	return j(e) ? Se[e][t] ?? "" : "";
 }
-var k = { methods: { colorClass: De } }, A = (e, t) => {
+var M = { methods: { colorClass: we } }, N = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Oe = {
-	mixins: [k],
+}, Te = {
+	mixins: [M],
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -348,11 +354,11 @@ var k = { methods: { colorClass: De } }, A = (e, t) => {
 		color: {
 			type: String,
 			required: !0,
-			validator: O
+			validator: j
 		}
 	}
 };
-function ke(e, t, n, r, o, s) {
+function Ee(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"
@@ -362,8 +368,8 @@ function ke(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var j = /*#__PURE__*/ A(Oe, [["render", ke]]), Ae = {
-	components: { Dot: j },
+var P = /*#__PURE__*/ N(Te, [["render", Ee]]), De = {
+	components: { Dot: P },
 	props: {
 		text: {
 			type: String,
@@ -378,14 +384,14 @@ var j = /*#__PURE__*/ A(Oe, [["render", ke]]), Ae = {
 			default: !1
 		}
 	}
-}, 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) {
+}, Oe = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, ke = ["textContent"];
+function Ae(e, t, n, r, o, c) {
 	let l = h("dot");
-	return f(), i("div", je, [
+	return f(), i("div", Oe, [
 		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, Me),
+		}, null, 8, ke),
 		x(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -397,8 +403,8 @@ function Ne(e, t, n, r, o, c) {
 		}, null, 512), [[y, n.isRequired]])
 	]);
 }
-var M = /*#__PURE__*/ A(Ae, [["render", Ne]]), N = {
-	inject: D,
+var F = /*#__PURE__*/ N(De, [["render", Ae]]), I = {
+	inject: A,
 	props: { lang: {
 		type: String,
 		default: null,
@@ -412,11 +418,11 @@ var M = /*#__PURE__*/ A(Ae, [["render", Ne]]), N = {
 			return ae[this.resolvedLang];
 		}
 	}
-}, Pe = [
+}, je = [
 	{ transform: "scale(1)" },
 	{ transform: "scale(0.8)" },
 	{ transform: "scale(1)" }
-], Fe = 150, Ie = {
+], Me = 150, Ne = {
 	created() {
 		this.isPressing = !1, this.isUnmounted = !1;
 	},
@@ -424,40 +430,39 @@ var M = /*#__PURE__*/ A(Ae, [["render", Ne]]), N = {
 		this.isUnmounted = !0;
 	},
 	methods: { press() {
-		this.isPressing || (this.isPressing = !0, Le(this.$el).then(() => {
+		this.isPressing || (this.isPressing = !0, Pe(this.$el).then(() => {
 			this.isPressing = !1, this.isUnmounted || this.$emit("clicked");
 		}));
 	} }
 };
-function Le(e) {
-	if (typeof e.animate != "function" || Re()) return Promise.resolve();
+function Pe(e) {
+	if (typeof e.animate != "function" || Fe()) return Promise.resolve();
 	let t = () => {};
-	return e.animate(Pe, {
-		duration: Fe,
+	return e.animate(je, {
+		duration: Me,
 		easing: "ease-out"
 	}).finished.then(t, t);
 }
-function Re() {
+function Fe() {
 	return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 //#endregion
 //#region src/components/CrossButton.vue
-var ze = {
-	mixins: [N, Ie],
+var Ie = {
+	mixins: [I, Ne],
 	props: { size: {
 		type: String,
 		required: !0,
 		validator: (e) => ["small", "large"].includes(e)
 	} },
 	emits: ["clicked"]
-}, Be = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Ve(e, t, n, r, s, c) {
+}, Le = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" }, Re = { class: "bb:flex bb:rounded-md bb:group-focus-visible:focus-ring bb:pointer-events-none bb:cursor-default" };
+function ze(e, t, n, r, s, c) {
 	return f(), i("button", {
 		type: "button",
-		tabindex: "-1",
-		class: "bb-dashboard-ui 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] ||= S((...t) => e.press && e.press(...t), ["prevent"])
-	}, [a("span", Be, [m(e.$slots, "default", {}, () => [o(_(e.texts.clear), 1)])]), (f(), i("svg", {
+		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", Le, [m(e.$slots, "default", {}, () => [o(_(e.texts.clear), 1)])]), a("span", Re, [(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"
@@ -470,26 +475,26 @@ function Ve(e, t, n, r, s, c) {
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
 		d: "M6 18L18 6M6 6l12 12"
-	}, null, -1)]], 2))]);
+	}, null, -1)]], 2))])]);
 }
-var P = /*#__PURE__*/ A(ze, [["render", Ve]]), He = 10;
-function Ue(e) {
+var L = /*#__PURE__*/ N(Ie, [["render", ze]]), Be = 10;
+function Ve(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, He);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Be);
 }
-function F(e) {
+function R(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function I(e) {
+function z(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 We = 400, Ge = 3, Ke = {
+var He = 400, Ue = 3, We = {
 	components: {
-		ElementHeader: M,
-		CrossButton: P
+		ElementHeader: F,
+		CrossButton: L
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -511,32 +516,32 @@ var We = 400, Ge = 3, Ke = {
 		}
 	},
 	data() {
-		return { digits: I(this.modelValue) };
+		return { digits: z(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = I(this.modelValue), this.isUnmounted = !1;
+		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = z(this.modelValue), this.isUnmounted = !1;
 	},
 	mounted() {
-		this.mask = ie(this.$refs.input, {
+		this.mask = re(this.$refs.input, {
 			mask: "+7 (000) 000 00 00",
 			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", F(this.digits)), this.scheduleCommit());
+			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", R(this.digits)), this.scheduleCommit());
 		}), this.syncFromModelValue(this.modelValue);
 	},
 	beforeUnmount() {
 		this.isUnmounted = !0, clearTimeout(this.debounceTimer), this.mask?.destroy();
 	},
 	watch: { modelValue(e) {
-		e !== F(this.digits) && this.syncFromModelValue(e);
+		e !== R(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(I(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
+			this.writeToMask(z(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
 		},
 		applyUserDigits(e) {
-			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", F(this.digits));
+			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", R(this.digits));
 		},
 		writeToMask(e) {
 			if (this.isWritingProgrammatically = !0, e === "") this.mask.value = "";
@@ -559,26 +564,30 @@ var We = 400, Ge = 3, Ke = {
 			this.isUnmounted || (this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit());
 		},
 		onPaste(e) {
-			this.applyUserDigits(Ue(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(Ve(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+		},
+		moveFocusFromEraser() {
+			let e = this.$refs.eraser.$el;
+			document.activeElement === e && e.matches(":focus-visible") && this.$refs.input.focus({ preventScroll: !0 });
 		},
 		clear() {
-			this.applyUserDigits(""), this.commit();
+			this.moveFocusFromEraser(), this.applyUserDigits(""), this.commit();
 		},
 		scheduleCommit() {
 			if (clearTimeout(this.debounceTimer), this.digits.length === 0) {
 				this.commit();
 				return;
 			}
-			this.digits.length < Ge || (this.debounceTimer = setTimeout(() => this.commit(), We));
+			this.digits.length < Ue || (this.debounceTimer = setTimeout(() => this.commit(), He));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, qe = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Je = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Ye = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Xe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function Ze(e, t, n, r, o, c) {
+}, Ge = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ke = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, qe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Je = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function Ye(e, t, n, r, o, c) {
 	let l = h("element-header"), u = h("cross-button");
-	return f(), i("div", qe, [a("div", Je, [s(l, {
+	return f(), i("div", Ge, [a("div", Ke, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -586,27 +595,28 @@ function Ze(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Ye, [a("label", Xe, [a("input", {
+	]), a("div", qe, [a("label", Je, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
 		autocomplete: "off",
-		class: "bb:flex bb:w-phone bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:outline-hidden bb:border-none",
+		class: "bb:flex bb:w-phone bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:focus-ring bb:border-none",
 		onFocus: t[0] ||= (...e) => c.onFocus && c.onFocus(...e),
 		onBlur: t[1] ||= (...e) => c.onBlur && c.onBlur(...e),
-		onKeydown: t[2] ||= re((...e) => c.commit && c.commit(...e), ["enter"]),
-		onPaste: t[3] ||= S((...e) => c.onPaste && c.onPaste(...e), ["prevent"])
+		onKeydown: t[2] ||= S((...e) => c.commit && c.commit(...e), ["enter"]),
+		onPaste: t[3] ||= C((...e) => c.onPaste && c.onPaste(...e), ["prevent"])
 	}, null, 544)]), x(s(u, {
+		ref: "eraser",
 		size: "small",
-		onMousedown: t[4] ||= S(() => {}, ["prevent"]),
+		onMousedown: t[4] ||= C(() => {}, ["prevent"]),
 		onClicked: c.clear,
 		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
 	}, null, 8, ["onClicked"]), [[y, o.digits.length > 0]])])])]);
 }
-var Qe = /*#__PURE__*/ A(Ke, [["render", Ze]]), $e = {
+var Xe = /*#__PURE__*/ N(We, [["render", Ye]]), Ze = {
 	components: {
-		ElementHeader: M,
-		CrossButton: P
+		ElementHeader: F,
+		CrossButton: L
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -637,17 +647,21 @@ var Qe = /*#__PURE__*/ A(Ke, [["render", Ze]]), $e = {
 		this.search = e ?? "";
 	} },
 	methods: {
+		moveFocusFromEraser() {
+			let e = this.$refs.eraser.$el;
+			document.activeElement === e && e.matches(":focus-visible") && this.$refs.input.focus({ preventScroll: !0 });
+		},
 		clearInput() {
-			this.search = "", this.startSearch();
+			this.moveFocusFromEraser(), this.search = "", this.startSearch();
 		},
 		startSearch() {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, et = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, tt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, nt = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, rt = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function it(e, t, n, r, o, c) {
+}, Qe = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, $e = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, et = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, tt = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function nt(e, t, n, r, o, c) {
 	let l = h("element-header"), u = h("cross-button");
-	return f(), i("div", et, [a("div", tt, [s(l, {
+	return f(), i("div", Qe, [a("div", $e, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -655,8 +669,9 @@ function it(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", nt, [a("label", rt, [x(a("input", {
-		class: "bb:flex bb:w-full bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:outline-hidden bb:border-none",
+	]), a("div", et, [a("label", tt, [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,
 		onInput: t[1] ||= (...e) => c.startSearch && c.startSearch(...e)
 	}, null, 544), [[
@@ -665,42 +680,43 @@ function it(e, t, n, r, o, c) {
 		void 0,
 		{ trim: !0 }
 	]])]), x(s(u, {
+		ref: "eraser",
 		size: "small",
 		onClicked: c.clearInput,
 		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
 	}, null, 8, ["onClicked"]), [[y, c.inputNeedsEraser]])])])]);
 }
-var at = /*#__PURE__*/ A($e, [["render", it]]), L = 4, R = 8;
-function ot(e) {
+var rt = /*#__PURE__*/ N(Ze, [["render", nt]]), B = 4, V = 8;
+function H(e) {
 	return typeof e?.showPopover == "function";
 }
-function z(e) {
-	return ot(e) && e.matches(":popover-open");
+function U(e) {
+	return H(e) && e.matches(":popover-open");
 }
-function B(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, _ = "";
+function W(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(V, o.left), u = Math.max(V, s - o.right), d = Math.max(0, s - l - V), f = Math.max(0, s - u - V), p = r === "start" && (a || d >= f), m = Math.max(0, c - o.bottom - B - V), h = Math.max(0, o.top - B - V), 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 + L}px` : "auto",
-		bottom: g ? "auto" : `${c - o.top + L}px`,
+		top: g ? `${o.bottom + B}px` : "auto",
+		bottom: g ? "auto" : `${c - o.top + B}px`,
 		right: p ? "auto" : `${u}px`,
 		left: p ? `${l}px` : "auto",
 		maxHeight: `${g ? m : h}px`,
 		maxWidth: _
 	});
 }
-function st(e, t, n = {}) {
+function it(e, t, n = {}) {
 	let r = t.scrollHeight <= t.clientHeight + 1, i = t.scrollWidth <= t.clientWidth + 1;
-	r && i || B(e, t, {
+	r && i || W(e, t, {
 		...n,
 		fitsBelow: r,
 		fitsRight: i
 	});
 }
-function ct(e, t) {
+function at(e, t) {
 	let n = (n) => {
 		e.contains(n.target) || t();
 	};
@@ -713,26 +729,39 @@ function ct(e, t) {
 }
 //#endregion
 //#region src/menuFocus.js
-var V = "a[href], button";
-function lt(e, t = () => null) {
-	let n = (n) => {
-		if (n.key !== "ArrowDown" && n.key !== "ArrowUp") return;
-		let r = [...e.querySelectorAll(V)];
-		if (r.length === 0) return;
-		n.preventDefault();
-		let i = n.key === "ArrowDown" ? 1 : -1, a = r.indexOf(document.activeElement);
-		a === -1 && (a = r.indexOf(t())), r[a === -1 ? i === 1 ? 0 : r.length - 1 : (a + i + r.length) % r.length].focus();
-	}, r = (e) => {
-		let t = e.target.closest(V);
-		t !== null && t.focus({ preventScroll: !0 });
+var G = "a[href], button";
+function ot(e, t = () => null, n = null) {
+	let r = (r) => {
+		if (r.key !== "ArrowDown" && r.key !== "ArrowUp") return;
+		let i = n === null ? [...e.querySelectorAll(G)] : n();
+		if (i.length === 0) return;
+		r.preventDefault();
+		let a = r.key === "ArrowDown" ? 1 : -1, o = i.indexOf(document.activeElement);
+		o === -1 && (o = i.indexOf(t())), i[o === -1 ? a === 1 ? 0 : i.length - 1 : (o + a + i.length) % i.length].focus();
+	}, i = (e) => {
+		let t = e.target.closest(G);
+		t !== null && (n === null || n().includes(t)) && t.focus({ preventScroll: !0 });
 	};
-	return document.addEventListener("keydown", n, !0), e.addEventListener("mousemove", r), () => {
-		document.removeEventListener("keydown", n, !0), e.removeEventListener("mousemove", r);
+	return document.addEventListener("keydown", r, !0), e.addEventListener("mousemove", i), () => {
+		document.removeEventListener("keydown", r, !0), e.removeEventListener("mousemove", i);
+	};
+}
+function st(e) {
+	let t = (t) => {
+		if (t.key !== "Tab" || t.ctrlKey || t.altKey || t.metaKey) return;
+		let n = e();
+		if (n.length === 0) return;
+		t.preventDefault();
+		let r = t.shiftKey ? -1 : 1, i = n.indexOf(document.activeElement);
+		n[i === -1 ? r === 1 ? 0 : n.length - 1 : (i + r + n.length) % n.length].focus();
+	};
+	return document.addEventListener("keydown", t, !0), () => {
+		document.removeEventListener("keydown", t, !0);
 	};
 }
 //#endregion
 //#region src/components/PopoverPanel.vue
-var ut = {
+var ct = {
 	emits: ["update:modelValue", "toggle"],
 	props: {
 		modelValue: {
@@ -760,6 +789,18 @@ var ut = {
 			type: Function,
 			default: () => null
 		},
+		findStops: {
+			type: Function,
+			default: null
+		},
+		findTabStops: {
+			type: Function,
+			default: null
+		},
+		keepSize: {
+			type: Boolean,
+			default: !1
+		},
 		closeOnClick: {
 			type: Boolean,
 			default: !1
@@ -810,7 +851,7 @@ var ut = {
 		}
 	},
 	created() {
-		this.stopClosing = null, this.stopArrows = null, this.focusWasInside = !1, this.panelShown = !1;
+		this.stopClosing = null, this.stopArrows = null, this.stopTab = null, this.focusWasInside = !1, this.panelShown = !1;
 	},
 	mounted() {
 		this.applyPanelState();
@@ -821,11 +862,11 @@ var ut = {
 	methods: {
 		applyPanelState() {
 			let e = this.$refs.panel;
-			ot(e) && e.isConnected && (this.panelIsOpen && !z(e) && e.showPopover(), !this.panelIsOpen && z(e) && e.hidePopover());
+			H(e) && e.isConnected && (this.panelIsOpen && !U(e) && e.showPopover(), !this.panelIsOpen && U(e) && e.hidePopover());
 		},
 		close() {
 			let e = this.$refs.panel;
-			z(e) && e.hidePopover();
+			U(e) && e.hidePopover();
 		},
 		reportPanelShown(e) {
 			this.panelShown !== e && (this.panelShown = e, this.$emit("toggle", e));
@@ -839,9 +880,13 @@ var ut = {
 					maxWidth: this.maxWidth,
 					align: this.align
 				};
-				B(e, this.$refs.panel, t), requestAnimationFrame(() => {
+				this.$refs.panel.style.minWidth = "", this.$refs.panel.style.minHeight = "", this.$refs.panel.style.scrollbarGutter = "", W(e, this.$refs.panel, t), requestAnimationFrame(() => {
 					let n = this.$refs.panel;
-					z(n) && st(e, n, t);
+					if (U(n) && (it(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`);
+					}
 				});
 				return;
 			}
@@ -850,8 +895,8 @@ var ut = {
 		},
 		onToggle() {
 			this.stopListening();
-			let e = this.$refs.panel, t = z(e);
-			t && (this.stopClosing = ct(e, this.close), this.arrows && (this.stopArrows = lt(e, this.findSelected))), t || this.restoreFocus(e), this.reportPanelShown(t), t !== this.panelIsOpen && (this.panelIsOpen = t, this.$emit("update:modelValue", t));
+			let e = this.$refs.panel, t = U(e);
+			t && (this.stopClosing = at(e, this.close), this.arrows && (this.stopArrows = ot(e, this.findSelected, this.findStops)), this.findTabStops !== null && (this.stopTab = st(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;
@@ -860,13 +905,13 @@ var ut = {
 			(n === null || n === document.body || e != null && e.contains(n)) && document.getElementById(this.buttonId)?.focus({ preventScroll: !0 });
 		},
 		stopListening() {
-			this.stopClosing !== null && (this.stopClosing(), this.stopClosing = null), this.stopArrows !== null && (this.stopArrows(), this.stopArrows = null);
+			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 = {
+}, lt = {
 	key: 0,
 	class: "bb:relative"
-}, ft = [
+}, ut = [
 	"id",
 	"role",
 	"aria-orientation",
@@ -874,8 +919,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 dt(e, t, n, o, s, c) {
+	return n.hasContent ? (f(), i("span", lt, [m(e.$slots, "trigger", {
 		id: o.buttonId,
 		popovertarget: o.panelId
 	}), a("div", {
@@ -891,15 +936,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, ut)])) : r("", !0);
 }
-var H = /*#__PURE__*/ A(ut, [["render", pt]]);
+var K = /*#__PURE__*/ N(ct, [["render", dt]]);
 //#endregion
 //#region src/date.js
-function U(e) {
+function q(e) {
 	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
 }
-function W(e) {
+function J(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);
@@ -907,11 +952,11 @@ function W(e) {
 }
 //#endregion
 //#region src/dayFocus.js
-var G = ".pika-button.pika-day", mt = ".pika-button, .pika-prev, .pika-next";
-function ht(e, t = () => null) {
+var Y = ".pika-button.pika-day", ft = ".pika-button, .pika-prev, .pika-next";
+function pt(e, t = () => null) {
 	let n = (n) => {
 		if (n.detail !== 0) return;
-		let r = n.target.closest(mt);
+		let r = n.target.closest(ft);
 		r !== null && e.contains(r) && setTimeout(() => {
 			let n = document.activeElement === r;
 			if (r.dispatchEvent(new MouseEvent("mousedown", {
@@ -924,46 +969,46 @@ function ht(e, t = () => null) {
 	};
 	return e.addEventListener("click", n), () => e.removeEventListener("click", n);
 }
-var gt = {
+var mt = {
 	ArrowLeft: -1,
 	ArrowRight: 1,
 	ArrowUp: -7,
 	ArrowDown: 7
 };
-function _t(e, t) {
+function ht(e, t) {
 	let n = (n) => {
-		let r = gt[n.key];
-		if (r === void 0 || vt(document.activeElement)) return;
+		let r = mt[n.key];
+		if (r === void 0 || gt(document.activeElement)) return;
 		n.preventDefault();
-		let i = document.activeElement?.closest(G) ?? null, a = i !== null && e.contains(i) ? bt(yt(i), r) : t.getDate() ?? xt();
-		K(e, a) === null && t.gotoDate(a), K(e, a)?.focus();
+		let i = document.activeElement?.closest(Y) ?? null, a = i !== null && e.contains(i) ? vt(_t(i), r) : t.getDate() ?? yt();
+		X(e, a) === null && t.gotoDate(a), X(e, a)?.focus();
 	};
 	return document.addEventListener("keydown", n, !0), () => document.removeEventListener("keydown", n, !0);
 }
-function vt(e) {
+function gt(e) {
 	return e !== null && e.matches("input, select, textarea, [contenteditable]");
 }
-function yt(e) {
+function _t(e) {
 	return new Date(e.dataset.pikaYear, e.dataset.pikaMonth, e.dataset.pikaDay);
 }
-function bt(e, t) {
+function vt(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function xt() {
+function yt() {
 	let e = /* @__PURE__ */ new Date();
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function K(e, t) {
-	return e.querySelector(`${G}[data-pika-year="${t.getFullYear()}"][data-pika-month="${t.getMonth()}"][data-pika-day="${t.getDate()}"]`);
+function X(e, t) {
+	return e.querySelector(`${Y}[data-pika-year="${t.getFullYear()}"][data-pika-month="${t.getMonth()}"][data-pika-day="${t.getDate()}"]`);
 }
 //#endregion
 //#region src/components/PickDay.vue
-var St = {
+var bt = {
 	components: {
-		PopoverPanel: H,
-		CrossButton: P
+		PopoverPanel: K,
+		CrossButton: L
 	},
-	mixins: [N],
+	mixins: [I],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -990,8 +1035,8 @@ var St = {
 			keyboardInput: !1,
 			bound: !1,
 			firstDay: 1,
-			parse: (e) => W(e),
-			toString: (e) => U(e),
+			parse: (e) => J(e),
+			toString: (e) => q(e),
 			i18n: {
 				previousMonth: this.texts.previousMonth,
 				nextMonth: this.texts.nextMonth,
@@ -1000,9 +1045,9 @@ var St = {
 				weekdaysShort: this.texts.weekdaysShort
 			},
 			onSelect: (e) => {
-				this.popupIsOpen = !1, this.$emit("update:modelValue", U(e)), this.$emit("changed");
+				this.popupIsOpen = !1, this.$emit("update:modelValue", q(e)), this.$emit("changed");
 			}
-		}), this.stopPickOnClick = ht(this.$refs.container, () => this.$refs.trigger), this.syncDayFocus());
+		}), this.stopPickOnClick = pt(this.$refs.container, () => this.$refs.trigger), this.syncDayFocus());
 	},
 	beforeUnmount() {
 		this.isUnmounted = !0, this.stopPickOnClick?.(), this.stopDayFocus?.(), this.picker?.destroy();
@@ -1023,20 +1068,31 @@ var St = {
 		}
 	},
 	methods: {
+		openOnKey(e) {
+			e.ctrlKey || e.altKey || e.metaKey || e.isComposing || [
+				"ArrowDown",
+				"Enter",
+				" "
+			].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 = ht(this.$refs.container, this.picker));
 		},
 		syncPicker(e) {
 			if (this.picker === null) return;
-			let t = W(e);
+			let t = J(e);
 			if (t === null) {
 				this.picker.clear();
 				return;
 			}
 			this.picker.setDate(t, !0);
 		},
+		moveFocusFromEraser() {
+			let e = this.$refs.eraser.$el;
+			document.activeElement === e && e.matches(":focus-visible") && this.$refs.trigger.focus({ preventScroll: !0 });
+		},
 		clearPicker() {
-			this.$emit("update:modelValue", ""), this.dayValue = "", this.picker?.clear(), this.$emit("changed");
+			this.moveFocusFromEraser(), this.$emit("update:modelValue", ""), this.dayValue = "", this.picker?.clear(), this.$emit("changed");
 		}
 	},
 	computed: {
@@ -1050,20 +1106,20 @@ 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 = ["id", "popovertarget"], Et = ["textContent"], Dt = { class: "bb:flex bb:w-full bb:items-center bb:leading-none bb:min-w-24 bb:pointer-events-none" }, Ot = [
+}, xt = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, St = { class: "bb:relative bb:flex bb:h-full" }, Ct = ["id", "popovertarget"], wt = ["textContent"], Tt = { class: "bb:flex bb:w-full bb:items-center bb:leading-none bb:min-w-24 bb:pointer-events-none" }, Et = [
 	"disabled",
 	"value",
 	"placeholder"
-], kt = {
+], Dt = {
 	ref: "container",
 	class: "bb:flex"
 };
-function At(e, t, o, c, l, u) {
+function Ot(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", xt, [a("div", St, [s(d, {
 		class: "bb:flex bb:w-full",
 		modelValue: l.popupIsOpen,
-		"onUpdate:modelValue": t[0] ||= (e) => l.popupIsOpen = e,
+		"onUpdate:modelValue": t[1] ||= (e) => l.popupIsOpen = e,
 		align: "start",
 		"return-focus": "",
 		"panel-class": "bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg"
@@ -1073,22 +1129,24 @@ function At(e, t, o, c, l, u) {
 			type: "button",
 			id: e.id,
 			popovertarget: e.popovertarget,
-			class: "bb:absolute bb:inset-0 bb:cursor-pointer bb:focus:outline-hidden"
+			class: "bb:absolute bb:inset-0 bb:cursor-pointer bb:focus-visible:focus-ring"
 		}, [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, wt)], 8, Ct), a("label", Tt, [a("input", {
 			disabled: l.popupIsOpen,
 			ref: "field",
+			onKeydown: t[0] ||= (...e) => u.openOnKey && u.openOnKey(...e),
 			type: "text",
 			value: l.dayValue,
 			placeholder: o.placeholderText,
-			class: "bb:w-full bb:h-full bb:py-2 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:outline-hidden"
-		}, null, 8, Ot)])]),
-		default: b(() => [a("div", kt, null, 512)]),
+			class: "bb:w-full bb:h-full bb:py-2 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"
+		}, null, 40, Et)])]),
+		default: b(() => [a("div", Dt, null, 512)]),
 		_: 1
 	}, 8, ["modelValue"]), u.needsEraser ? (f(), n(p, {
 		key: 0,
+		ref: "eraser",
 		size: "small",
 		onClicked: u.clearPicker,
 		class: "bb:absolute bb:right-0 bb:top-0 bb:z-10 bb:h-full bb:pr-2",
@@ -1097,12 +1155,12 @@ function At(e, t, o, c, l, u) {
 }
 //#endregion
 //#region src/components/SelectDateInterval.vue
-var jt = {
+var kt = {
 	components: {
-		ElementHeader: M,
-		PickDay: /* @__PURE__ */ A(St, [["render", At]])
+		ElementHeader: F,
+		PickDay: /* @__PURE__ */ N(bt, [["render", Ot]])
 	},
-	mixins: [N],
+	mixins: [I],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -1150,10 +1208,10 @@ var jt = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, Mt = { class: "bb-dashboard-ui bb:flex" }, Nt = { class: "bb:flex bb:border bb:border-white" }, Pt = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Ft = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
-function It(e, t, n, r, o, c) {
+}, At = { class: "bb-dashboard-ui bb:flex" }, jt = { class: "bb:flex bb:border bb:border-white" }, Mt = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Nt = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function Pt(e, t, n, r, o, c) {
 	let l = h("element-header"), u = h("pick-day");
-	return f(), i("div", Mt, [a("div", Nt, [a("div", Pt, [s(l, {
+	return f(), i("div", At, [a("div", jt, [a("div", Mt, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -1161,7 +1219,7 @@ function It(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Ft, [s(u, {
+	]), a("div", Nt, [s(u, {
 		modelValue: o.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => o.userDateFrom = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -1183,12 +1241,16 @@ function It(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var Lt = /*#__PURE__*/ A(jt, [["render", It]]), Rt = {
+var Ft = /*#__PURE__*/ N(kt, [["render", Pt]]), It = {
 	components: {
-		PopoverPanel: H,
-		CrossButton: P
+		PopoverPanel: K,
+		CrossButton: L
 	},
-	emits: ["update:isOpen", "erased"],
+	emits: [
+		"update:isOpen",
+		"erased",
+		"toggle"
+	],
 	props: {
 		isOpen: {
 			type: Boolean,
@@ -1205,43 +1267,76 @@ var Lt = /*#__PURE__*/ A(jt, [["render", It]]), Rt = {
 		findSelected: {
 			type: Function,
 			default: () => null
+		},
+		findStops: {
+			type: Function,
+			default: null
+		},
+		findTabStops: {
+			type: Function,
+			default: null
+		},
+		keepSize: {
+			type: Boolean,
+			default: !1
+		},
+		lang: {
+			type: String,
+			default: null
 		}
 	},
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
+	} },
+	methods: { erase() {
+		let e = this.$refs.eraser.$el;
+		document.activeElement === e && e.matches(":focus-visible") && this.$refs.trigger.focus({ preventScroll: !0 }), this.$emit("erased");
 	} }
-}, zt = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, Bt = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, Vt = ["id", "popovertarget"], Ht = ["textContent"];
-function Ut(e, t, o, c, l, u) {
+}, Lt = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, Rt = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, zt = ["id", "popovertarget"], Bt = ["textContent"];
+function Vt(e, t, o, c, l, u) {
 	let d = h("popover-panel"), p = h("cross-button");
-	return f(), i("div", zt, [a("div", Bt, [s(d, {
+	return f(), i("div", Lt, [a("div", Rt, [s(d, {
 		class: "bb:flex bb:w-full bb:h-full",
 		"model-value": o.isOpen,
 		align: "start",
 		arrows: "",
 		"find-selected": o.findSelected,
+		"find-stops": o.findStops,
+		"find-tab-stops": o.findTabStops,
+		"keep-size": o.keepSize,
 		"return-focus": "",
 		"panel-class": "bb:bg-white bb:text-inherit bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg bb:overscroll-contain",
-		"onUpdate:modelValue": t[0] ||= (t) => e.$emit("update:isOpen", t)
+		"onUpdate:modelValue": t[0] ||= (t) => e.$emit("update:isOpen", t),
+		onToggle: t[1] ||= (t) => e.$emit("toggle", t)
 	}, {
 		trigger: b((e) => [a("button", {
+			ref: "trigger",
 			type: "button",
 			id: e.id,
 			popovertarget: e.popovertarget,
-			class: "bb:flex bb:w-full bb:h-full bb:items-center bb:focus:outline-hidden bb:cursor-pointer"
+			class: "bb:flex bb:w-full bb:h-full bb:items-center bb:focus-visible:focus-ring bb:cursor-pointer"
 		}, [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, Ht)], 8, Vt)]),
+		}, null, 8, Bt)], 8, zt)]),
 		default: b(() => [m(e.$slots, "default")]),
 		_: 3
-	}, 8, ["model-value", "find-selected"]), u.needsEraser ? (f(), n(p, {
+	}, 8, [
+		"model-value",
+		"find-selected",
+		"find-stops",
+		"find-tab-stops",
+		"keep-size"
+	]), u.needsEraser ? (f(), n(p, {
 		key: 0,
+		ref: "eraser",
 		size: "small",
-		onClicked: t[1] ||= (t) => e.$emit("erased"),
+		lang: o.lang,
+		onClicked: u.erase,
 		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
-	})) : r("", !0)])]);
+	}, null, 8, ["lang", "onClicked"])) : r("", !0)])]);
 }
-var Wt = /*#__PURE__*/ A(Rt, [["render", Ut]]), Gt = {
+var Ht = /*#__PURE__*/ N(It, [["render", Vt]]), Ut = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -1253,32 +1348,222 @@ var Wt = /*#__PURE__*/ A(Rt, [["render", Ut]]), Gt = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, Kt = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center bb:pointer-events-none bb:cursor-default" }, qt = {
+}, Wt = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center bb:pointer-events-none bb:cursor-default" }, Gt = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
 	viewBox: "0 0 20 20",
 	"aria-hidden": "true"
-}, Jt = ["textContent"];
-function Yt(e, t, n, r, o, s) {
+}, Kt = ["textContent"];
+function qt(e, t, n, r, o, s) {
 	return f(), i("button", {
 		type: "button",
-		onClick: t[0] ||= S((...e) => s.toggle && s.toggle(...e), ["prevent"]),
+		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:focus:bg-indigo-100"
-	}, [a("span", Kt, [x((f(), i("svg", qt, [...t[1] ||= [a("path", {
+	}, [a("span", Wt, [x((f(), i("svg", Gt, [...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, Jt)]);
+	}, null, 8, Kt)]);
 }
-//#endregion
-//#region src/components/SelectSingle.vue
-var Xt = {
+var Jt = /*#__PURE__*/ N(Ut, [["render", qt]]), Yt = {
 	components: {
-		ElementHeader: M,
-		DropdownButton: Wt,
-		ListElement: /* @__PURE__ */ A(Gt, [["render", Yt]])
+		ElementHeader: F,
+		DropdownButton: Ht,
+		ListElement: Jt,
+		CrossButton: L
+	},
+	mixins: [I],
+	emits: ["update:modelValue", "changed"],
+	props: {
+		items: {
+			type: Array,
+			required: !0
+		},
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		header: {
+			type: String,
+			required: !0
+		},
+		isRequired: {
+			type: Boolean,
+			default: !1
+		},
+		isLoading: {
+			type: Boolean,
+			default: !1
+		},
+		withSearch: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	data() {
+		return {
+			isOpen: !1,
+			query: ""
+		};
+	},
+	watch: { hasItems(e) {
+		e || (this.isOpen = !1, this.query = "");
+	} },
+	computed: {
+		itemList() {
+			return Array.isArray(this.items) ? this.items.filter((e) => typeof e == "object" && !!e) : [];
+		},
+		selectedIds() {
+			return Array.isArray(this.modelValue) ? this.modelValue : [];
+		},
+		selectedItems() {
+			return this.itemList.filter((e) => this.selectedIds.includes(e.id));
+		},
+		visibleItems() {
+			let e = this.withSearch ? this.query.trim().toLowerCase() : "";
+			return e === "" ? this.itemList : this.itemList.filter((t) => this.itemName(t).toLowerCase().includes(e));
+		},
+		hasItems() {
+			return this.itemList.length > 0;
+		},
+		title() {
+			return this.selectedItems.length === 0 ? "" : this.selectedItems.length === 1 ? this.itemName(this.selectedItems[0]) : `${this.texts.selected}: ${this.selectedItems.length}`;
+		}
+	},
+	methods: {
+		itemName(e) {
+			return String(e.name ?? "");
+		},
+		itemClicked(e) {
+			this.itemElements()[this.visibleItems.indexOf(e)].focus({ preventScroll: !0 }), this.isOpen = !1, this.$emit("update:modelValue", this.selectedIds.includes(e.id) ? this.selectedIds.filter((t) => t !== e.id) : [...this.selectedIds, e.id]), this.$emit("changed");
+		},
+		clear() {
+			this.$emit("update:modelValue", []), this.$emit("changed");
+		},
+		itemElements() {
+			return this.$refs.list ? [...this.$refs.list.querySelectorAll(":scope > button")] : [];
+		},
+		firstSelectedElement() {
+			let e = this.visibleItems.findIndex((e) => this.selectedIds.includes(e.id));
+			return e === -1 ? null : this.itemElements()[e];
+		},
+		arrowsOrigin() {
+			return this.firstSelectedElement() ?? this.$refs.search ?? null;
+		},
+		onToggle(e) {
+			e && this.withSearch && this.$refs.search.focus({ preventScroll: !0 }), e || (this.query = "");
+		},
+		searchStops() {
+			return [...this.$refs.search ? [this.$refs.search] : [], ...this.itemElements()];
+		},
+		tabStops() {
+			let e = this.$refs.search ? [this.$refs.search] : [], t = this.$refs.search && this.query !== "" ? [this.$refs.searchEraser.$el] : [];
+			return [
+				...e,
+				...t,
+				...this.itemElements()
+			];
+		},
+		onListKeydown(e) {
+			if (!(!this.withSearch || e.ctrlKey || e.metaKey || e.altKey || e.isComposing)) {
+				if (e.key === "Backspace") this.query = this.query.slice(0, -1);
+				else if (e.key.length === 1 && e.key !== " ") this.query += e.key;
+				else return;
+				e.preventDefault(), this.$refs.search.focus({ preventScroll: !0 }), this.$nextTick(() => {
+					let e = this.$refs.search.value.length;
+					this.$refs.search.setSelectionRange(e, e);
+				});
+			}
+		},
+		clearQuery() {
+			this.query = "", this.$refs.search.focus();
+		}
+	}
+}, Xt = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Zt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Qt = {
+	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"
+}, $t = { class: "bb:relative" }, en = ["placeholder", "aria-label"], tn = ["textContent"];
+function nn(t, o, c, l, u, d) {
+	let m = h("element-header"), g = h("cross-button"), v = h("list-element"), ee = h("dropdown-button");
+	return f(), i("div", Xt, [a("div", Zt, [s(m, {
+		text: c.header,
+		"is-required": c.isRequired,
+		"is-loading": c.isLoading
+	}, null, 8, [
+		"text",
+		"is-required",
+		"is-loading"
+	]), d.hasItems ? (f(), n(ee, {
+		key: 0,
+		title: d.title,
+		"is-open": u.isOpen,
+		"onUpdate:isOpen": o[3] ||= (e) => u.isOpen = e,
+		"has-value": d.selectedItems.length > 0,
+		"find-selected": d.arrowsOrigin,
+		"find-stops": d.searchStops,
+		"find-tab-stops": d.tabStops,
+		"keep-size": c.withSearch,
+		lang: t.lang,
+		onErased: d.clear,
+		onToggle: d.onToggle
+	}, {
+		default: b(() => [c.withSearch ? (f(), i("div", Qt, [a("div", $t, [x(a("input", {
+			ref: "search",
+			type: "text",
+			autocomplete: "off",
+			"onUpdate:modelValue": o[0] ||= (e) => u.query = e,
+			placeholder: t.texts.search,
+			"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(g, {
+			ref: "searchEraser",
+			size: "small",
+			lang: t.lang,
+			onClicked: d.clearQuery,
+			class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
+		}, null, 8, ["lang", "onClicked"]), [[y, u.query !== ""]])])])) : r("", !0), d.visibleItems.length > 0 ? (f(), i("div", {
+			key: 1,
+			ref: "list",
+			class: "bb:flex bb:flex-col bb:py-1 bb:divide-y bb:divide-gray-200 bb:divide-dashed",
+			onKeydown: o[2] ||= (...e) => d.onListKeydown && d.onListKeydown(...e)
+		}, [(f(!0), i(e, null, p(d.visibleItems, (e) => (f(), n(v, {
+			name: d.itemName(e),
+			key: e.id,
+			"is-checked": d.selectedIds.includes(e.id),
+			"aria-pressed": d.selectedIds.includes(e.id),
+			onClicked: (t) => d.itemClicked(e)
+		}, null, 8, [
+			"name",
+			"is-checked",
+			"aria-pressed",
+			"onClicked"
+		]))), 128))], 544)) : (f(), i("div", {
+			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, tn))]),
+		_: 1
+	}, 8, [
+		"title",
+		"is-open",
+		"has-value",
+		"find-selected",
+		"find-stops",
+		"find-tab-stops",
+		"keep-size",
+		"lang",
+		"onErased",
+		"onToggle"
+	])) : r("", !0)])]);
+}
+var rn = /*#__PURE__*/ N(Yt, [["render", nn]]), an = {
+	components: {
+		ElementHeader: F,
+		DropdownButton: Ht,
+		ListElement: Jt
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -1311,7 +1596,7 @@ var Xt = {
 	} },
 	computed: {
 		itemList() {
-			return this.items ?? [];
+			return Array.isArray(this.items) ? this.items.filter((e) => typeof e == "object" && !!e) : [];
 		},
 		activeItem() {
 			return this.itemList.find((e) => e.id === this.modelValue) ?? null;
@@ -1336,15 +1621,18 @@ var Xt = {
 		activeItemElement() {
 			let e = this.itemList.indexOf(this.activeItem);
 			return e === -1 ? null : this.$refs.list.querySelectorAll("button")[e];
+		},
+		itemStops() {
+			return this.$refs.list ? [...this.$refs.list.querySelectorAll(":scope > button")] : [];
 		}
 	}
-}, Zt = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Qt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, $t = {
+}, on = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, sn = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, cn = {
 	ref: "list",
 	class: "bb:flex bb:flex-col bb:py-1 bb:divide-y bb:divide-gray-200 bb:divide-dashed"
 };
-function en(t, o, c, l, u, d) {
+function ln(t, o, c, l, u, d) {
 	let m = h("element-header"), g = h("list-element"), _ = h("dropdown-button");
-	return f(), i("div", Zt, [a("div", Qt, [s(m, {
+	return f(), i("div", on, [a("div", sn, [s(m, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -1359,9 +1647,10 @@ function en(t, o, c, l, u, d) {
 		"onUpdate:isOpen": o[0] ||= (e) => u.isOpen = e,
 		"has-value": d.hasValue,
 		"find-selected": d.activeItemElement,
+		"find-tab-stops": d.itemStops,
 		onErased: d.clear
 	}, {
-		default: b(() => [a("div", $t, [(f(!0), i(e, null, p(d.itemList, (e) => (f(), n(g, {
+		default: b(() => [a("div", cn, [(f(!0), i(e, null, p(d.itemList, (e) => (f(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
@@ -1377,11 +1666,12 @@ function en(t, o, c, l, u, d) {
 		"is-open",
 		"has-value",
 		"find-selected",
+		"find-tab-stops",
 		"onErased"
 	])) : r("", !0)])]);
 }
-var tn = /*#__PURE__*/ A(Xt, [["render", en]]), nn = {
-	mixins: [k],
+var un = /*#__PURE__*/ N(an, [["render", ln]]), dn = {
+	mixins: [M],
 	props: {
 		text: {
 			type: String,
@@ -1390,17 +1680,17 @@ var tn = /*#__PURE__*/ A(Xt, [["render", en]]), nn = {
 		color: {
 			type: String,
 			required: !0,
-			validator: O
+			validator: j
 		}
 	}
-}, rn = ["textContent"];
-function an(e, t, n, r, a, o) {
+}, fn = ["textContent"];
+function pn(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, rn);
+	}, null, 10, fn);
 }
-var q = /*#__PURE__*/ A(nn, [["render", an]]), on = {
+var mn = /*#__PURE__*/ N(dn, [["render", pn]]), hn = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -1420,12 +1710,12 @@ var q = /*#__PURE__*/ A(nn, [["render", an]]), on = {
 			return this.type === "dangerous";
 		}
 	}
-}, sn = { class: "bb:flex" }, cn = { class: "bb:shrink-0" }, ln = { class: "bb:ml-3" }, un = ["textContent"];
-function dn(t, n, o, s, c, l) {
+}, gn = { class: "bb:flex" }, _n = { class: "bb:shrink-0" }, vn = { class: "bb:ml-3" }, yn = ["textContent"];
+function bn(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", sn, [a("div", cn, [(f(), i("svg", {
+	}, [a("div", gn, [a("div", _n, [(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"
@@ -1433,21 +1723,21 @@ function dn(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", ln, [(f(!0), i(e, null, p(o.messages, (e, t) => (f(), i("p", {
+	}, null, -1)]], 2))]), a("div", vn, [(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, un))), 128))])])], 2)) : r("", !0);
+	}, null, 10, yn))), 128))])])], 2)) : r("", !0);
 }
-var fn = /*#__PURE__*/ A(on, [["render", dn]]), J = [
+var xn = /*#__PURE__*/ N(hn, [["render", bn]]), Sn = [
 	"text",
 	"email",
 	"password",
 	"tel",
 	"url",
 	"search"
-], pn = {
-	components: { Dot: j },
+], Cn = {
+	components: { Dot: P },
 	inheritAttrs: !1,
 	props: {
 		modelValue: {
@@ -1461,7 +1751,7 @@ var fn = /*#__PURE__*/ A(on, [["render", dn]]), J = [
 		type: {
 			type: String,
 			default: "text",
-			validator: (e) => J.includes(e)
+			validator: (e) => Sn.includes(e)
 		},
 		isRequired: {
 			type: Boolean,
@@ -1482,7 +1772,7 @@ var fn = /*#__PURE__*/ A(on, [["render", dn]]), J = [
 			}
 		},
 		inputType() {
-			return J.includes(this.type) ? this.type : "text";
+			return Sn.includes(this.type) ? this.type : "text";
 		}
 	},
 	methods: {
@@ -1497,26 +1787,26 @@ var fn = /*#__PURE__*/ A(on, [["render", dn]]), J = [
 			].includes(e)));
 		}
 	}
-}, mn = { class: "bb:flex bb:items-center" }, hn = ["for", "textContent"], gn = ["id", "type"];
-function _n(e, t, n, r, o, c) {
+}, wn = { class: "bb:flex bb:items-center" }, Tn = ["for", "textContent"], En = ["id", "type"];
+function Dn(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", mn, [a("label", {
+	}, [a("div", wn, [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, hn), x(s(p, {
+	}, null, 8, Tn), 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:border-blue-300 bb:focus:ring-3 bb:focus:ring-blue-200/50 bb:focus:outline-hidden"
-	}), null, 16, gn), [[ee, c.value]])], 6);
+		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, En), [[ee, c.value]])], 6);
 }
-var vn = /*#__PURE__*/ A(pn, [["render", _n]]), yn = {}, bn = {
+var On = /*#__PURE__*/ N(Cn, [["render", Dn]]), kn = {}, An = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1526,8 +1816,8 @@ var vn = /*#__PURE__*/ A(pn, [["render", _n]]), yn = {}, bn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function xn(e, t, n, r, o, s) {
-	return f(), i("svg", bn, [...t[0] ||= [
+function jn(e, t, n, r, o, s) {
+	return f(), i("svg", An, [...t[0] ||= [
 		a("circle", {
 			cx: "12",
 			cy: "12",
@@ -1549,7 +1839,7 @@ function xn(e, t, n, r, o, s) {
 		}, null, -1)
 	]]);
 }
-var Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = {}, wn = {
+var Mn = /*#__PURE__*/ N(kn, [["render", jn]]), Nn = {}, Pn = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1557,15 +1847,15 @@ var Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = {}, wn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function Tn(e, t, n, r, o, s) {
-	return f(), i("svg", wn, [...t[0] ||= [a("path", {
+function Fn(e, t, n, r, o, s) {
+	return f(), i("svg", Pn, [...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 En = /*#__PURE__*/ A(Cn, [["render", Tn]]), Dn = {}, On = {
+var In = /*#__PURE__*/ N(Nn, [["render", Fn]]), Ln = {}, Rn = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1573,21 +1863,21 @@ var En = /*#__PURE__*/ A(Cn, [["render", Tn]]), Dn = {}, On = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function kn(e, t, n, r, o, s) {
-	return f(), i("svg", On, [...t[0] ||= [a("path", {
+function zn(e, t, n, r, o, s) {
+	return f(), i("svg", Rn, [...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 An = /*#__PURE__*/ A(Dn, [["render", kn]]), jn = ["download", "refresh"], Mn = {
+var Bn = /*#__PURE__*/ N(Ln, [["render", zn]]), Vn = ["download", "refresh"], Hn = {
 	components: {
-		"clock-icon": Sn,
-		"download-icon": En,
-		"refresh-icon": An
+		"clock-icon": Mn,
+		"download-icon": In,
+		"refresh-icon": Bn
 	},
-	mixins: [k],
+	mixins: [M],
 	emits: ["click"],
 	props: {
 		title: {
@@ -1597,12 +1887,12 @@ var An = /*#__PURE__*/ A(Dn, [["render", kn]]), jn = ["download", "refresh"], Mn
 		icon: {
 			type: String,
 			required: !0,
-			validator: (e) => jn.includes(e)
+			validator: (e) => Vn.includes(e)
 		},
 		color: {
 			type: String,
 			default: "purple",
-			validator: O
+			validator: j
 		},
 		isLoading: {
 			type: Boolean,
@@ -1617,16 +1907,16 @@ var An = /*#__PURE__*/ A(Dn, [["render", kn]]), jn = ["download", "refresh"], Mn
 		let e = this.isLoading && typeof this.loadingText == "string" && this.loadingText !== "" ? this.loadingText : this.title;
 		return typeof e == "string" ? e : "";
 	} }
-}, Nn = [
+}, Un = [
 	"title",
 	"disabled",
 	"aria-busy"
-], Pn = ["textContent"];
-function Fn(e, t, o, s, c, l) {
+], Wn = ["textContent"];
+function Gn(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",
-		class: u(["bb-dashboard-ui bb:inline-flex bb:items-center bb:px-3 bb:py-1.5 bb:rounded-full bb:text-xs bb:font-medium bb:leading-none bb:select-none bb:whitespace-nowrap", [
+		class: u(["bb-dashboard-ui bb:inline-flex bb:items-center bb:px-3 bb:py-1.5 bb:rounded-full bb:text-xs bb:font-medium bb:leading-none bb:select-none bb:whitespace-nowrap bb:focus-visible:focus-ring", [
 			e.colorClass(o.color, "pill"),
 			o.isLoading ? "bb:opacity-60 bb:cursor-not-allowed" : "bb:cursor-pointer",
 			o.isLoading ? "" : e.colorClass(o.color, "pillHover")
@@ -1647,19 +1937,19 @@ function Fn(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, Pn)], 10, Nn);
+	}, null, 8, Wn)], 10, Un);
 }
-var In = /*#__PURE__*/ A(Mn, [["render", Fn]]), Y = "a[href], button:not(:disabled)";
-function Ln(e, t) {
+var Kn = /*#__PURE__*/ N(Hn, [["render", Gn]]), qn = "a[href], button:not(:disabled)";
+function Jn(e, t) {
 	let n = document.activeElement;
-	(e.querySelector("[data-dialog-focus]") ?? e.querySelector(Y))?.focus();
+	(e.querySelector("[data-dialog-focus]") ?? e.querySelector(qn))?.focus();
 	let r = (n) => {
 		if (n.key === "Escape") {
 			t();
 			return;
 		}
 		if (n.key !== "Tab") return;
-		let r = [...e.querySelectorAll(Y)];
+		let r = [...e.querySelectorAll(qn)];
 		if (r.length === 0) return;
 		n.preventDefault();
 		let i = n.shiftKey ? -1 : 1, a = r.indexOf(document.activeElement);
@@ -1676,7 +1966,7 @@ function Ln(e, t) {
 }
 //#endregion
 //#region src/components/Modal.vue
-var Rn = {
+var Yn = {
 	emits: ["escape"],
 	props: {
 		isOpen: {
@@ -1710,16 +2000,16 @@ var Rn = {
 	methods: {
 		holdFocus() {
 			this.focusFrame === null && this.releaseHeldFocus === null && (this.focusFrame = requestAnimationFrame(() => {
-				this.focusFrame = null, this.releaseHeldFocus = Ln(this.$refs.panel, () => this.$emit("escape"));
+				this.focusFrame = null, this.releaseHeldFocus = Jn(this.$refs.panel, () => this.$emit("escape"));
 			}));
 		},
 		releaseFocus() {
 			this.focusFrame !== null && (cancelAnimationFrame(this.focusFrame), this.focusFrame = null), this.releaseHeldFocus !== null && (this.releaseHeldFocus(), this.releaseHeldFocus = null);
 		}
 	}
-}, zn = { class: "bb:min-h-screen bb:text-center" }, Bn = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Vn = ["aria-labelledby"];
-function Hn(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", zn, [
+}, Xn = { class: "bb:min-h-screen bb:text-center" }, Zn = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Qn = ["aria-labelledby"];
+function $n(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", Xn, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1728,7 +2018,7 @@ function Hn(e, n, r, o, c, l) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			default: b(() => [x(a("div", Bn, [...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", Zn, [...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),
@@ -1746,12 +2036,12 @@ function Hn(e, n, r, o, c, l) {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [m(e.$slots, "default")], 8, Vn), [[y, r.isOpen]])]),
+			}, [m(e.$slots, "default")], 8, Qn), [[y, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var Un = /*#__PURE__*/ A(Rn, [["render", Hn]]), Wn = {}, Gn = {
+var er = /*#__PURE__*/ N(Yn, [["render", $n]]), tr = {}, nr = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1759,35 +2049,35 @@ var Un = /*#__PURE__*/ A(Rn, [["render", Hn]]), Wn = {}, Gn = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Kn(e, t, n, r, o, s) {
-	return f(), i("svg", Gn, [...t[0] ||= [a("path", {
+function rr(e, t, n, r, o, s) {
+	return f(), i("svg", nr, [...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 qn = /*#__PURE__*/ A(Wn, [["render", Kn]]), Jn = {}, Yn = {
+var ir = /*#__PURE__*/ N(tr, [["render", rr]]), ar = {}, or = {
 	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 Xn(e, t, n, r, o, s) {
-	return f(), i("svg", Yn, [...t[0] ||= [a("path", {
+function sr(e, t, n, r, o, s) {
+	return f(), i("svg", or, [...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 Zn = /*#__PURE__*/ A(Jn, [["render", Xn]]), Qn = {
+var cr = /*#__PURE__*/ N(ar, [["render", sr]]), lr = {
 	components: {
-		Modal: Un,
-		Dangerous: qn,
-		Warning: Zn
+		Modal: er,
+		Dangerous: ir,
+		Warning: cr
 	},
-	mixins: [N],
+	mixins: [I],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1827,68 +2117,68 @@ var Zn = /*#__PURE__*/ A(Jn, [["render", Xn]]), Qn = {
 			return this.type === "warning";
 		}
 	}
-}, $n = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:p-6 bb:pb-4" }, er = { class: "bb:flex bb:items-start" }, tr = { class: "bb:ml-4 bb:text-left" }, nr = ["id"], rr = { class: "bb:mt-2" }, ir = { class: "bb:text-sm bb:text-gray-500" }, ar = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-6 bb:py-3 bb:flex bb:flex-row-reverse" };
-function or(e, t, i, o, s, c) {
+}, ur = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:p-6 bb:pb-4" }, dr = { class: "bb:flex bb:items-start" }, fr = { class: "bb:ml-4 bb:text-left" }, pr = ["id"], mr = { class: "bb:mt-2" }, hr = { class: "bb:text-sm bb:text-gray-500" }, gr = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-6 bb:py-3 bb:flex bb:flex-row-reverse" };
+function _r(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", $n, [a("div", er, [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", ur, [a("div", dr, [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", tr, [a("h3", {
+		}]) }, [c.isWarning ? (f(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (f(), n(d, { key: 1 })) : r("", !0)], 2), a("div", fr, [a("h3", {
 			class: "bb:text-lg bb:leading-6 bb:font-medium bb:text-gray-900",
 			id: o.headingId
-		}, _(i.confirmationHeading), 9, nr), a("div", rr, [a("p", ir, _(i.confirmationText), 1)])])])]), a("div", ar, [a("button", {
+		}, _(i.confirmationHeading), 9, pr), a("div", mr, [a("p", hr, _(i.confirmationText), 1)])])])]), a("div", gr, [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:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:ml-3", {
-				"bb:bg-red-600 bb:hover:bg-red-700 bb:focus:ring-red-500": c.isDangerous,
-				"bb:bg-yellow-400 bb:hover:bg-yellow-500 bb:focus:ring-yellow-300": c.isWarning
+			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,
+				"bb:bg-yellow-400 bb:hover:bg-yellow-500": c.isWarning
 			}]),
-			onClick: t[0] ||= S((t) => e.$emit("actionConfirmed"), ["prevent"])
+			onClick: t[0] ||= C((t) => e.$emit("actionConfirmed"), ["prevent"])
 		}, _(i.actionButtonText), 3), a("button", {
 			type: "button",
-			class: "bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-gray-300 bb:shadow-xs bb:px-4 bb:py-2 bb:bg-white bb:text-sm bb:font-medium bb:text-gray-700 bb:hover:bg-gray-50 bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:focus:ring-indigo-500 bb:ml-3",
+			class: "bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-gray-300 bb:shadow-xs bb:px-4 bb:py-2 bb:bg-white bb:text-sm bb:font-medium bb:text-gray-700 bb:hover:bg-gray-50 bb:focus:focus-ring bb:ml-3",
 			"data-dialog-focus": "",
-			onClick: t[1] ||= S((t) => e.$emit("actionCanceled"), ["prevent"])
+			onClick: t[1] ||= C((t) => e.$emit("actionCanceled"), ["prevent"])
 		}, _(i.cancelButtonText ?? e.texts.cancel), 1)])]),
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var sr = /*#__PURE__*/ A(Qn, [["render", or]]);
+var vr = /*#__PURE__*/ N(lr, [["render", _r]]);
 //#endregion
 //#region src/menuItems.js
-function cr(e) {
-	if (typeof e != "object" || !e || typeof e.label != "string" || e.label === "" || e.color !== void 0 && !O(e.color)) return !1;
+function yr(e) {
+	if (typeof e != "object" || !e || typeof e.label != "string" || e.label === "" || e.color !== void 0 && !j(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 lr(e) {
+function br(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "object" && !!e) : [];
 }
-function ur(e) {
+function xr(e) {
 	return typeof e.href == "string" && e.href !== "";
 }
-function dr(e) {
-	return O(e.color) ? e.color : null;
+function Sr(e) {
+	return j(e.color) ? e.color : null;
 }
 //#endregion
 //#region src/navigation.js
-function fr(e) {
+function Cr(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 X = {
-	inject: D,
+var Z = {
+	inject: A,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && fr(e) && (e.preventDefault(), n(t));
+		n !== null && Cr(e) && (e.preventDefault(), n(t));
 	} }
-}, pr = {
-	components: { PopoverPanel: H },
-	mixins: [X, k],
+}, wr = {
+	components: { PopoverPanel: K },
+	mixins: [Z, M],
 	emits: ["update:modelValue"],
 	props: {
 		actions: { default: () => [] },
@@ -1899,7 +2189,7 @@ var X = {
 	},
 	computed: {
 		actionItems() {
-			return lr(this.actions);
+			return br(this.actions);
 		},
 		hasActions() {
 			return this.actionItems.length > 0;
@@ -1907,21 +2197,21 @@ var X = {
 	},
 	methods: {
 		color(e) {
-			return dr(e);
+			return Sr(e);
 		},
 		isLink(e) {
-			return ur(e);
+			return xr(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
 		}
 	}
-}, mr = [
+}, Tr = [
 	"href",
 	"onClick",
 	"textContent"
-], hr = ["onClick", "textContent"];
-function gr(t, r, a, o, s, c) {
+], Er = ["onClick", "textContent"];
+function Dr(t, r, a, o, s, c) {
 	let l = h("popover-panel");
 	return f(), n(l, {
 		"model-value": a.modelValue,
@@ -1945,30 +2235,30 @@ function gr(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:focus:bg-gray-100 bb:focus:text-gray-900" : t.colorClass(c.color(n), "menuItem")]),
 			onClick: (e) => t.followLink(e, n.href),
 			textContent: _(n.label)
-		}, null, 10, mr)) : (f(), i("button", {
+		}, null, 10, Tr)) : (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:focus:bg-gray-100 bb:focus:text-gray-900" : t.colorClass(c.color(n), "menuItem")]),
 			onClick: (e) => c.select(n),
 			textContent: _(n.label)
-		}, null, 10, hr))], 64))), 128))]),
+		}, null, 10, Er))], 64))), 128))]),
 		_: 3
 	}, 8, ["model-value", "has-content"]);
 }
-var Z = /*#__PURE__*/ A(pr, [["render", gr]]), _r = {
-	components: { PopoverMenu: Z },
+var Or = /*#__PURE__*/ N(wr, [["render", Dr]]), kr = {
+	components: { PopoverMenu: Or },
 	mixins: [
-		N,
-		X,
-		k
+		I,
+		Z,
+		M
 	],
 	emits: ["update:modelValue"],
 	props: {
 		actions: {
 			type: Array,
 			default: () => [],
-			validator: (e) => e.every(cr)
+			validator: (e) => e.every(yr)
 		},
 		modelValue: {
 			type: Boolean,
@@ -1980,7 +2270,7 @@ var Z = /*#__PURE__*/ A(pr, [["render", gr]]), _r = {
 	},
 	computed: {
 		items() {
-			return lr(this.actions);
+			return br(this.actions);
 		},
 		hasActions() {
 			return this.items.length > 0;
@@ -1989,7 +2279,7 @@ var Z = /*#__PURE__*/ A(pr, [["render", gr]]), _r = {
 			return this.items[0];
 		},
 		mainColor() {
-			return this.hasActions ? dr(this.mainAction) : null;
+			return this.hasActions ? Sr(this.mainAction) : null;
 		},
 		menuActions() {
 			return this.items.slice(1);
@@ -2011,7 +2301,7 @@ var Z = /*#__PURE__*/ A(pr, [["render", gr]]), _r = {
 	},
 	methods: {
 		isLink(e) {
-			return ur(e);
+			return xr(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
@@ -2020,31 +2310,31 @@ var Z = /*#__PURE__*/ A(pr, [["render", gr]]), _r = {
 			this.menuIsOpen = e, this.$emit("update:modelValue", e);
 		}
 	}
-}, vr = {
+}, Ar = {
 	key: 0,
 	class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md"
-}, yr = ["href", "textContent"], br = ["textContent"], xr = ["id", "popovertarget"], Sr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Cr(e, t, n, o, c, l) {
+}, jr = ["href", "textContent"], Mr = ["textContent"], Nr = ["id", "popovertarget"], Pr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function Fr(e, t, n, o, c, l) {
 	let d = h("popover-menu");
-	return l.hasActions ? (f(), i("span", vr, [l.isLink(l.mainAction) ? (f(), i("a", {
+	return l.hasActions ? (f(), i("span", Ar, [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:outline-hidden bb:focus:ring-1 bb:focus:ring-indigo-500 bb:focus:border-indigo-500", [{
+		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", [{
 			"bb:rounded-l-md": l.hasMenu,
 			"bb:rounded-md": !l.hasMenu
 		}, 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, yr)) : (f(), i("button", {
+	}, null, 10, jr)) : (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:outline-hidden bb:focus:ring-1 bb:focus:ring-indigo-500 bb:focus:border-indigo-500", [{
+		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", [{
 			"bb:rounded-l-md": l.hasMenu,
 			"bb:rounded-md": !l.hasMenu
 		}, 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, br)), s(d, {
+	}, null, 10, Mr)), s(d, {
 		class: "bb:-ml-px bb:flex",
 		actions: l.menuActions,
 		"model-value": n.modelValue,
@@ -2054,8 +2344,8 @@ function Cr(e, t, n, o, c, l) {
 			type: "button",
 			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:outline-hidden bb:focus:ring-1 bb:focus:ring-indigo-500 bb:focus:border-indigo-500", 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", Sr, _(e.texts.openMenu), 1), t[2] ||= a("svg", {
+			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", Pr, _(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",
@@ -2065,7 +2355,7 @@ function Cr(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, xr)]),
+		})], -1)], 10, Nr)]),
 		_: 1
 	}, 8, [
 		"actions",
@@ -2073,16 +2363,16 @@ function Cr(e, t, n, o, c, l) {
 		"onUpdate:modelValue"
 	])])) : r("", !0);
 }
-var wr = /*#__PURE__*/ A(_r, [["render", Cr]]), Tr = {
-	components: { PopoverMenu: Z },
-	mixins: [N],
+var Ir = /*#__PURE__*/ N(kr, [["render", Fr]]), Lr = {
+	components: { PopoverMenu: Or },
+	mixins: [I],
 	props: { actions: {
 		type: Array,
 		default: () => [],
-		validator: (e) => e.every(cr)
+		validator: (e) => e.every(yr)
 	} }
-}, Er = ["id", "popovertarget"], Dr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Or(e, t, r, i, o, s) {
+}, Rr = ["id", "popovertarget"], zr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function Br(e, t, r, i, o, s) {
 	let c = h("popover-menu");
 	return f(), n(c, {
 		class: "bb-dashboard-ui bb:inline-flex",
@@ -2093,7 +2383,7 @@ function Or(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", Dr, _(e.texts.openMenu), 1), t[0] ||= a("svg", {
+		}, [a("span", zr, _(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",
@@ -2104,48 +2394,48 @@ function Or(e, t, r, i, o, s) {
 			"stroke-linejoin": "round",
 			"stroke-width": "2",
 			d: "M4 6h16M4 12h16M4 18h16"
-		})], -1)], 8, Er)]),
+		})], -1)], 8, Rr)]),
 		_: 1
 	}, 8, ["actions"]);
 }
-var kr = /*#__PURE__*/ A(Tr, [["render", Or]]), Ar = {}, jr = {
+var Vr = /*#__PURE__*/ N(Lr, [["render", Br]]), Hr = {}, Ur = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Mr(e, t, n, r, o, s) {
-	return f(), i("svg", jr, [...t[0] ||= [a("path", {
+function Wr(e, t, n, r, o, s) {
+	return f(), i("svg", Ur, [...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 Nr = /*#__PURE__*/ A(Ar, [["render", Mr]]), Pr = {}, Fr = {
+var Gr = /*#__PURE__*/ N(Hr, [["render", Wr]]), Kr = {}, qr = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Ir(e, t, n, r, o, s) {
-	return f(), i("svg", Fr, [...t[0] ||= [a("path", {
+function Jr(e, t, n, r, o, s) {
+	return f(), i("svg", qr, [...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 Lr = /*#__PURE__*/ A(Pr, [["render", Ir]]);
+var Yr = /*#__PURE__*/ N(Kr, [["render", Jr]]);
 //#endregion
 //#region src/components/Pagination.vue
-function Rr(e) {
+function Xr(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var zr = {
+var Zr = {
 	components: {
-		ArrowNarrowLeft: Nr,
-		ArrowNarrowRight: Lr
+		ArrowNarrowLeft: Gr,
+		ArrowNarrowRight: Yr
 	},
-	mixins: [N, X],
+	mixins: [I, Z],
 	props: {
 		links: {
 			type: Object,
@@ -2173,49 +2463,49 @@ var zr = {
 			return typeof this.from == "number" && typeof this.to == "number";
 		},
 		previousPageUrl() {
-			return Rr(this.links?.prev);
+			return Xr(this.links?.prev);
 		},
 		nextPageUrl() {
-			return Rr(this.links?.next);
+			return Xr(this.links?.next);
 		}
 	}
-}, Br = {
+}, Qr = {
 	key: 0,
 	class: "bb-dashboard-ui bb:flex bb:items-center bb:justify-between"
-}, Vr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Hr = ["href"], Ur = {
+}, $r = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, ei = ["href"], ti = {
 	key: 0,
 	class: "bb:-mt-px bb:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, Wr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Gr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Kr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, qr = ["href"];
-function Jr(e, t, n, c, l, u) {
+}, ni = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, ri = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, ii = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, ai = ["href"];
+function oi(e, t, n, c, l, u) {
 	let d = h("arrow-narrow-left"), p = h("arrow-narrow-right");
-	return u.hasResults ? (f(), i("nav", Br, [
-		a("div", Vr, [u.previousPageUrl === null ? r("", !0) : (f(), i("a", {
+	return u.hasResults ? (f(), i("nav", Qr, [
+		a("div", $r, [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",
+			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, Hr))]),
-		u.hasRange ? (f(), i("div", Ur, [
+		}, [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, ei))]),
+		u.hasRange ? (f(), i("div", ti, [
 			o(_(e.texts.resultsBefore) + " ", 1),
-			a("span", Wr, _(u.from) + " - " + _(u.to), 1),
+			a("span", ni, _(u.from) + " - " + _(u.to), 1),
 			o(" " + _(e.texts.resultsOf) + " ", 1),
-			a("span", Gr, _(u.total), 1),
+			a("span", ri, _(u.total), 1),
 			o(" " + _(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", Kr, [u.nextPageUrl === null ? r("", !0) : (f(), i("a", {
+		a("div", ii, [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",
+			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, qr))])
+		}, [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, ai))])
 	])) : r("", !0);
 }
-var Yr = /*#__PURE__*/ A(zr, [["render", Jr]]), Xr = [
+var si = /*#__PURE__*/ N(Zr, [["render", oi]]), ci = [
 	"left",
 	"center",
 	"right"
 ];
-function Zr(e) {
+function li(e) {
 	if (typeof e != "object" || !e || typeof e.key != "string" || e.key === "") return null;
 	let t = e.key;
 	return {
@@ -2224,21 +2514,21 @@ function Zr(e) {
 		value: typeof e.value == "function" ? e.value : (e) => e?.[t],
 		secondary: typeof e.secondary == "function" ? e.secondary : null,
 		muted: e.muted === !0,
-		align: Xr.includes(e.align) ? e.align : "left",
+		align: ci.includes(e.align) ? e.align : "left",
 		wrap: e.wrap === !0,
 		narrow: e.narrow === !0,
 		visible: e.visible !== !1
 	};
 }
-function Qr(e) {
+function ui(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var $r = {
+var di = {
 	components: {
-		Pagination: Yr,
-		InfoPill: q
+		Pagination: si,
+		InfoPill: mn
 	},
-	mixins: [N, k],
+	mixins: [I, M],
 	props: {
 		rows: {
 			type: Array,
@@ -2283,7 +2573,7 @@ var $r = {
 			return Array.isArray(this.rows) ? this.rows : [];
 		},
 		visibleColumns() {
-			return (Array.isArray(this.columns) ? this.columns : []).map(Zr).filter((e) => e !== null && e.visible);
+			return (Array.isArray(this.columns) ? this.columns : []).map(li).filter((e) => e !== null && e.visible);
 		},
 		rowStripes() {
 			return this.normalizedRows.map((e) => this.stripeOf(e));
@@ -2302,10 +2592,10 @@ var $r = {
 		},
 		badgeText() {
 			if (this.hasRecords) {
-				let e = Qr(this.foundText);
+				let e = ui(this.foundText);
 				return e === null ? null : `${e}: ${this.recordCount}`;
 			}
-			return Qr(this.emptyText);
+			return ui(this.emptyText);
 		}
 	},
 	methods: {
@@ -2325,15 +2615,15 @@ var $r = {
 		stripeOf(e) {
 			if (typeof this.rowStripe != "function") return null;
 			let t = this.rowStripe(e);
-			return O(t) ? t : null;
+			return j(t) ? t : null;
 		},
 		textOf(e, t) {
 			let n = e(t);
 			return n == null ? "" : String(n);
 		}
 	}
-}, ei = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, ti = { class: "bb:bg-gray-50" }, ni = ["textContent"], ri = { class: "bb:divide-y bb:divide-gray-200" }, ii = ["textContent"], ai = ["textContent"];
-function oi(t, o, s, c, l, d) {
+}, fi = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, pi = { class: "bb:bg-gray-50" }, mi = ["textContent"], hi = { class: "bb:divide-y bb:divide-gray-200" }, gi = ["textContent"], _i = ["textContent"];
+function vi(t, o, s, c, l, d) {
 	let g = h("info-pill"), v = h("pagination");
 	return f(), i("div", null, [
 		d.hasBadgeRow() ? (f(), i("div", {
@@ -2347,7 +2637,7 @@ function oi(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", ei, [a("thead", null, [a("tr", ti, [(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", fi, [a("thead", null, [a("tr", pi, [(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", [{
@@ -2356,7 +2646,7 @@ function oi(t, o, s, c, l, d) {
 				"bb:text-right": e.align === "right"
 			}, { "bb:w-px": e.narrow }]]),
 			textContent: _(e.label)
-		}, null, 10, ni))), 128))])]), a("tbody", ri, [(f(!0), i(e, null, p(d.normalizedRows, (n, o) => (f(), i("tr", {
+		}, null, 10, mi))), 128))])]), a("tbody", hi, [(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", {
@@ -2380,11 +2670,11 @@ function oi(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, ii), e.secondary !== null && d.textOf(e.secondary, n) !== "" ? (f(), i("div", {
+		}, null, 10, gi), 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, ai)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
+		}, null, 8, _i)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
 		d.hasMeta ? (f(), n(v, {
 			key: 2,
 			meta: s.meta,
@@ -2399,8 +2689,8 @@ function oi(t, o, s, c, l, d) {
 		])) : r("", !0)
 	]);
 }
-var si = /*#__PURE__*/ A($r, [["render", oi]]), ci = {
-	mixins: [X],
+var yi = /*#__PURE__*/ N(di, [["render", vi]]), bi = {
+	mixins: [Z],
 	props: {
 		url: {
 			type: String,
@@ -2415,17 +2705,17 @@ var si = /*#__PURE__*/ A($r, [["render", oi]]), ci = {
 			default: !1
 		}
 	}
-}, li = ["href", "textContent"];
-function ui(e, t, n, r, a, o) {
+}, xi = ["href", "textContent"];
+function Si(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, li);
+	}, null, 10, xi);
 }
-var di = /*#__PURE__*/ A(ci, [["render", ui]]), fi = {
-	mixins: [N, X],
+var Ci = /*#__PURE__*/ N(bi, [["render", Si]]), wi = {
+	mixins: [I, Z],
 	props: {
 		tabs: {
 			type: Array,
@@ -2439,13 +2729,13 @@ var di = /*#__PURE__*/ A(ci, [["render", ui]]), fi = {
 	computed: { tabList() {
 		return Array.isArray(this.tabs) ? this.tabs.filter((e) => typeof e == "object" && !!e) : [];
 	} }
-}, pi = ["aria-label"], mi = [
+}, Ti = ["aria-label"], Ei = [
 	"href",
 	"aria-current",
 	"onClick",
 	"textContent"
 ];
-function hi(t, n, r, a, o, s) {
+function Di(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
@@ -2453,24 +2743,24 @@ function hi(t, n, r, a, o, s) {
 		key: e.key,
 		href: e.url,
 		"aria-current": e.key === r.activeKey ? "page" : null,
-		class: u(["bb:px-3 bb:py-2 bb:font-medium bb:text-sm bb:rounded-md", e.key === r.activeKey ? "bb:bg-indigo-100 bb:text-gray-700" : "bb:text-gray-500 bb:hover:text-gray-700"]),
+		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, mi))), 128))], 8, pi);
+	}, null, 10, Ei))), 128))], 8, Ti);
 }
-var gi = /*#__PURE__*/ A(fi, [["render", hi]]), _i = [
+var Oi = /*#__PURE__*/ N(wi, [["render", Di]]), ki = [
 	"xl",
 	"4xl",
 	"7xl"
-], vi = {
-	components: { CrossButton: P },
-	mixins: [N],
+], Ai = {
+	components: { CrossButton: L },
+	mixins: [I],
 	inheritAttrs: !1,
 	props: {
 		width: {
 			type: String,
 			default: "xl",
-			validator: (e) => _i.includes(e)
+			validator: (e) => ki.includes(e)
 		},
 		fallbackUrl: {
 			type: String,
@@ -2486,13 +2776,13 @@ var gi = /*#__PURE__*/ A(fi, [["render", hi]]), _i = [
 	},
 	computed: {
 		resolvedWidth() {
-			return _i.includes(this.width) ? this.width : "xl";
+			return ki.includes(this.width) ? this.width : "xl";
 		},
 		windows() {
 			return this.uiSettings.windows;
 		},
 		resolvedKey() {
-			return this.windowKey !== null && this.windowKey !== "" ? this.windowKey : this.windows === null ? null : se(this.windows.page.address);
+			return this.windowKey !== null && this.windowKey !== "" ? this.windowKey : this.windows === null ? null : oe(this.windows.page.address);
 		},
 		target() {
 			return this.returnAddress === null ? this.fallbackUrl === null || this.fallbackUrl === "" ? null : this.fallbackUrl : this.returnAddress;
@@ -2502,23 +2792,23 @@ var gi = /*#__PURE__*/ A(fi, [["render", hi]]), _i = [
 		}
 	},
 	watch: { fallbackUrl() {
-		this.windows !== null && ge(this.windows.state, this, this.fallbackAddress());
+		this.windows !== null && me(this.windows.state, this, this.fallbackAddress());
 	} },
 	mounted() {
-		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" }));
+		this.windows !== null && (this.returnAddress = O(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 && he(this.windows.state, this);
+		this.windows !== null && pe(this.windows.state, this);
 	},
 	methods: {
 		fallbackAddress() {
-			return oe(this.fallbackUrl, window.location.origin);
+			return T(this.fallbackUrl, window.location.origin);
 		},
 		forwardedAttrs() {
 			return Object.fromEntries(Object.entries(this.$attrs).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-")));
 		},
 		syncWindow() {
-			let e = me(this.windows.state, this, this.resolvedKey, this.fallbackAddress());
+			let e = fe(this.windows.state, this, this.resolvedKey, this.fallbackAddress());
 			e.rejected && console.warn(`PageCard: ключ окна сменился на «${this.resolvedKey}» без смены страницы — карточка остаётся в окне «${e.key}»`), this.returnAddress = e.window.returnAddress;
 		},
 		close() {
@@ -2533,7 +2823,7 @@ var gi = /*#__PURE__*/ A(fi, [["render", hi]]), _i = [
 		}
 	}
 };
-function yi(e, t, a, s, c, d) {
+function ji(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", [
@@ -2553,19 +2843,18 @@ function yi(e, t, a, s, c, d) {
 	}, { ...d.forwardedAttrs() }), [m(e.$slots, "default", { close: d.close }), d.canClose ? (f(), n(p, {
 		key: 0,
 		size: "large",
-		class: u(["bb:absolute bb:top-0 bb:right-0 bb:mt-6 bb:mr-4 bb:w-8 bb:h-8 bb:rounded-md bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500", {
+		class: u(["bb:absolute bb:top-0 bb:right-0 bb:mt-6 bb:mr-4 bb:w-8 bb:h-8", {
 			"bb:md:right-auto bb:md:left-full bb:md:mr-0 bb:md:ml-4": d.resolvedWidth === "xl",
 			"bb:lg:right-auto bb:lg:left-full bb:lg:mr-0 bb:lg:ml-4": d.resolvedWidth === "4xl",
 			"bb:2xl:right-auto bb:2xl:left-full bb:2xl:mr-0 bb:2xl:ml-4": d.resolvedWidth === "7xl"
 		}]),
-		tabindex: "0",
 		onClicked: d.close
 	}, {
 		default: b(() => [o(_(e.texts.back), 1)]),
 		_: 1
 	}, 8, ["class", "onClicked"])) : r("", !0)], 16);
 }
-var bi = /*#__PURE__*/ A(vi, [["render", yi]]), xi = {}, Si = {
+var Mi = /*#__PURE__*/ N(Ai, [["render", ji]]), Ni = {}, Pi = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -2574,22 +2863,22 @@ var bi = /*#__PURE__*/ A(vi, [["render", yi]]), xi = {}, Si = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Ci(e, t, n, r, o, s) {
-	return f(), i("svg", Si, [...t[0] ||= [a("path", {
+function Fi(e, t, n, r, o, s) {
+	return f(), i("svg", Pi, [...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 wi = /*#__PURE__*/ A(xi, [["render", Ci]]), Ti = {}, Ei = {
+var Ii = /*#__PURE__*/ N(Ni, [["render", Fi]]), Li = {}, Ri = {
 	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 Di(e, t, n, r, o, s) {
-	return f(), i("svg", Ei, [...t[0] ||= [a("path", {
+function zi(e, t, n, r, o, s) {
+	return f(), i("svg", Ri, [...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"
@@ -2597,14 +2886,14 @@ function Di(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var Oi = {
+var Bi = {
 	components: {
-		Check: wi,
-		Close: /* @__PURE__ */ A(Ti, [["render", Di]]),
-		Dangerous: qn,
-		Warning: Zn
+		Check: Ii,
+		Close: /* @__PURE__ */ N(Li, [["render", zi]]),
+		Dangerous: ir,
+		Warning: cr
 	},
-	mixins: [N],
+	mixins: [I],
 	emits: ["update:modelValue"],
 	props: {
 		modelValue: {
@@ -2642,8 +2931,8 @@ var Oi = {
 			return this.type === "confirmation";
 		}
 	}
-}, ki = ["role"], Ai = { class: "bb:p-4" }, ji = { class: "bb:flex bb:items-start" }, Mi = { class: "bb:shrink-0" }, Ni = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Pi = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, Fi = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Ii = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Li = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Ri(e, t, o, c, l, d) {
+}, Vi = ["role"], Hi = { class: "bb:p-4" }, Ui = { class: "bb:flex bb:items-start" }, Wi = { class: "bb:shrink-0" }, Gi = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Ki = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, qi = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Ji = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Yi = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function Xi(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",
@@ -2655,25 +2944,25 @@ function Ri(e, t, o, c, l, d) {
 			"bb:bg-yellow-50": d.isWarning,
 			"bb:bg-gray-50": d.isConfirmation
 		}])
-	}, [a("div", Ai, [a("div", ji, [
-		a("div", Mi, [
+	}, [a("div", Hi, [a("div", Ui, [
+		a("div", Wi, [
 			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", Ni, [a("p", Pi, _(o.notificationHeading), 1), a("p", Fi, _(d.text), 1)]),
-		a("div", Ii, [a("button", {
+		a("div", Gi, [a("p", Ki, _(o.notificationHeading), 1), a("p", qi, _(d.text), 1)]),
+		a("div", Ji, [a("button", {
 			type: "button",
-			class: u(["bb:rounded-md bb:inline-flex bb:text-gray-400 bb:hover:text-gray-500 bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:focus:ring-indigo-500", {
+			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,
 				"bb:bg-yellow-50": d.isWarning,
 				"bb:bg-gray-50": d.isConfirmation
 			}]),
-			onClick: t[0] ||= S((t) => e.$emit("update:modelValue", ""), ["prevent"])
-		}, [a("span", Li, _(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
-	])])], 2)) : r("", !0)], 8, ki);
+			onClick: t[0] ||= C((t) => e.$emit("update:modelValue", ""), ["prevent"])
+		}, [a("span", Yi, _(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
+	])])], 2)) : r("", !0)], 8, Vi);
 }
-var zi = /*#__PURE__*/ A(Oi, [["render", Ri]]), Bi = {}, Vi = {
+var Zi = /*#__PURE__*/ N(Bi, [["render", Xi]]), Qi = {}, $i = {
 	class: "bb:h-5 bb:w-5",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -2682,8 +2971,8 @@ var zi = /*#__PURE__*/ A(Oi, [["render", Ri]]), Bi = {}, Vi = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-function Hi(e, t, n, r, o, s) {
-	return f(), i("svg", Vi, [...t[0] ||= [a("path", {
+function ea(e, t, n, r, o, s) {
+	return f(), i("svg", $i, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
@@ -2693,12 +2982,12 @@ function Hi(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 Ui = /*#__PURE__*/ A(Bi, [["render", Hi]]), Q = 0, $ = null, Wi = {
+var ta = /*#__PURE__*/ N(Qi, [["render", ea]]), Q = 0, $ = null, na = {
 	components: {
-		PopoverPanel: H,
-		Eye: Ui
+		PopoverPanel: K,
+		Eye: ta
 	},
-	mixins: [N],
+	mixins: [I],
 	emits: ["update:modelValue"],
 	props: {
 		text: {
@@ -2741,8 +3030,8 @@ var Ui = /*#__PURE__*/ A(Bi, [["render", Hi]]), Q = 0, $ = null, Wi = {
 			this.holdsPageSelectionLock && (this.holdsPageSelectionLock = !1, --Q, Q === 0 && (Object.assign(document.documentElement.style, $), $ = null));
 		}
 	}
-}, Gi = ["id", "popovertarget"], Ki = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function qi(e, t, r, i, c, l) {
+}, ra = ["id", "popovertarget"], ia = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function aa(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",
@@ -2753,7 +3042,7 @@ function qi(e, t, r, i, c, l) {
 		"panel-role": "region",
 		"panel-label": e.texts.fullText,
 		"panel-focusable": "",
-		"panel-class": "bb:p-3 bb:rounded-md bb:border bb:border-gray-200 bb:bg-white bb:shadow-lg bb:text-left bb:text-sm bb:leading-5 bb:text-gray-700 bb:whitespace-normal bb:break-words bb:overscroll-contain bb:select-text bb:focus:outline-hidden bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500",
+		"panel-class": "bb:p-3 bb:rounded-md bb:border bb:border-gray-200 bb:bg-white bb:shadow-lg bb:text-left bb:text-sm bb:leading-5 bb:text-gray-700 bb:whitespace-normal bb:break-words bb:overscroll-contain bb:select-text bb:focus-visible:focus-ring",
 		"onUpdate:modelValue": t[0] ||= (t) => e.$emit("update:modelValue", t),
 		onToggle: l.onPanelToggle
 	}, {
@@ -2761,8 +3050,8 @@ function qi(e, t, r, i, c, l) {
 			type: "button",
 			id: t.id,
 			popovertarget: t.popovertarget,
-			class: "bb:relative bb:text-gray-400 bb:hover:text-gray-600 bb:rounded-md bb:focus:outline-hidden bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500"
-		}, [a("span", Ki, _(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, Gi)]),
+			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", ia, _(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, ra)]),
 		default: b(() => [o(_(l.normalizedText), 1)]),
 		_: 1
 	}, 8, [
@@ -2772,6 +3061,6 @@ function qi(e, t, r, i, c, l) {
 		"onToggle"
 	]);
 }
-var Ji = /*#__PURE__*/ A(Wi, [["render", qi]]);
+var oa = /*#__PURE__*/ N(na, [["render", aa]]);
 //#endregion
-export { In as ActionPill, sr as ConfirmationModal, si as DataTable, j as Dot, wr as DropdownButtonWithAction, fn as ErrorMessages, vn as FormInput, kr as HamburgerMenu, q as InfoPill, di as NavigationMenuElement, zi as NotificationMessage, bi as PageCard, gi as PageTabs, Qe as RussianMobileFilter, at as Search, Lt as SelectDateInterval, tn as SelectSingle, Ji as TextPopover, be as dashboardUi, we as downloadFile };
+export { Kn as ActionPill, vr as ConfirmationModal, yi as DataTable, P as Dot, Ir as DropdownButtonWithAction, xn as ErrorMessages, On as FormInput, Vr as HamburgerMenu, mn as InfoPill, Ci as NavigationMenuElement, Zi as NotificationMessage, Mi as PageCard, Oi as PageTabs, Xe as RussianMobileFilter, rt as Search, Ft as SelectDateInterval, rn as SelectMultiple, un as SelectSingle, oa as TextPopover, _e as dashboardUi, xe as downloadFile };