@boobooking/dashboard-ui-components 0.17.1 → 0.19.0

package/dist/index.js

@@ -1,11 +1,11 @@
-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, openBlock as d, renderList as f, renderSlot as p, resolveComponent as m, shallowReactive as h, toDisplayString as g, useId as _, vModelText as v, vShow as y, watch as ee, withCtx as b, withDirectives as x, withKeys as te, withModifiers as S } from "vue";
-import ne 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 re = ["ru", "en"];
-function C(e) {
-	return re.includes(e);
+var ie = ["ru", "en"];
+function w(e) {
+	return ie.includes(e);
 }
-var ie = {
+var ae = {
 	ru: {
 		cancel: "Отмена",
 		openMenu: "Открыть меню",
@@ -55,7 +55,10 @@ var ie = {
 		clear: "Очистить",
 		showText: "Показать текст",
 		fullText: "Полный текст",
-		tabs: "Закладки"
+		tabs: "Закладки",
+		selected: "Выбрано",
+		search: "Поиск",
+		nothingFound: "Ничего не найдено"
 	},
 	en: {
 		cancel: "Cancel",
@@ -106,20 +109,23 @@ var ie = {
 		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 w(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 ae(e) {
+function oe(e) {
 	return e === null ? null : e.split("?")[0];
 }
-function oe() {
+function se() {
 	return {
 		windows: [],
 		cards: /* @__PURE__ */ new Map(),
@@ -133,36 +139,36 @@ function oe() {
 		nextId: 1
 	};
 }
-function T(e, t) {
+function E(e, t) {
 	return e.windows.includes(t);
 }
-function se(e) {
+function ce(e) {
 	return e.returnAddress ?? e.fallbackAddress;
 }
-function ce(e) {
+function le(e) {
 	let t = null;
 	for (let n of e.cards.values()) t = n.window;
 	return t;
 }
-function le(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 ue(e, t) {
 	return e.transition = {
 		number: e.transition.number + 1,
 		fromAddress: e.shown,
-		fromWindow: ce(e),
+		fromWindow: le(e),
 		assigned: /* @__PURE__ */ new Map()
 	}, e.shown = t, e.transition.number;
 }
 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 = le(e, a), o = null), a !== null && se(a) === e.shown && (e.windows.splice(e.windows.indexOf(a)), a = a.parent === null ? null : le(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,7 +179,7 @@ function de(e, t, n) {
 	};
 	return e.nextId += 1, e.windows.push(s), s;
 }
-function E(e, t, 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,
@@ -184,7 +190,7 @@ function E(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,7 +202,7 @@ function fe(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
 	});
@@ -210,22 +216,22 @@ function me(e, t, n) {
 }
 //#endregion
 //#region src/plugin.js
-var D = Symbol("dashboardUi"), he = Object.freeze({
+var k = Symbol("dashboardUi"), he = Object.freeze({
 	lang: "ru",
 	navigate: null,
 	windows: null
-}), ge = { uiSettings: {
-	from: D,
+}), A = { uiSettings: {
+	from: k,
 	default: () => he
 } };
-function _e(e, t) {
-	let n = oe(), r = h({
+function ge(e, t) {
+	let n = se(), r = g({
 		number: 0,
 		address: null
 	}), i = c(!0);
 	return i.run(() => {
-		ee(t, (e) => {
-			let t = w(e, window.location.origin);
+		ne(t, (e) => {
+			let t = T(e, window.location.origin);
 			t !== null && t !== r.address && (r.number = ue(n, t), r.address = t);
 		}, {
 			flush: "sync",
@@ -236,21 +242,21 @@ function _e(e, t) {
 		page: r
 	};
 }
-var ve = { install(e, t) {
+var _e = { install(e, t) {
 	let n = t ?? {}, r = Object.hasOwn(n, "lang") ? n.lang : "ru";
-	if (!C(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${re.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" ? _e(e, s) : null;
-	e.provide(D, Object.freeze({
+	let c = s !== null && typeof window < "u" ? ge(e, s) : null;
+	e.provide(k, Object.freeze({
 		lang: r,
 		navigate: a,
 		windows: c
 	}));
-} }, ye = 4e4;
-function be(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 be(e) {
 	let r = /filename\s*=\s*([^;"\s]+)/i.exec(e);
 	return r === null ? null : r[1];
 }
-function xe(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 xe(e) {
 		return null;
 	}
 }
-async function Se(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 Se(e) {
 		redirectUrl: null,
 		status: t.status
 	});
-	let n = be(t.headers.get("Content-Disposition")) ?? xe(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), ye);
+	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 Ce = {
+var Se = {
 	gray: {
 		pill: "bb:bg-gray-100 bb:text-gray-800",
 		pillHover: "bb:hover:text-gray-600",
@@ -327,19 +333,19 @@ var Ce = {
 		menuItem: "bb:text-purple-800 bb:focus:bg-purple-100",
 		mark: "bb:text-purple-500"
 	}
-}, we = Object.keys(Ce);
-function O(e) {
-	return we.includes(e);
+}, Ce = Object.keys(Se);
+function j(e) {
+	return Ce.includes(e);
 }
-function Te(e, t) {
-	return O(e) ? Ce[e][t] ?? "" : "";
+function we(e, t) {
+	return j(e) ? Se[e][t] ?? "" : "";
 }
-var k = { methods: { colorClass: Te } }, 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;
-}, Ee = {
-	mixins: [k],
+}, Te = {
+	mixins: [M],
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -348,12 +354,12 @@ var k = { methods: { colorClass: Te } }, A = (e, t) => {
 		color: {
 			type: String,
 			required: !0,
-			validator: O
+			validator: j
 		}
 	}
 };
-function De(e, t, n, r, o, s) {
-	return d(), 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", {
+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"
 	}, [a("circle", {
@@ -362,8 +368,8 @@ function De(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var Oe = /*#__PURE__*/ A(Ee, [["render", De]]), ke = {
-	components: { Dot: Oe },
+var P = /*#__PURE__*/ N(Te, [["render", Ee]]), De = {
+	components: { Dot: P },
 	props: {
 		text: {
 			type: String,
@@ -378,14 +384,14 @@ var Oe = /*#__PURE__*/ A(Ee, [["render", De]]), ke = {
 			default: !1
 		}
 	}
-}, Ae = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, je = ["textContent"];
-function Me(e, t, n, r, o, c) {
-	let l = m("dot");
-	return d(), i("div", Ae, [
+}, 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", 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: g(n.text)
-		}, null, 8, je),
+			textContent: _(n.text)
+		}, null, 8, ke),
 		x(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -397,26 +403,26 @@ function Me(e, t, n, r, o, c) {
 		}, null, 512), [[y, n.isRequired]])
 	]);
 }
-var j = /*#__PURE__*/ A(ke, [["render", Me]]), M = {
-	inject: ge,
+var F = /*#__PURE__*/ N(De, [["render", Ae]]), I = {
+	inject: A,
 	props: { lang: {
 		type: String,
 		default: null,
-		validator: (e) => e === null || C(e)
+		validator: (e) => e === null || w(e)
 	} },
 	computed: {
 		resolvedLang() {
-			return C(this.lang) ? this.lang : this.uiSettings.lang;
+			return w(this.lang) ? this.lang : this.uiSettings.lang;
 		},
 		texts() {
-			return ie[this.resolvedLang];
+			return ae[this.resolvedLang];
 		}
 	}
-}, Ne = [
+}, je = [
 	{ transform: "scale(1)" },
 	{ transform: "scale(0.8)" },
 	{ transform: "scale(1)" }
-], Pe = 150, Fe = {
+], Me = 150, Ne = {
 	created() {
 		this.isPressing = !1, this.isUnmounted = !1;
 	},
@@ -424,40 +430,39 @@ var j = /*#__PURE__*/ A(ke, [["render", Me]]), M = {
 		this.isUnmounted = !0;
 	},
 	methods: { press() {
-		this.isPressing || (this.isPressing = !0, Ie(this.$el).then(() => {
+		this.isPressing || (this.isPressing = !0, Pe(this.$el).then(() => {
 			this.isPressing = !1, this.isUnmounted || this.$emit("clicked");
 		}));
 	} }
 };
-function Ie(e) {
-	if (typeof e.animate != "function" || Le()) return Promise.resolve();
+function Pe(e) {
+	if (typeof e.animate != "function" || Fe()) return Promise.resolve();
 	let t = () => {};
-	return e.animate(Ne, {
-		duration: Pe,
+	return e.animate(je, {
+		duration: Me,
 		easing: "ease-out"
 	}).finished.then(t, t);
 }
-function Le() {
+function Fe() {
 	return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 //#endregion
 //#region src/components/CrossButton.vue
-var Re = {
-	mixins: [M, Fe],
+var Ie = {
+	mixins: [I, Ne],
 	props: { size: {
 		type: String,
 		required: !0,
 		validator: (e) => ["small", "large"].includes(e)
 	} },
 	emits: ["clicked"]
-}, ze = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Be(e, t, n, r, s, c) {
-	return d(), i("button", {
+}, 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", ze, [p(e.$slots, "default", {}, () => [o(g(e.texts.clear), 1)])]), (d(), 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 Be(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 N = /*#__PURE__*/ A(Re, [["render", Be]]), Ve = 10;
-function He(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, Ve);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Be);
 }
-function P(e) {
+function R(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function F(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 Ue = 400, We = 3, Ge = {
+var He = 400, Ue = 3, We = {
 	components: {
-		ElementHeader: j,
-		CrossButton: N
+		ElementHeader: F,
+		CrossButton: L
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -511,32 +516,32 @@ var Ue = 400, We = 3, Ge = {
 		}
 	},
 	data() {
-		return { digits: F(this.modelValue) };
+		return { digits: z(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = F(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 = ne(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", P(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 !== P(this.digits) && this.syncFromModelValue(e);
+		e !== R(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(F(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", P(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 Ue = 400, We = 3, Ge = {
 			this.isUnmounted || (this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit());
 		},
 		onPaste(e) {
-			this.applyUserDigits(He(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(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 < We || (this.debounceTimer = setTimeout(() => this.commit(), Ue));
+			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"));
 		}
 	}
-}, Ke = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, qe = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Je = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ye = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function Xe(e, t, n, r, o, c) {
-	let l = m("element-header"), u = m("cross-button");
-	return d(), i("div", Ke, [a("div", qe, [s(l, {
+}, 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", Ge, [a("div", Ke, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -586,27 +595,28 @@ function Xe(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Je, [a("label", Ye, [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] ||= te((...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 Ze = /*#__PURE__*/ A(Ge, [["render", Xe]]), Qe = {
+var Xe = /*#__PURE__*/ N(We, [["render", Ye]]), Ze = {
 	components: {
-		ElementHeader: j,
-		CrossButton: N
+		ElementHeader: F,
+		CrossButton: L
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -637,17 +647,21 @@ var Ze = /*#__PURE__*/ A(Ge, [["render", Xe]]), Qe = {
 		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");
 		}
 	}
-}, $e = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, et = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, tt = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, nt = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function rt(e, t, n, r, o, c) {
-	let l = m("element-header"), u = m("cross-button");
-	return d(), i("div", $e, [a("div", et, [s(l, {
+}, 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", Qe, [a("div", $e, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -655,52 +669,54 @@ function rt(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", tt, [a("label", nt, [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), [[
-		v,
+		te,
 		o.search,
 		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 it = /*#__PURE__*/ A(Qe, [["render", rt]]), I = 4, L = 8;
-function R(e) {
+var rt = /*#__PURE__*/ N(Ze, [["render", nt]]), B = 4, V = 8;
+function H(e) {
 	return typeof e?.showPopover == "function";
 }
-function z(e) {
-	return R(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(L, o.left), u = Math.max(L, s - o.right), d = Math.max(0, s - l - L), f = Math.max(0, s - u - L), p = r === "start" && (a || d >= f), m = Math.max(0, c - o.bottom - I - L), h = Math.max(0, o.top - I - L), 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 + I}px` : "auto",
-		bottom: g ? "auto" : `${c - o.top + I}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 at(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 ot(e, t) {
+function at(e, t) {
 	let n = (n) => {
 		e.contains(n.target) || t();
 	};
@@ -713,21 +729,34 @@ function ot(e, t) {
 }
 //#endregion
 //#region src/menuFocus.js
-var V = "a[href], button";
-function st(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
@@ -760,6 +789,18 @@ var ct = {
 			type: Function,
 			default: () => null
 		},
+		findStops: {
+			type: Function,
+			default: null
+		},
+		findTabStops: {
+			type: Function,
+			default: null
+		},
+		keepSize: {
+			type: Boolean,
+			default: !1
+		},
 		closeOnClick: {
 			type: Boolean,
 			default: !1
@@ -787,8 +828,8 @@ var ct = {
 	},
 	setup() {
 		return {
-			buttonId: _(),
-			panelId: _()
+			buttonId: v(),
+			panelId: v()
 		};
 	},
 	data() {
@@ -810,7 +851,7 @@ var ct = {
 		}
 	},
 	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 ct = {
 	methods: {
 		applyPanelState() {
 			let e = this.$refs.panel;
-			R(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 ct = {
 					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) && at(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 ct = {
 		},
 		onToggle() {
 			this.stopListening();
-			let e = this.$refs.panel, t = z(e);
-			t && (this.stopClosing = ot(e, this.close), this.arrows && (this.stopArrows = st(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,7 +905,7 @@ var ct = {
 			(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);
 		}
 	}
 }, lt = {
@@ -875,7 +920,7 @@ var ct = {
 	"tabindex"
 ];
 function dt(e, t, n, o, s, c) {
-	return n.hasContent ? (d(), i("span", lt, [p(e.$slots, "trigger", {
+	return n.hasContent ? (f(), i("span", lt, [m(e.$slots, "trigger", {
 		id: o.buttonId,
 		popovertarget: o.panelId
 	}), a("div", {
@@ -891,15 +936,15 @@ function dt(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)
-	}, [p(e.$slots, "default")], 42, ut)])) : r("", !0);
+	}, [m(e.$slots, "default")], 42, ut)])) : r("", !0);
 }
-var H = /*#__PURE__*/ A(ct, [["render", dt]]);
+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,7 +952,7 @@ function W(e) {
 }
 //#endregion
 //#region src/dayFocus.js
-var G = ".pika-button.pika-day", ft = ".pika-button, .pika-prev, .pika-next";
+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;
@@ -935,8 +980,8 @@ function ht(e, t) {
 		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) ? vt(_t(i), r) : t.getDate() ?? yt();
-		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);
 }
@@ -953,17 +998,17 @@ 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 bt = {
 	components: {
-		PopoverPanel: H,
-		CrossButton: N
+		PopoverPanel: K,
+		CrossButton: L
 	},
-	mixins: [M],
+	mixins: [I],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -990,8 +1035,8 @@ var bt = {
 			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,7 +1045,7 @@ var bt = {
 				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 = pt(this.$refs.container, () => this.$refs.trigger), this.syncDayFocus());
 	},
@@ -1023,20 +1068,31 @@ var bt = {
 		}
 	},
 	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 = 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: {
@@ -1059,11 +1115,11 @@ var bt = {
 	class: "bb:flex"
 };
 function Ot(e, t, o, c, l, u) {
-	let f = m("popover-panel"), p = m("cross-button");
-	return d(), i("div", xt, [a("div", St, [s(f, {
+	let d = h("popover-panel"), p = h("cross-button");
+	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 Ot(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: g(u.triggerLabel)
+			textContent: _(u.triggerLabel)
 		}, 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, Et)])]),
+			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 ? (d(), n(p, {
+	}, 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",
@@ -1099,10 +1157,10 @@ function Ot(e, t, o, c, l, u) {
 //#region src/components/SelectDateInterval.vue
 var kt = {
 	components: {
-		ElementHeader: j,
-		PickDay: /* @__PURE__ */ A(bt, [["render", Ot]])
+		ElementHeader: F,
+		PickDay: /* @__PURE__ */ N(bt, [["render", Ot]])
 	},
-	mixins: [M],
+	mixins: [I],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -1152,8 +1210,8 @@ var kt = {
 	}
 }, 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 = m("element-header"), u = m("pick-day");
-	return d(), i("div", At, [a("div", jt, [a("div", Mt, [s(l, {
+	let l = h("element-header"), u = h("pick-day");
+	return f(), i("div", At, [a("div", jt, [a("div", Mt, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -1183,12 +1241,16 @@ function Pt(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var Ft = /*#__PURE__*/ A(kt, [["render", Pt]]), It = {
+var Ft = /*#__PURE__*/ N(kt, [["render", Pt]]), It = {
 	components: {
-		PopoverPanel: H,
-		CrossButton: N
+		PopoverPanel: K,
+		CrossButton: L
 	},
-	emits: ["update:isOpen", "erased"],
+	emits: [
+		"update:isOpen",
+		"erased",
+		"toggle"
+	],
 	props: {
 		isOpen: {
 			type: Boolean,
@@ -1205,43 +1267,76 @@ var Ft = /*#__PURE__*/ A(kt, [["render", Pt]]), It = {
 		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");
 	} }
 }, 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 f = m("popover-panel"), h = m("cross-button");
-	return d(), i("div", Lt, [a("div", Rt, [s(f, {
+	let d = h("popover-panel"), p = h("cross-button");
+	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: g(o.title)
+			textContent: _(o.title)
 		}, null, 8, Bt)], 8, zt)]),
-		default: b(() => [p(e.$slots, "default")]),
+		default: b(() => [m(e.$slots, "default")]),
 		_: 3
-	}, 8, ["model-value", "find-selected"]), u.needsEraser ? (d(), n(h, {
+	}, 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 Ht = /*#__PURE__*/ A(It, [["render", Vt]]), Ut = {
+var Ht = /*#__PURE__*/ N(It, [["render", Vt]]), Ut = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -1259,26 +1354,216 @@ var Ht = /*#__PURE__*/ A(It, [["render", Vt]]), Ut = {
 	"aria-hidden": "true"
 }, Kt = ["textContent"];
 function qt(e, t, n, r, o, s) {
-	return d(), i("button", {
+	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", Wt, [x((d(), i("svg", Gt, [...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: g(n.name)
+		textContent: _(n.name)
 	}, null, 8, Kt)]);
 }
-//#endregion
-//#region src/components/SelectSingle.vue
-var Jt = {
+var Jt = /*#__PURE__*/ N(Ut, [["render", qt]]), Yt = {
 	components: {
-		ElementHeader: j,
+		ElementHeader: F,
 		DropdownButton: Ht,
-		ListElement: /* @__PURE__ */ A(Ut, [["render", qt]])
+		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 : [];
+		},
+		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: {
@@ -1336,15 +1621,18 @@ var Jt = {
 		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")] : [];
 		}
 	}
-}, Yt = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Xt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Zt = {
+}, 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 Qt(t, o, c, l, u, p) {
-	let h = m("element-header"), g = m("list-element"), _ = m("dropdown-button");
-	return d(), i("div", Yt, [a("div", Xt, [s(h, {
+function ln(t, o, c, l, u, d) {
+	let m = h("element-header"), g = h("list-element"), _ = h("dropdown-button");
+	return f(), i("div", on, [a("div", sn, [s(m, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -1352,20 +1640,21 @@ function Qt(t, o, c, l, u, p) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), p.hasItems ? (d(), n(_, {
+	]), d.hasItems ? (f(), n(_, {
 		key: 0,
-		title: p.activeItemName,
+		title: d.activeItemName,
 		"is-open": u.isOpen,
 		"onUpdate:isOpen": o[0] ||= (e) => u.isOpen = e,
-		"has-value": p.hasValue,
-		"find-selected": p.activeItemElement,
-		onErased: p.clear
+		"has-value": d.hasValue,
+		"find-selected": d.activeItemElement,
+		"find-tab-stops": d.itemStops,
+		onErased: d.clear
 	}, {
-		default: b(() => [a("div", Zt, [(d(!0), i(e, null, f(p.itemList, (e) => (d(), 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,
-			onClicked: (t) => p.itemClicked(e)
+			onClicked: (t) => d.itemClicked(e)
 		}, null, 8, [
 			"name",
 			"is-checked",
@@ -1377,11 +1666,12 @@ function Qt(t, o, c, l, u, p) {
 		"is-open",
 		"has-value",
 		"find-selected",
+		"find-tab-stops",
 		"onErased"
 	])) : r("", !0)])]);
 }
-var $t = /*#__PURE__*/ A(Jt, [["render", Qt]]), en = {
-	mixins: [k],
+var un = /*#__PURE__*/ N(an, [["render", ln]]), dn = {
+	mixins: [M],
 	props: {
 		text: {
 			type: String,
@@ -1390,17 +1680,17 @@ var $t = /*#__PURE__*/ A(Jt, [["render", Qt]]), en = {
 		color: {
 			type: String,
 			required: !0,
-			validator: O
+			validator: j
 		}
 	}
-}, tn = ["textContent"];
-function nn(e, t, n, r, a, o) {
-	return d(), i("span", {
+}, 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: g(n.text)
-	}, null, 10, tn);
+		textContent: _(n.text)
+	}, null, 10, fn);
 }
-var q = /*#__PURE__*/ A(en, [["render", nn]]), rn = {
+var mn = /*#__PURE__*/ N(dn, [["render", pn]]), hn = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -1420,12 +1710,12 @@ var q = /*#__PURE__*/ A(en, [["render", nn]]), rn = {
 			return this.type === "dangerous";
 		}
 	}
-}, an = { class: "bb:flex" }, on = { class: "bb:shrink-0" }, sn = { class: "bb:ml-3" }, cn = ["textContent"];
-function ln(t, n, o, s, c, l) {
-	return l.hasErrors ? (d(), i("div", {
+}, 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", an, [a("div", on, [(d(), 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,13 +1723,90 @@ function ln(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", sn, [(d(!0), i(e, null, f(o.messages, (e, t) => (d(), 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: g(e)
-	}, null, 10, cn))), 128))])])], 2)) : r("", !0);
-}
-var un = /*#__PURE__*/ A(rn, [["render", ln]]), dn = {}, fn = {
+		textContent: _(e)
+	}, null, 10, yn))), 128))])])], 2)) : r("", !0);
+}
+var xn = /*#__PURE__*/ N(hn, [["render", bn]]), Sn = [
+	"text",
+	"email",
+	"password",
+	"tel",
+	"url",
+	"search"
+], Cn = {
+	components: { Dot: P },
+	inheritAttrs: !1,
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		type: {
+			type: String,
+			default: "text",
+			validator: (e) => Sn.includes(e)
+		},
+		isRequired: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup() {
+		return { generatedId: v() };
+	},
+	computed: {
+		value: {
+			get() {
+				return this.modelValue ?? "";
+			},
+			set(e) {
+				this.$emit("update:modelValue", e);
+			}
+		},
+		inputType() {
+			return Sn.includes(this.type) ? this.type : "text";
+		}
+	},
+	methods: {
+		inputId() {
+			return this.$attrs.id ?? this.generatedId;
+		},
+		inputAttrs() {
+			return Object.fromEntries(Object.entries(this.$attrs).filter(([e]) => ![
+				"class",
+				"style",
+				"id"
+			].includes(e)));
+		}
+	}
+}, 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", 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, 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:focus-ring"
+	}), null, 16, En), [[ee, c.value]])], 6);
+}
+var On = /*#__PURE__*/ N(Cn, [["render", Dn]]), kn = {}, An = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1449,8 +1816,8 @@ var un = /*#__PURE__*/ A(rn, [["render", ln]]), dn = {}, fn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function pn(e, t, n, r, o, s) {
-	return d(), i("svg", fn, [...t[0] ||= [
+function jn(e, t, n, r, o, s) {
+	return f(), i("svg", An, [...t[0] ||= [
 		a("circle", {
 			cx: "12",
 			cy: "12",
@@ -1472,7 +1839,7 @@ function pn(e, t, n, r, o, s) {
 		}, null, -1)
 	]]);
 }
-var mn = /*#__PURE__*/ A(dn, [["render", pn]]), hn = {}, gn = {
+var Mn = /*#__PURE__*/ N(kn, [["render", jn]]), Nn = {}, Pn = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1480,15 +1847,15 @@ var mn = /*#__PURE__*/ A(dn, [["render", pn]]), hn = {}, gn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function _n(e, t, n, r, o, s) {
-	return d(), i("svg", gn, [...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 vn = /*#__PURE__*/ A(hn, [["render", _n]]), yn = {}, bn = {
+var In = /*#__PURE__*/ N(Nn, [["render", Fn]]), Ln = {}, Rn = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1496,21 +1863,21 @@ var vn = /*#__PURE__*/ A(hn, [["render", _n]]), yn = {}, bn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function xn(e, t, n, r, o, s) {
-	return d(), i("svg", bn, [...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 Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = ["download", "refresh"], wn = {
+var Bn = /*#__PURE__*/ N(Ln, [["render", zn]]), Vn = ["download", "refresh"], Hn = {
 	components: {
-		"clock-icon": mn,
-		"download-icon": vn,
-		"refresh-icon": Sn
+		"clock-icon": Mn,
+		"download-icon": In,
+		"refresh-icon": Bn
 	},
-	mixins: [k],
+	mixins: [M],
 	emits: ["click"],
 	props: {
 		title: {
@@ -1520,12 +1887,12 @@ var Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = ["download", "refresh"], wn
 		icon: {
 			type: String,
 			required: !0,
-			validator: (e) => Cn.includes(e)
+			validator: (e) => Vn.includes(e)
 		},
 		color: {
 			type: String,
 			default: "purple",
-			validator: O
+			validator: j
 		},
 		isLoading: {
 			type: Boolean,
@@ -1540,16 +1907,16 @@ var Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = ["download", "refresh"], wn
 		let e = this.isLoading && typeof this.loadingText == "string" && this.loadingText !== "" ? this.loadingText : this.title;
 		return typeof e == "string" ? e : "";
 	} }
-}, Tn = [
+}, Un = [
 	"title",
 	"disabled",
 	"aria-busy"
-], En = ["textContent"];
-function Dn(e, t, o, s, c, l) {
-	let f = m("clock-icon"), p = m("download-icon"), h = m("refresh-icon");
-	return d(), i("button", {
+], 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")
@@ -1558,31 +1925,31 @@ function Dn(e, t, o, s, c, l) {
 		disabled: o.isLoading,
 		"aria-busy": o.isLoading ? "true" : null,
 		onClick: t[0] ||= (t) => e.$emit("click")
-	}, [o.isLoading ? (d(), n(f, {
+	}, [o.isLoading ? (f(), n(d, {
 		key: 0,
 		class: "bb:pointer-events-none bb:cursor-default"
-	})) : o.icon === "download" ? (d(), n(p, {
+	})) : o.icon === "download" ? (f(), n(p, {
 		key: 1,
 		class: "bb:pointer-events-none bb:cursor-default"
-	})) : o.icon === "refresh" ? (d(), n(h, {
+	})) : o.icon === "refresh" ? (f(), n(m, {
 		key: 2,
 		class: "bb:pointer-events-none bb:cursor-default"
 	})) : r("", !0), a("span", {
 		class: "bb:ml-1 bb:pointer-events-none bb:cursor-default",
-		textContent: g(l.label)
-	}, null, 8, En)], 10, Tn);
+		textContent: _(l.label)
+	}, null, 8, Wn)], 10, Un);
 }
-var On = /*#__PURE__*/ A(wn, [["render", Dn]]), J = "a[href], button:not(:disabled)";
-function kn(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(J))?.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(J)];
+		let r = [...e.querySelectorAll(qn)];
 		if (r.length === 0) return;
 		n.preventDefault();
 		let i = n.shiftKey ? -1 : 1, a = r.indexOf(document.activeElement);
@@ -1599,7 +1966,7 @@ function kn(e, t) {
 }
 //#endregion
 //#region src/components/Modal.vue
-var An = {
+var Yn = {
 	emits: ["escape"],
 	props: {
 		isOpen: {
@@ -1633,16 +2000,16 @@ var An = {
 	methods: {
 		holdFocus() {
 			this.focusFrame === null && this.releaseHeldFocus === null && (this.focusFrame = requestAnimationFrame(() => {
-				this.focusFrame = null, this.releaseHeldFocus = kn(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);
 		}
 	}
-}, jn = { class: "bb:min-h-screen bb:text-center" }, Mn = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Nn = ["aria-labelledby"];
-function Pn(e, n, r, o, c, l) {
-	return d(), 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", jn, [
+}, 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",
@@ -1651,7 +2018,7 @@ function Pn(e, n, r, o, c, l) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			default: b(() => [x(a("div", Mn, [...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),
@@ -1669,12 +2036,12 @@ function Pn(e, n, r, o, c, l) {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [p(e.$slots, "default")], 8, Nn), [[y, r.isOpen]])]),
+			}, [m(e.$slots, "default")], 8, Qn), [[y, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var Fn = /*#__PURE__*/ A(An, [["render", Pn]]), In = {}, Ln = {
+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",
@@ -1682,35 +2049,35 @@ var Fn = /*#__PURE__*/ A(An, [["render", Pn]]), In = {}, Ln = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Rn(e, t, n, r, o, s) {
-	return d(), i("svg", Ln, [...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 Y = /*#__PURE__*/ A(In, [["render", Rn]]), zn = {}, Bn = {
+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 Vn(e, t, n, r, o, s) {
-	return d(), i("svg", Bn, [...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 Hn = /*#__PURE__*/ A(zn, [["render", Vn]]), Un = {
+var cr = /*#__PURE__*/ N(ar, [["render", sr]]), lr = {
 	components: {
-		Modal: Fn,
-		Dangerous: Y,
-		Warning: Hn
+		Modal: er,
+		Dangerous: ir,
+		Warning: cr
 	},
-	mixins: [M],
+	mixins: [I],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1740,7 +2107,7 @@ var Hn = /*#__PURE__*/ A(zn, [["render", Vn]]), Un = {
 		}
 	},
 	setup() {
-		return { headingId: _() };
+		return { headingId: v() };
 	},
 	computed: {
 		isDangerous() {
@@ -1750,68 +2117,68 @@ var Hn = /*#__PURE__*/ A(zn, [["render", Vn]]), Un = {
 			return this.type === "warning";
 		}
 	}
-}, Wn = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:p-6 bb:pb-4" }, Gn = { class: "bb:flex bb:items-start" }, Kn = { class: "bb:ml-4 bb:text-left" }, qn = ["id"], Jn = { class: "bb:mt-2" }, Yn = { class: "bb:text-sm bb:text-gray-500" }, Xn = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-6 bb:py-3 bb:flex bb:flex-row-reverse" };
-function Zn(e, t, i, o, s, c) {
-	let l = m("warning"), f = m("dangerous"), p = m("modal");
-	return d(), n(p, {
+}, 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", Wn, [a("div", Gn, [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 ? (d(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (d(), n(f, { key: 1 })) : r("", !0)], 2), a("div", Kn, [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
-		}, g(i.confirmationHeading), 9, qn), a("div", Jn, [a("p", Yn, g(i.confirmationText), 1)])])])]), a("div", Xn, [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"])
-		}, g(i.actionButtonText), 3), a("button", {
+			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"])
-		}, g(i.cancelButtonText ?? e.texts.cancel), 1)])]),
+			onClick: t[1] ||= C((t) => e.$emit("actionCanceled"), ["prevent"])
+		}, _(i.cancelButtonText ?? e.texts.cancel), 1)])]),
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var Qn = /*#__PURE__*/ A(Un, [["render", Zn]]);
+var vr = /*#__PURE__*/ N(lr, [["render", _r]]);
 //#endregion
 //#region src/menuItems.js
-function $n(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 er(e) {
+function br(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "object" && !!e) : [];
 }
-function tr(e) {
+function xr(e) {
 	return typeof e.href == "string" && e.href !== "";
 }
-function nr(e) {
-	return O(e.color) ? e.color : null;
+function Sr(e) {
+	return j(e.color) ? e.color : null;
 }
 //#endregion
 //#region src/navigation.js
-function rr(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: ge,
+var Z = {
+	inject: A,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && rr(e) && (e.preventDefault(), n(t));
+		n !== null && Cr(e) && (e.preventDefault(), n(t));
 	} }
-}, ir = {
-	components: { PopoverPanel: H },
-	mixins: [X, k],
+}, wr = {
+	components: { PopoverPanel: K },
+	mixins: [Z, M],
 	emits: ["update:modelValue"],
 	props: {
 		actions: { default: () => [] },
@@ -1822,7 +2189,7 @@ var X = {
 	},
 	computed: {
 		actionItems() {
-			return er(this.actions);
+			return br(this.actions);
 		},
 		hasActions() {
 			return this.actionItems.length > 0;
@@ -1830,23 +2197,23 @@ var X = {
 	},
 	methods: {
 		color(e) {
-			return nr(e);
+			return Sr(e);
 		},
 		isLink(e) {
-			return tr(e);
+			return xr(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
 		}
 	}
-}, ar = [
+}, Tr = [
 	"href",
 	"onClick",
 	"textContent"
-], or = ["onClick", "textContent"];
-function sr(t, r, a, o, s, c) {
-	let l = m("popover-panel");
-	return d(), n(l, {
+], Er = ["onClick", "textContent"];
+function Dr(t, r, a, o, s, c) {
+	let l = h("popover-panel");
+	return f(), n(l, {
 		"model-value": a.modelValue,
 		"has-content": c.hasActions,
 		align: "end",
@@ -1857,41 +2224,41 @@ function sr(t, r, a, o, s, c) {
 		"panel-role": "menu",
 		"onUpdate:modelValue": r[0] ||= (e) => t.$emit("update:modelValue", e)
 	}, {
-		trigger: b((e) => [p(t.$slots, "trigger", {
+		trigger: b((e) => [m(t.$slots, "trigger", {
 			id: e.id,
 			popovertarget: e.popovertarget
 		})]),
-		default: b(() => [(d(!0), i(e, null, f(c.actionItems, (n, r) => (d(), i(e, { key: r }, [c.isLink(n) ? (d(), i("a", {
+		default: b(() => [(f(!0), i(e, null, p(c.actionItems, (n, r) => (f(), i(e, { key: r }, [c.isLink(n) ? (f(), i("a", {
 			key: 0,
 			href: n.href,
 			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) => t.followLink(e, n.href),
-			textContent: g(n.label)
-		}, null, 10, ar)) : (d(), i("button", {
+			textContent: _(n.label)
+		}, 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: g(n.label)
-		}, null, 10, or))], 64))), 128))]),
+			textContent: _(n.label)
+		}, null, 10, Er))], 64))), 128))]),
 		_: 3
 	}, 8, ["model-value", "has-content"]);
 }
-var cr = /*#__PURE__*/ A(ir, [["render", sr]]), lr = {
-	components: { PopoverMenu: cr },
+var Or = /*#__PURE__*/ N(wr, [["render", Dr]]), kr = {
+	components: { PopoverMenu: Or },
 	mixins: [
-		M,
-		X,
-		k
+		I,
+		Z,
+		M
 	],
 	emits: ["update:modelValue"],
 	props: {
 		actions: {
 			type: Array,
 			default: () => [],
-			validator: (e) => e.every($n)
+			validator: (e) => e.every(yr)
 		},
 		modelValue: {
 			type: Boolean,
@@ -1903,7 +2270,7 @@ var cr = /*#__PURE__*/ A(ir, [["render", sr]]), lr = {
 	},
 	computed: {
 		items() {
-			return er(this.actions);
+			return br(this.actions);
 		},
 		hasActions() {
 			return this.items.length > 0;
@@ -1912,7 +2279,7 @@ var cr = /*#__PURE__*/ A(ir, [["render", sr]]), lr = {
 			return this.items[0];
 		},
 		mainColor() {
-			return this.hasActions ? nr(this.mainAction) : null;
+			return this.hasActions ? Sr(this.mainAction) : null;
 		},
 		menuActions() {
 			return this.items.slice(1);
@@ -1934,7 +2301,7 @@ var cr = /*#__PURE__*/ A(ir, [["render", sr]]), lr = {
 	},
 	methods: {
 		isLink(e) {
-			return tr(e);
+			return xr(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
@@ -1943,31 +2310,31 @@ var cr = /*#__PURE__*/ A(ir, [["render", sr]]), lr = {
 			this.menuIsOpen = e, this.$emit("update:modelValue", e);
 		}
 	}
-}, ur = {
+}, Ar = {
 	key: 0,
 	class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md"
-}, dr = ["href", "textContent"], fr = ["textContent"], pr = ["id", "popovertarget"], mr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function hr(e, t, n, o, c, l) {
-	let f = m("popover-menu");
-	return l.hasActions ? (d(), i("span", ur, [l.isLink(l.mainAction) ? (d(), i("a", {
+}, 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", 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: g(l.mainAction.label)
-	}, null, 10, dr)) : (d(), i("button", {
+		textContent: _(l.mainAction.label)
+	}, 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: g(l.mainAction.label)
-	}, null, 10, fr)), s(f, {
+		textContent: _(l.mainAction.label)
+	}, null, 10, Mr)), s(d, {
 		class: "bb:-ml-px bb:flex",
 		actions: l.menuActions,
 		"model-value": n.modelValue,
@@ -1977,8 +2344,8 @@ function hr(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", mr, g(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",
@@ -1988,7 +2355,7 @@ function hr(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, pr)]),
+		})], -1)], 10, Nr)]),
 		_: 1
 	}, 8, [
 		"actions",
@@ -1996,18 +2363,18 @@ function hr(e, t, n, o, c, l) {
 		"onUpdate:modelValue"
 	])])) : r("", !0);
 }
-var gr = /*#__PURE__*/ A(lr, [["render", hr]]), _r = {
-	components: { PopoverMenu: cr },
-	mixins: [M],
+var Ir = /*#__PURE__*/ N(kr, [["render", Fr]]), Lr = {
+	components: { PopoverMenu: Or },
+	mixins: [I],
 	props: { actions: {
 		type: Array,
 		default: () => [],
-		validator: (e) => e.every($n)
+		validator: (e) => e.every(yr)
 	} }
-}, vr = ["id", "popovertarget"], yr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function br(e, t, r, i, o, s) {
-	let c = m("popover-menu");
-	return d(), n(c, {
+}, 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",
 		actions: r.actions
 	}, {
@@ -2016,7 +2383,7 @@ function br(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", yr, g(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",
@@ -2027,48 +2394,48 @@ function br(e, t, r, i, o, s) {
 			"stroke-linejoin": "round",
 			"stroke-width": "2",
 			d: "M4 6h16M4 12h16M4 18h16"
-		})], -1)], 8, vr)]),
+		})], -1)], 8, Rr)]),
 		_: 1
 	}, 8, ["actions"]);
 }
-var xr = /*#__PURE__*/ A(_r, [["render", br]]), Sr = {}, Cr = {
+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 wr(e, t, n, r, o, s) {
-	return d(), i("svg", Cr, [...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 Tr = /*#__PURE__*/ A(Sr, [["render", wr]]), Er = {}, Dr = {
+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 Or(e, t, n, r, o, s) {
-	return d(), i("svg", Dr, [...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 kr = /*#__PURE__*/ A(Er, [["render", Or]]);
+var Yr = /*#__PURE__*/ N(Kr, [["render", Jr]]);
 //#endregion
 //#region src/components/Pagination.vue
-function Z(e) {
+function Xr(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var Ar = {
+var Zr = {
 	components: {
-		ArrowNarrowLeft: Tr,
-		ArrowNarrowRight: kr
+		ArrowNarrowLeft: Gr,
+		ArrowNarrowRight: Yr
 	},
-	mixins: [M, X],
+	mixins: [I, Z],
 	props: {
 		links: {
 			type: Object,
@@ -2096,49 +2463,49 @@ var Ar = {
 			return typeof this.from == "number" && typeof this.to == "number";
 		},
 		previousPageUrl() {
-			return Z(this.links?.prev);
+			return Xr(this.links?.prev);
 		},
 		nextPageUrl() {
-			return Z(this.links?.next);
+			return Xr(this.links?.next);
 		}
 	}
-}, jr = {
+}, Qr = {
 	key: 0,
 	class: "bb-dashboard-ui bb:flex bb:items-center bb:justify-between"
-}, Mr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Nr = ["href"], Pr = {
+}, $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"
-}, Fr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Ir = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Lr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, Rr = ["href"];
-function zr(e, t, n, c, l, u) {
-	let f = m("arrow-narrow-left"), p = m("arrow-narrow-right");
-	return u.hasResults ? (d(), i("nav", jr, [
-		a("div", Mr, [u.previousPageUrl === null ? r("", !0) : (d(), i("a", {
+}, 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", 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(f, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400 bb:pointer-events-none bb:cursor-default" }), o(" " + g(e.texts.previousPage), 1)], 8, Nr))]),
-		u.hasRange ? (d(), i("div", Pr, [
-			o(g(e.texts.resultsBefore) + " ", 1),
-			a("span", Fr, g(u.from) + " - " + g(u.to), 1),
-			o(" " + g(e.texts.resultsOf) + " ", 1),
-			a("span", Ir, g(u.total), 1),
-			o(" " + g(e.texts.resultsAfter), 1)
+		}, [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", ni, _(u.from) + " - " + _(u.to), 1),
+			o(" " + _(e.texts.resultsOf) + " ", 1),
+			a("span", ri, _(u.total), 1),
+			o(" " + _(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", Lr, [u.nextPageUrl === null ? r("", !0) : (d(), 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(g(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, Rr))])
+		}, [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 Br = /*#__PURE__*/ A(Ar, [["render", zr]]), Vr = [
+var si = /*#__PURE__*/ N(Zr, [["render", oi]]), ci = [
 	"left",
 	"center",
 	"right"
 ];
-function Hr(e) {
+function li(e) {
 	if (typeof e != "object" || !e || typeof e.key != "string" || e.key === "") return null;
 	let t = e.key;
 	return {
@@ -2147,21 +2514,21 @@ function Hr(e) {
 		value: typeof e.value == "function" ? e.value : (e) => e?.[t],
 		secondary: typeof e.secondary == "function" ? e.secondary : null,
 		muted: e.muted === !0,
-		align: Vr.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 Ur(e) {
+function ui(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var Wr = {
+var di = {
 	components: {
-		Pagination: Br,
-		InfoPill: q
+		Pagination: si,
+		InfoPill: mn
 	},
-	mixins: [M, k],
+	mixins: [I, M],
 	props: {
 		rows: {
 			type: Array,
@@ -2206,7 +2573,7 @@ var Wr = {
 			return Array.isArray(this.rows) ? this.rows : [];
 		},
 		visibleColumns() {
-			return (Array.isArray(this.columns) ? this.columns : []).map(Hr).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));
@@ -2225,10 +2592,10 @@ var Wr = {
 		},
 		badgeText() {
 			if (this.hasRecords) {
-				let e = Ur(this.foundText);
+				let e = ui(this.foundText);
 				return e === null ? null : `${e}: ${this.recordCount}`;
 			}
-			return Ur(this.emptyText);
+			return ui(this.emptyText);
 		}
 	},
 	methods: {
@@ -2248,29 +2615,29 @@ var Wr = {
 		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);
 		}
 	}
-}, Gr = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, Kr = { class: "bb:bg-gray-50" }, qr = ["textContent"], Jr = { class: "bb:divide-y bb:divide-gray-200" }, Yr = ["textContent"], Xr = ["textContent"];
-function Zr(t, o, s, c, l, h) {
-	let _ = m("info-pill"), v = m("pagination");
-	return d(), i("div", null, [
-		h.hasBadgeRow() ? (d(), i("div", {
+}, 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", {
 			key: 0,
-			class: u(["bb:flex bb:justify-center bb:items-center bb:space-x-2", h.isCard ? "" : "bb:my-4"])
-		}, [h.badgeText === null ? r("", !0) : (d(), n(_, {
+			class: u(["bb:flex bb:justify-center bb:items-center bb:space-x-2", d.isCard ? "" : "bb:my-4"])
+		}, [d.badgeText === null ? r("", !0) : (f(), n(g, {
 			key: 0,
-			text: h.badgeText,
+			text: d.badgeText,
 			color: "indigo"
-		}, null, 8, ["text"])), h.hasRecords ? p(t.$slots, "results-actions", {}, void 0, void 0, 1) : r("", !0)], 2)) : r("", !0),
-		h.normalizedRows.length > 0 ? (d(), i("div", {
+		}, null, 8, ["text"])), d.hasRecords ? m(t.$slots, "results-actions", {}, void 0, void 0, 1) : r("", !0)], 2)) : r("", !0),
+		d.normalizedRows.length > 0 ? (f(), i("div", {
 			key: 1,
-			class: u(h.isCard && h.hasBadgeRow() ? "bb:mt-4" : "")
-		}, [a("div", { class: u(["bb:overflow-x-auto", h.isCard ? "bb:border-t bb:border-gray-200" : "bb:shadow-sm bb:border-b bb:border-gray-200 bb:rounded-lg"]) }, [a("table", Gr, [a("thead", null, [a("tr", Kr, [(d(!0), i(e, null, f(h.visibleColumns, (e) => (d(), i("th", {
+			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", 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", [{
@@ -2278,11 +2645,11 @@ function Zr(t, o, s, c, l, h) {
 				"bb:text-center": e.align === "center",
 				"bb:text-right": e.align === "right"
 			}, { "bb:w-px": e.narrow }]]),
-			textContent: g(e.label)
-		}, null, 10, qr))), 128))])]), a("tbody", Jr, [(d(!0), i(e, null, f(h.normalizedRows, (n, o) => (d(), i("tr", {
-			key: h.keyOf(n, o),
+			textContent: _(e.label)
+		}, 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"
-		}, [(d(!0), i(e, null, f(h.visibleColumns, (e, s) => (d(), i("td", {
+		}, [(f(!0), i(e, null, p(d.visibleColumns, (e, s) => (f(), i("td", {
 			key: e.key,
 			class: u(["bb:px-6 bb:py-4 bb:align-top bb:relative bb:text-sm bb:leading-5", [
 				{ "bb:whitespace-nowrap": !e.wrap },
@@ -2293,27 +2660,27 @@ function Zr(t, o, s, c, l, h) {
 				},
 				{ "bb:w-px": e.narrow }
 			]])
-		}, [s === 0 && h.rowStripes[o] !== null ? (d(), i("span", {
+		}, [s === 0 && d.rowStripes[o] !== null ? (f(), i("span", {
 			key: 0,
-			class: u(["bb:absolute bb:left-0 bb:inset-y-0 bb:w-1 bb:bg-current", t.colorClass(h.rowStripes[o], "mark")]),
+			class: u(["bb:absolute bb:left-0 bb:inset-y-0 bb:w-1 bb:bg-current", t.colorClass(d.rowStripes[o], "mark")]),
 			"aria-hidden": "true"
-		}, null, 2)) : r("", !0), p(t.$slots, `cell-${e.key}`, {
+		}, null, 2)) : r("", !0), m(t.$slots, `cell-${e.key}`, {
 			row: n,
 			index: o
 		}, () => [a("div", {
 			class: u(["bb:font-medium", e.muted ? "bb:text-gray-400" : "bb:text-gray-900"]),
-			textContent: g(h.textOf(e.value, n))
-		}, null, 10, Yr), e.secondary !== null && h.textOf(e.secondary, n) !== "" ? (d(), i("div", {
+			textContent: _(d.textOf(e.value, n))
+		}, null, 10, gi), e.secondary !== null && d.textOf(e.secondary, n) !== "" ? (f(), i("div", {
 			key: 0,
 			class: "bb:text-gray-400",
-			textContent: g(h.textOf(e.secondary, n))
-		}, null, 8, Xr)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
-		h.hasMeta ? (d(), n(v, {
+			textContent: _(d.textOf(e.secondary, n))
+		}, null, 8, _i)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
+		d.hasMeta ? (f(), n(v, {
 			key: 2,
 			meta: s.meta,
 			links: s.links ?? {},
 			lang: t.lang,
-			class: u(h.isCard ? "bb:mt-4" : "bb:mt-6")
+			class: u(d.isCard ? "bb:mt-4" : "bb:mt-6")
 		}, null, 8, [
 			"meta",
 			"links",
@@ -2322,8 +2689,8 @@ function Zr(t, o, s, c, l, h) {
 		])) : r("", !0)
 	]);
 }
-var Qr = /*#__PURE__*/ A(Wr, [["render", Zr]]), $r = {
-	mixins: [X],
+var yi = /*#__PURE__*/ N(di, [["render", vi]]), bi = {
+	mixins: [Z],
 	props: {
 		url: {
 			type: String,
@@ -2338,17 +2705,17 @@ var Qr = /*#__PURE__*/ A(Wr, [["render", Zr]]), $r = {
 			default: !1
 		}
 	}
-}, ei = ["href", "textContent"];
-function ti(e, t, n, r, a, o) {
-	return d(), i("a", {
+}, 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: g(n.name)
-	}, null, 10, ei);
+		textContent: _(n.name)
+	}, null, 10, xi);
 }
-var ni = /*#__PURE__*/ A($r, [["render", ti]]), ri = {
-	mixins: [M, X],
+var Ci = /*#__PURE__*/ N(bi, [["render", Si]]), wi = {
+	mixins: [I, Z],
 	props: {
 		tabs: {
 			type: Array,
@@ -2362,38 +2729,38 @@ var ni = /*#__PURE__*/ A($r, [["render", ti]]), ri = {
 	computed: { tabList() {
 		return Array.isArray(this.tabs) ? this.tabs.filter((e) => typeof e == "object" && !!e) : [];
 	} }
-}, ii = ["aria-label"], ai = [
+}, Ti = ["aria-label"], Ei = [
 	"href",
 	"aria-current",
 	"onClick",
 	"textContent"
 ];
-function oi(t, n, r, a, o, s) {
-	return d(), i("nav", {
+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
-	}, [(d(!0), i(e, null, f(s.tabList, (e) => (d(), i("a", {
+	}, [(f(!0), i(e, null, p(s.tabList, (e) => (f(), i("a", {
 		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: g(e.name)
-	}, null, 10, ai))), 128))], 8, ii);
+		textContent: _(e.name)
+	}, null, 10, Ei))), 128))], 8, Ti);
 }
-var si = /*#__PURE__*/ A(ri, [["render", oi]]), ci = [
+var Oi = /*#__PURE__*/ N(wi, [["render", Di]]), ki = [
 	"xl",
 	"4xl",
 	"7xl"
-], li = {
-	components: { CrossButton: N },
-	mixins: [M],
+], Ai = {
+	components: { CrossButton: L },
+	mixins: [I],
 	inheritAttrs: !1,
 	props: {
 		width: {
 			type: String,
 			default: "xl",
-			validator: (e) => ci.includes(e)
+			validator: (e) => ki.includes(e)
 		},
 		fallbackUrl: {
 			type: String,
@@ -2409,13 +2776,13 @@ var si = /*#__PURE__*/ A(ri, [["render", oi]]), ci = [
 	},
 	computed: {
 		resolvedWidth() {
-			return ci.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 : ae(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;
@@ -2428,14 +2795,14 @@ var si = /*#__PURE__*/ A(ri, [["render", oi]]), ci = [
 		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 && pe(this.windows.state, this);
 	},
 	methods: {
 		fallbackAddress() {
-			return w(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-")));
@@ -2456,39 +2823,38 @@ var si = /*#__PURE__*/ A(ri, [["render", oi]]), ci = [
 		}
 	}
 };
-function ui(e, t, a, s, c, f) {
-	let h = m("cross-button");
-	return d(), i("div", l({
+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", [
 			{
-				"bb:max-w-xl": f.resolvedWidth === "xl",
-				"bb:max-w-4xl": f.resolvedWidth === "4xl",
-				"bb:max-w-7xl": f.resolvedWidth === "7xl"
+				"bb:max-w-xl": d.resolvedWidth === "xl",
+				"bb:max-w-4xl": d.resolvedWidth === "4xl",
+				"bb:max-w-7xl": d.resolvedWidth === "7xl"
 			},
-			f.canClose ? {
-				"bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]": f.resolvedWidth === "xl",
-				"bb:[--bb-closer-space:3.5rem] bb:lg:[--bb-closer-space:0px]": f.resolvedWidth === "4xl",
-				"bb:[--bb-closer-space:3.5rem] bb:2xl:[--bb-closer-space:0px]": f.resolvedWidth === "7xl"
+			d.canClose ? {
+				"bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]": d.resolvedWidth === "xl",
+				"bb:[--bb-closer-space:3.5rem] bb:lg:[--bb-closer-space:0px]": d.resolvedWidth === "4xl",
+				"bb:[--bb-closer-space:3.5rem] bb:2xl:[--bb-closer-space:0px]": d.resolvedWidth === "7xl"
 			} : "bb:[--bb-closer-space:0px]",
 			e.$attrs.class
 		]],
 		style: e.$attrs.style
-	}, { ...f.forwardedAttrs() }), [p(e.$slots, "default", { close: f.close }), f.canClose ? (d(), n(h, {
+	}, { ...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", {
-			"bb:md:right-auto bb:md:left-full bb:md:mr-0 bb:md:ml-4": f.resolvedWidth === "xl",
-			"bb:lg:right-auto bb:lg:left-full bb:lg:mr-0 bb:lg:ml-4": f.resolvedWidth === "4xl",
-			"bb:2xl:right-auto bb:2xl:left-full bb:2xl:mr-0 bb:2xl:ml-4": f.resolvedWidth === "7xl"
+		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: f.close
+		onClicked: d.close
 	}, {
-		default: b(() => [o(g(e.texts.back), 1)]),
+		default: b(() => [o(_(e.texts.back), 1)]),
 		_: 1
 	}, 8, ["class", "onClicked"])) : r("", !0)], 16);
 }
-var di = /*#__PURE__*/ A(li, [["render", ui]]), fi = {}, pi = {
+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",
@@ -2497,22 +2863,22 @@ var di = /*#__PURE__*/ A(li, [["render", ui]]), fi = {}, pi = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function mi(e, t, n, r, o, s) {
-	return d(), i("svg", pi, [...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 hi = /*#__PURE__*/ A(fi, [["render", mi]]), gi = {}, _i = {
+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 vi(e, t, n, r, o, s) {
-	return d(), i("svg", _i, [...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"
@@ -2520,14 +2886,14 @@ function vi(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var yi = {
+var Bi = {
 	components: {
-		Check: hi,
-		Close: /* @__PURE__ */ A(gi, [["render", vi]]),
-		Dangerous: Y,
-		Warning: Hn
+		Check: Ii,
+		Close: /* @__PURE__ */ N(Li, [["render", zi]]),
+		Dangerous: ir,
+		Warning: cr
 	},
-	mixins: [M],
+	mixins: [I],
 	emits: ["update:modelValue"],
 	props: {
 		modelValue: {
@@ -2565,38 +2931,38 @@ var yi = {
 			return this.type === "confirmation";
 		}
 	}
-}, bi = ["role"], xi = { class: "bb:p-4" }, Si = { class: "bb:flex bb:items-start" }, Ci = { class: "bb:shrink-0" }, wi = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Ti = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, Ei = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Di = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Oi = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function ki(e, t, o, c, l, f) {
-	let p = m("warning"), h = m("dangerous"), _ = m("check"), v = m("close");
-	return d(), i("div", {
+}, 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",
-		role: f.isDangerous ? "alert" : "status"
-	}, [f.hasMessage ? (d(), i("div", {
+		role: d.isDangerous ? "alert" : "status"
+	}, [d.hasMessage ? (f(), i("div", {
 		key: 0,
 		class: u(["bb:max-w-sm bb:w-full bb:shadow-lg bb:rounded-lg bb:pointer-events-auto bb:ring-1 bb:ring-black/5 bb:overflow-hidden", {
-			"bb:bg-red-50": f.isDangerous,
-			"bb:bg-yellow-50": f.isWarning,
-			"bb:bg-gray-50": f.isConfirmation
+			"bb:bg-red-50": d.isDangerous,
+			"bb:bg-yellow-50": d.isWarning,
+			"bb:bg-gray-50": d.isConfirmation
 		}])
-	}, [a("div", xi, [a("div", Si, [
-		a("div", Ci, [
-			f.isWarning ? (d(), n(p, { key: 0 })) : r("", !0),
-			f.isDangerous ? (d(), n(h, { key: 1 })) : r("", !0),
-			f.isConfirmation ? (d(), n(_, { key: 2 })) : r("", !0)
+	}, [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", wi, [a("p", Ti, g(o.notificationHeading), 1), a("p", Ei, g(f.text), 1)]),
-		a("div", Di, [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", {
-				"bb:bg-red-50": f.isDangerous,
-				"bb:bg-yellow-50": f.isWarning,
-				"bb:bg-gray-50": f.isConfirmation
+			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", Oi, g(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
-	])])], 2)) : r("", !0)], 8, bi);
+			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 Ai = /*#__PURE__*/ A(yi, [["render", ki]]), ji = {}, Mi = {
+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",
@@ -2605,8 +2971,8 @@ var Ai = /*#__PURE__*/ A(yi, [["render", ki]]), ji = {}, Mi = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-function Ni(e, t, n, r, o, s) {
-	return d(), i("svg", Mi, [...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"
@@ -2616,12 +2982,12 @@ function Ni(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 Pi = /*#__PURE__*/ A(ji, [["render", Ni]]), Q = 0, $ = null, Fi = {
+var ta = /*#__PURE__*/ N(Qi, [["render", ea]]), Q = 0, $ = null, na = {
 	components: {
-		PopoverPanel: H,
-		Eye: Pi
+		PopoverPanel: K,
+		Eye: ta
 	},
-	mixins: [M],
+	mixins: [I],
 	emits: ["update:modelValue"],
 	props: {
 		text: {
@@ -2664,10 +3030,10 @@ var Pi = /*#__PURE__*/ A(ji, [["render", Ni]]), Q = 0, $ = null, Fi = {
 			this.holdsPageSelectionLock && (this.holdsPageSelectionLock = !1, --Q, Q === 0 && (Object.assign(document.documentElement.style, $), $ = null));
 		}
 	}
-}, Ii = ["id", "popovertarget"], Li = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Ri(e, t, r, i, c, l) {
-	let u = m("eye"), f = m("popover-panel");
-	return d(), n(f, {
+}, 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",
 		"has-content": !l.isEmpty,
 		"model-value": r.modelValue,
@@ -2676,7 +3042,7 @@ function Ri(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
 	}, {
@@ -2684,9 +3050,9 @@ function Ri(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", Li, g(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, Ii)]),
-		default: b(() => [o(g(l.normalizedText), 1)]),
+			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, [
 		"has-content",
@@ -2695,6 +3061,6 @@ function Ri(e, t, r, i, c, l) {
 		"onToggle"
 	]);
 }
-var zi = /*#__PURE__*/ A(Fi, [["render", Ri]]);
+var oa = /*#__PURE__*/ N(na, [["render", aa]]);
 //#endregion
-export { On as ActionPill, Qn as ConfirmationModal, Qr as DataTable, Oe as Dot, gr as DropdownButtonWithAction, un as ErrorMessages, xr as HamburgerMenu, q as InfoPill, ni as NavigationMenuElement, Ai as NotificationMessage, di as PageCard, si as PageTabs, Ze as RussianMobileFilter, it as Search, Ft as SelectDateInterval, $t as SelectSingle, zi as TextPopover, ve as dashboardUi, Se 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 };