@boobooking/dashboard-ui-components 0.16.3 → 0.17.1

package/dist/index.js

@@ -54,7 +54,8 @@ var ie = {
 		close: "Закрыть",
 		clear: "Очистить",
 		showText: "Показать текст",
-		fullText: "Полный текст"
+		fullText: "Полный текст",
+		tabs: "Закладки"
 	},
 	en: {
 		cancel: "Cancel",
@@ -104,7 +105,8 @@ var ie = {
 		close: "Close",
 		clear: "Clear",
 		showText: "Show text",
-		fullText: "Full text"
+		fullText: "Full text",
+		tabs: "Tabs"
 	}
 };
 //#endregion
@@ -1570,18 +1572,77 @@ function Dn(e, t, o, s, c, l) {
 		textContent: g(l.label)
 	}, null, 8, En)], 10, Tn);
 }
-var On = /*#__PURE__*/ A(wn, [["render", Dn]]), kn = { props: {
-	isOpen: {
-		type: Boolean,
-		default: !1
+var On = /*#__PURE__*/ A(wn, [["render", Dn]]), J = "a[href], button:not(:disabled)";
+function kn(e, t) {
+	let n = document.activeElement;
+	(e.querySelector("[data-dialog-focus]") ?? e.querySelector(J))?.focus();
+	let r = (n) => {
+		if (n.key === "Escape") {
+			t();
+			return;
+		}
+		if (n.key !== "Tab") return;
+		let r = [...e.querySelectorAll(J)];
+		if (r.length === 0) return;
+		n.preventDefault();
+		let i = n.shiftKey ? -1 : 1, a = r.indexOf(document.activeElement);
+		r[a === -1 ? i === 1 ? 0 : r.length - 1 : (a + i + r.length) % r.length].focus();
+	};
+	document.addEventListener("keydown", r, !0);
+	let i = !1;
+	return () => {
+		if (i) return;
+		i = !0, document.removeEventListener("keydown", r, !0);
+		let t = document.activeElement, a = t === null || t === document.body || e.contains(t), o = n !== null && n !== document.body && n.isConnected;
+		a && o ? n.focus({ preventScroll: !0 }) : e.contains(t) && t.blur();
+	};
+}
+//#endregion
+//#region src/components/Modal.vue
+var An = {
+	emits: ["escape"],
+	props: {
+		isOpen: {
+			type: Boolean,
+			default: !1
+		},
+		headingId: {
+			type: String,
+			required: !0
+		}
 	},
-	headingId: {
-		type: String,
-		required: !0
+	watch: { isOpen: {
+		flush: "post",
+		handler(e) {
+			if (e) {
+				this.holdFocus();
+				return;
+			}
+			this.releaseFocus();
+		}
+	} },
+	created() {
+		this.focusFrame = null, this.releaseHeldFocus = null;
+	},
+	mounted() {
+		this.isOpen && this.holdFocus();
+	},
+	beforeUnmount() {
+		this.releaseFocus();
+	},
+	methods: {
+		holdFocus() {
+			this.focusFrame === null && this.releaseHeldFocus === null && (this.focusFrame = requestAnimationFrame(() => {
+				this.focusFrame = null, this.releaseHeldFocus = kn(this.$refs.panel, () => this.$emit("escape"));
+			}));
+		},
+		releaseFocus() {
+			this.focusFrame !== null && (cancelAnimationFrame(this.focusFrame), this.focusFrame = null), this.releaseHeldFocus !== null && (this.releaseHeldFocus(), this.releaseHeldFocus = null);
+		}
 	}
-} }, An = { class: "bb:flex bb:items-end bb:justify-center bb:min-h-screen bb:pt-4 bb:px-4 bb:pb-20 bb:text-center bb:sm:block bb:sm:p-0" }, jn = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Mn = ["aria-labelledby"];
-function Nn(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", An, [
+}, 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, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1590,29 +1651,30 @@ function Nn(e, n, r, o, c, l) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			default: b(() => [x(a("div", jn, [...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", Mn, [...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:hidden bb:sm:inline-block bb:sm:align-middle bb:sm:h-screen" }, null, -1),
+		n[1] ||= a("span", { class: "bb:inline-block bb:align-middle bb:h-screen" }, null, -1),
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
-			"enter-from-class": "bb:opacity-0 bb:translate-y-4 bb:sm:translate-y-0 bb:sm:scale-95",
-			"enter-to-class": "bb:opacity-100 bb:translate-y-0 bb:sm:scale-100",
+			"enter-from-class": "bb:opacity-0 bb:scale-95",
+			"enter-to-class": "bb:opacity-100 bb:scale-100",
 			"leave-active-class": "bb:ease-in bb:duration-200",
-			"leave-from-class": "bb:opacity-100 bb:translate-y-0 bb:sm:scale-100",
-			"leave-to-class": "bb:opacity-0 bb:translate-y-4 bb:sm:translate-y-0 bb:sm:scale-95"
+			"leave-from-class": "bb:opacity-100 bb:scale-100",
+			"leave-to-class": "bb:opacity-0 bb:scale-95"
 		}, {
 			default: b(() => [x(a("div", {
-				class: "bb:relative bb:inline-block bb:align-bottom bb:bg-white bb:rounded-lg bb:text-left bb:overflow-visible bb:shadow-xl bb:transition-all bb:sm:my-8 bb:sm:align-middle bb:sm:max-w-lg bb:sm:w-full",
+				ref: "panel",
+				class: "bb:relative bb:inline-block bb:align-middle bb:my-8 bb:max-w-lg bb:w-full bb:bg-white bb:rounded-lg bb:text-left bb:overflow-visible bb:shadow-xl bb:transition-all",
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [p(e.$slots, "default")], 8, Mn), [[y, r.isOpen]])]),
+			}, [p(e.$slots, "default")], 8, Nn), [[y, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var Pn = /*#__PURE__*/ A(kn, [["render", Nn]]), Fn = {}, In = {
+var Fn = /*#__PURE__*/ A(An, [["render", Pn]]), In = {}, Ln = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1620,33 +1682,33 @@ var Pn = /*#__PURE__*/ A(kn, [["render", Nn]]), Fn = {}, In = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Ln(e, t, n, r, o, s) {
-	return d(), i("svg", In, [...t[0] ||= [a("path", {
+function Rn(e, t, n, r, o, s) {
+	return d(), i("svg", Ln, [...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 J = /*#__PURE__*/ A(Fn, [["render", Ln]]), Rn = {}, zn = {
+var Y = /*#__PURE__*/ A(In, [["render", Rn]]), zn = {}, Bn = {
 	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 Bn(e, t, n, r, o, s) {
-	return d(), i("svg", zn, [...t[0] ||= [a("path", {
+function Vn(e, t, n, r, o, s) {
+	return d(), i("svg", Bn, [...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 Y = /*#__PURE__*/ A(Rn, [["render", Bn]]), Vn = {
+var Hn = /*#__PURE__*/ A(zn, [["render", Vn]]), Un = {
 	components: {
-		Modal: Pn,
-		Dangerous: J,
-		Warning: Y
+		Modal: Fn,
+		Dangerous: Y,
+		Warning: Hn
 	},
 	mixins: [M],
 	emits: ["actionConfirmed", "actionCanceled"],
@@ -1688,54 +1750,56 @@ var Y = /*#__PURE__*/ A(Rn, [["render", Bn]]), Vn = {
 			return this.type === "warning";
 		}
 	}
-}, Hn = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:px-4 bb:pt-5 bb:pb-4 bb:sm:p-6 bb:sm:pb-4" }, Un = { class: "bb:sm:flex bb:sm:items-start" }, Wn = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, Gn = ["id"], Kn = { class: "bb:mt-2" }, qn = { class: "bb:text-sm bb:text-gray-500" }, Jn = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-4 bb:py-3 bb:sm:px-6 bb:sm:flex bb:sm:flex-row-reverse" };
-function Yn(e, t, i, o, s, c) {
+}, 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, {
 		"is-open": i.isOpen,
-		"heading-id": o.headingId
+		"heading-id": o.headingId,
+		onEscape: t[2] ||= (t) => e.$emit("actionCanceled")
 	}, {
-		default: b(() => [a("div", Hn, [a("div", Un, [a("div", { class: u(["bb:mx-auto bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-12 bb:w-12 bb:rounded-full bb:sm:mx-0 bb:sm:h-10 bb:sm:w-10", {
+		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", {
 			"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", Wn, [a("h3", {
+		}]) }, [c.isWarning ? (d(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (d(), n(f, { key: 1 })) : r("", !0)], 2), a("div", Kn, [a("h3", {
 			class: "bb:text-lg bb:leading-6 bb:font-medium bb:text-gray-900",
 			id: o.headingId
-		}, g(i.confirmationHeading), 9, Gn), a("div", Kn, [a("p", qn, g(i.confirmationText), 1)])])])]), a("div", Jn, [a("button", {
+		}, g(i.confirmationHeading), 9, qn), a("div", Jn, [a("p", Yn, g(i.confirmationText), 1)])])])]), a("div", Xn, [a("button", {
 			type: "button",
-			class: u(["bb:w-full 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-base bb:font-medium bb:text-white bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:sm:ml-3 bb:sm:w-auto bb:sm:text-sm", {
+			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
 			}]),
 			onClick: t[0] ||= S((t) => e.$emit("actionConfirmed"), ["prevent"])
 		}, g(i.actionButtonText), 3), a("button", {
 			type: "button",
-			class: "bb:mt-3 bb:w-full 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-base 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:sm:mt-0 bb:sm:ml-3 bb:sm:w-auto bb:sm:text-sm",
+			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",
+			"data-dialog-focus": "",
 			onClick: t[1] ||= S((t) => e.$emit("actionCanceled"), ["prevent"])
 		}, g(i.cancelButtonText ?? e.texts.cancel), 1)])]),
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var Xn = /*#__PURE__*/ A(Vn, [["render", Yn]]);
+var Qn = /*#__PURE__*/ A(Un, [["render", Zn]]);
 //#endregion
 //#region src/menuItems.js
-function Zn(e) {
+function $n(e) {
 	if (typeof e != "object" || !e || typeof e.label != "string" || e.label === "" || e.color !== void 0 && !O(e.color)) return !1;
 	let t = typeof e.href == "string" && e.href !== "" && e.onSelect === void 0, n = typeof e.onSelect == "function" && e.href === void 0;
 	return t || n;
 }
-function Qn(e) {
+function er(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "object" && !!e) : [];
 }
-function $n(e) {
+function tr(e) {
 	return typeof e.href == "string" && e.href !== "";
 }
-function er(e) {
+function nr(e) {
 	return O(e.color) ? e.color : null;
 }
 //#endregion
 //#region src/navigation.js
-function tr(e) {
+function rr(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);
 }
@@ -1743,9 +1807,9 @@ var X = {
 	inject: ge,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && tr(e) && (e.preventDefault(), n(t));
+		n !== null && rr(e) && (e.preventDefault(), n(t));
 	} }
-}, nr = {
+}, ir = {
 	components: { PopoverPanel: H },
 	mixins: [X, k],
 	emits: ["update:modelValue"],
@@ -1758,7 +1822,7 @@ var X = {
 	},
 	computed: {
 		actionItems() {
-			return Qn(this.actions);
+			return er(this.actions);
 		},
 		hasActions() {
 			return this.actionItems.length > 0;
@@ -1766,21 +1830,21 @@ var X = {
 	},
 	methods: {
 		color(e) {
-			return er(e);
+			return nr(e);
 		},
 		isLink(e) {
-			return $n(e);
+			return tr(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
 		}
 	}
-}, rr = [
+}, ar = [
 	"href",
 	"onClick",
 	"textContent"
-], ir = ["onClick", "textContent"];
-function ar(t, r, a, o, s, c) {
+], or = ["onClick", "textContent"];
+function sr(t, r, a, o, s, c) {
 	let l = m("popover-panel");
 	return d(), n(l, {
 		"model-value": a.modelValue,
@@ -1804,19 +1868,19 @@ function ar(t, r, a, o, s, c) {
 			class: u(["bb:block bb:w-full bb:px-4 bb:py-2 bb:text-sm bb:text-left bb:cursor-pointer bb:focus:outline-hidden", c.color(n) === null ? "bb:text-gray-700 bb:focus:bg-gray-100 bb:focus:text-gray-900" : t.colorClass(c.color(n), "menuItem")]),
 			onClick: (e) => t.followLink(e, n.href),
 			textContent: g(n.label)
-		}, null, 10, rr)) : (d(), i("button", {
+		}, null, 10, ar)) : (d(), 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, ir))], 64))), 128))]),
+		}, null, 10, or))], 64))), 128))]),
 		_: 3
 	}, 8, ["model-value", "has-content"]);
 }
-var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
-	components: { PopoverMenu: or },
+var cr = /*#__PURE__*/ A(ir, [["render", sr]]), lr = {
+	components: { PopoverMenu: cr },
 	mixins: [
 		M,
 		X,
@@ -1827,7 +1891,7 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 		actions: {
 			type: Array,
 			default: () => [],
-			validator: (e) => e.every(Zn)
+			validator: (e) => e.every($n)
 		},
 		modelValue: {
 			type: Boolean,
@@ -1839,7 +1903,7 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 	},
 	computed: {
 		items() {
-			return Qn(this.actions);
+			return er(this.actions);
 		},
 		hasActions() {
 			return this.items.length > 0;
@@ -1848,7 +1912,7 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 			return this.items[0];
 		},
 		mainColor() {
-			return this.hasActions ? er(this.mainAction) : null;
+			return this.hasActions ? nr(this.mainAction) : null;
 		},
 		menuActions() {
 			return this.items.slice(1);
@@ -1870,7 +1934,7 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 	},
 	methods: {
 		isLink(e) {
-			return $n(e);
+			return tr(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
@@ -1879,13 +1943,13 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 			this.menuIsOpen = e, this.$emit("update:modelValue", e);
 		}
 	}
-}, cr = {
+}, ur = {
 	key: 0,
 	class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md"
-}, lr = ["href", "textContent"], ur = ["textContent"], dr = ["id", "popovertarget"], fr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function pr(e, t, n, o, c, l) {
+}, 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", cr, [l.isLink(l.mainAction) ? (d(), i("a", {
+	return l.hasActions ? (d(), i("span", ur, [l.isLink(l.mainAction) ? (d(), 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", [{
@@ -1894,7 +1958,7 @@ function pr(e, t, n, o, c, l) {
 		}, l.mainColor === null ? "bb:bg-white bb:border-gray-300 bb:text-gray-700 bb:hover:bg-gray-50" : e.colorClass(l.mainColor, "button")]]),
 		onClick: t[0] ||= (t) => e.followLink(t, l.mainAction.href),
 		textContent: g(l.mainAction.label)
-	}, null, 10, lr)) : (d(), i("button", {
+	}, null, 10, dr)) : (d(), 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", [{
@@ -1903,7 +1967,7 @@ function pr(e, t, n, o, c, l) {
 		}, l.mainColor === null ? "bb:bg-white bb:border-gray-300 bb:text-gray-700 bb:hover:bg-gray-50" : e.colorClass(l.mainColor, "button")]]),
 		onClick: t[1] ||= (e) => l.select(l.mainAction),
 		textContent: g(l.mainAction.label)
-	}, null, 10, ur)), s(f, {
+	}, null, 10, fr)), s(f, {
 		class: "bb:-ml-px bb:flex",
 		actions: l.menuActions,
 		"model-value": n.modelValue,
@@ -1914,7 +1978,7 @@ function pr(e, t, n, o, c, l) {
 			id: n.id,
 			popovertarget: n.popovertarget,
 			class: u(["bb:relative bb:inline-flex bb:items-center bb:px-2 bb:py-2 bb:rounded-r-md bb:border bb:text-sm bb:font-medium bb:focus:z-10 bb:focus: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", fr, g(e.texts.openMenu), 1), t[2] ||= a("svg", {
+		}, [a("span", mr, g(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",
@@ -1924,7 +1988,7 @@ function pr(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, dr)]),
+		})], -1)], 10, pr)]),
 		_: 1
 	}, 8, [
 		"actions",
@@ -1932,16 +1996,16 @@ function pr(e, t, n, o, c, l) {
 		"onUpdate:modelValue"
 	])])) : r("", !0);
 }
-var mr = /*#__PURE__*/ A(sr, [["render", pr]]), hr = {
-	components: { PopoverMenu: or },
+var gr = /*#__PURE__*/ A(lr, [["render", hr]]), _r = {
+	components: { PopoverMenu: cr },
 	mixins: [M],
 	props: { actions: {
 		type: Array,
 		default: () => [],
-		validator: (e) => e.every(Zn)
+		validator: (e) => e.every($n)
 	} }
-}, gr = ["id", "popovertarget"], _r = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function vr(e, t, r, i, o, s) {
+}, 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, {
 		class: "bb-dashboard-ui bb:inline-flex",
@@ -1952,7 +2016,7 @@ function vr(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", _r, g(e.texts.openMenu), 1), t[0] ||= a("svg", {
+		}, [a("span", yr, g(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",
@@ -1963,46 +2027,46 @@ function vr(e, t, r, i, o, s) {
 			"stroke-linejoin": "round",
 			"stroke-width": "2",
 			d: "M4 6h16M4 12h16M4 18h16"
-		})], -1)], 8, gr)]),
+		})], -1)], 8, vr)]),
 		_: 1
 	}, 8, ["actions"]);
 }
-var yr = /*#__PURE__*/ A(hr, [["render", vr]]), br = {}, xr = {
+var xr = /*#__PURE__*/ A(_r, [["render", br]]), Sr = {}, Cr = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Sr(e, t, n, r, o, s) {
-	return d(), i("svg", xr, [...t[0] ||= [a("path", {
+function wr(e, t, n, r, o, s) {
+	return d(), i("svg", Cr, [...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 Cr = /*#__PURE__*/ A(br, [["render", Sr]]), wr = {}, Tr = {
+var Tr = /*#__PURE__*/ A(Sr, [["render", wr]]), Er = {}, Dr = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Er(e, t, n, r, o, s) {
-	return d(), i("svg", Tr, [...t[0] ||= [a("path", {
+function Or(e, t, n, r, o, s) {
+	return d(), i("svg", Dr, [...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 Dr = /*#__PURE__*/ A(wr, [["render", Er]]);
+var kr = /*#__PURE__*/ A(Er, [["render", Or]]);
 //#endregion
 //#region src/components/Pagination.vue
-function Or(e) {
+function Z(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var kr = {
+var Ar = {
 	components: {
-		ArrowNarrowLeft: Cr,
-		ArrowNarrowRight: Dr
+		ArrowNarrowLeft: Tr,
+		ArrowNarrowRight: kr
 	},
 	mixins: [M, X],
 	props: {
@@ -2032,49 +2096,49 @@ var kr = {
 			return typeof this.from == "number" && typeof this.to == "number";
 		},
 		previousPageUrl() {
-			return Or(this.links?.prev);
+			return Z(this.links?.prev);
 		},
 		nextPageUrl() {
-			return Or(this.links?.next);
+			return Z(this.links?.next);
 		}
 	}
-}, Ar = {
+}, jr = {
 	key: 0,
-	class: "bb-dashboard-ui bb:px-4 bb:flex bb:items-center bb:justify-between bb:sm:px-0"
-}, jr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Mr = ["href"], Nr = {
+	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 = {
 	key: 0,
-	class: "bb:hidden bb:md:-mt-px bb:md:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, Pr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Fr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Ir = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, Lr = ["href"];
-function Rr(e, t, n, c, l, u) {
+	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", Ar, [
-		a("div", jr, [u.previousPageUrl === null ? r("", !0) : (d(), i("a", {
+	return u.hasResults ? (d(), i("nav", jr, [
+		a("div", Mr, [u.previousPageUrl === null ? r("", !0) : (d(), 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",
 			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, Mr))]),
-		u.hasRange ? (d(), i("div", Nr, [
+		}, [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", Pr, g(u.from) + " - " + g(u.to), 1),
+			a("span", Fr, g(u.from) + " - " + g(u.to), 1),
 			o(" " + g(e.texts.resultsOf) + " ", 1),
-			a("span", Fr, g(u.total), 1),
+			a("span", Ir, g(u.total), 1),
 			o(" " + g(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", Ir, [u.nextPageUrl === null ? r("", !0) : (d(), i("a", {
+		a("div", Lr, [u.nextPageUrl === null ? r("", !0) : (d(), 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",
 			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, Lr))])
+		}, [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))])
 	])) : r("", !0);
 }
-var zr = /*#__PURE__*/ A(kr, [["render", Rr]]), Br = [
+var Br = /*#__PURE__*/ A(Ar, [["render", zr]]), Vr = [
 	"left",
 	"center",
 	"right"
 ];
-function Vr(e) {
+function Hr(e) {
 	if (typeof e != "object" || !e || typeof e.key != "string" || e.key === "") return null;
 	let t = e.key;
 	return {
@@ -2083,18 +2147,18 @@ function Vr(e) {
 		value: typeof e.value == "function" ? e.value : (e) => e?.[t],
 		secondary: typeof e.secondary == "function" ? e.secondary : null,
 		muted: e.muted === !0,
-		align: Br.includes(e.align) ? e.align : "left",
+		align: Vr.includes(e.align) ? e.align : "left",
 		wrap: e.wrap === !0,
 		narrow: e.narrow === !0,
 		visible: e.visible !== !1
 	};
 }
-function Z(e) {
+function Ur(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var Hr = {
+var Wr = {
 	components: {
-		Pagination: zr,
+		Pagination: Br,
 		InfoPill: q
 	},
 	mixins: [M, k],
@@ -2142,7 +2206,7 @@ var Hr = {
 			return Array.isArray(this.rows) ? this.rows : [];
 		},
 		visibleColumns() {
-			return (Array.isArray(this.columns) ? this.columns : []).map(Vr).filter((e) => e !== null && e.visible);
+			return (Array.isArray(this.columns) ? this.columns : []).map(Hr).filter((e) => e !== null && e.visible);
 		},
 		rowStripes() {
 			return this.normalizedRows.map((e) => this.stripeOf(e));
@@ -2161,10 +2225,10 @@ var Hr = {
 		},
 		badgeText() {
 			if (this.hasRecords) {
-				let e = Z(this.foundText);
+				let e = Ur(this.foundText);
 				return e === null ? null : `${e}: ${this.recordCount}`;
 			}
-			return Z(this.emptyText);
+			return Ur(this.emptyText);
 		}
 	},
 	methods: {
@@ -2191,8 +2255,8 @@ var Hr = {
 			return n == null ? "" : String(n);
 		}
 	}
-}, Ur = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, Wr = { class: "bb:bg-gray-50" }, Gr = ["textContent"], Kr = { class: "bb:divide-y bb:divide-gray-200" }, qr = ["textContent"], Jr = ["textContent"];
-function Yr(t, o, s, c, l, h) {
+}, 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", {
@@ -2206,7 +2270,7 @@ function Yr(t, o, s, c, l, h) {
 		h.normalizedRows.length > 0 ? (d(), 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:sm:rounded-lg"]) }, [a("table", Ur, [a("thead", null, [a("tr", Wr, [(d(!0), i(e, null, f(h.visibleColumns, (e) => (d(), i("th", {
+		}, [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", {
 			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", [{
@@ -2215,7 +2279,7 @@ function Yr(t, o, s, c, l, h) {
 				"bb:text-right": e.align === "right"
 			}, { "bb:w-px": e.narrow }]]),
 			textContent: g(e.label)
-		}, null, 10, Gr))), 128))])]), a("tbody", Kr, [(d(!0), i(e, null, f(h.normalizedRows, (n, o) => (d(), i("tr", {
+		}, 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),
 			class: "bb:bg-white bb:even:bg-gray-50"
 		}, [(d(!0), i(e, null, f(h.visibleColumns, (e, s) => (d(), i("td", {
@@ -2239,11 +2303,11 @@ function Yr(t, o, s, c, l, h) {
 		}, () => [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, qr), e.secondary !== null && h.textOf(e.secondary, n) !== "" ? (d(), i("div", {
+		}, null, 10, Yr), e.secondary !== null && h.textOf(e.secondary, n) !== "" ? (d(), i("div", {
 			key: 0,
 			class: "bb:text-gray-400",
 			textContent: g(h.textOf(e.secondary, n))
-		}, null, 8, Jr)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
+		}, null, 8, Xr)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
 		h.hasMeta ? (d(), n(v, {
 			key: 2,
 			meta: s.meta,
@@ -2258,7 +2322,7 @@ function Yr(t, o, s, c, l, h) {
 		])) : r("", !0)
 	]);
 }
-var Xr = /*#__PURE__*/ A(Hr, [["render", Yr]]), Zr = {
+var Qr = /*#__PURE__*/ A(Wr, [["render", Zr]]), $r = {
 	mixins: [X],
 	props: {
 		url: {
@@ -2274,20 +2338,54 @@ var Xr = /*#__PURE__*/ A(Hr, [["render", Yr]]), Zr = {
 			default: !1
 		}
 	}
-}, Qr = ["href", "textContent"];
-function $r(e, t, n, r, a, o) {
+}, ei = ["href", "textContent"];
+function ti(e, t, n, r, a, o) {
 	return d(), 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, Qr);
+	}, null, 10, ei);
 }
-var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = [
+var ni = /*#__PURE__*/ A($r, [["render", ti]]), ri = {
+	mixins: [M, X],
+	props: {
+		tabs: {
+			type: Array,
+			required: !0
+		},
+		activeKey: {
+			type: String,
+			default: null
+		}
+	},
+	computed: { tabList() {
+		return Array.isArray(this.tabs) ? this.tabs.filter((e) => typeof e == "object" && !!e) : [];
+	} }
+}, ii = ["aria-label"], ai = [
+	"href",
+	"aria-current",
+	"onClick",
+	"textContent"
+];
+function oi(t, n, r, a, o, s) {
+	return d(), 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", {
+		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"]),
+		onClick: (n) => t.followLink(n, e.url),
+		textContent: g(e.name)
+	}, null, 10, ai))), 128))], 8, ii);
+}
+var si = /*#__PURE__*/ A(ri, [["render", oi]]), ci = [
 	"xl",
 	"4xl",
 	"7xl"
-], ni = {
+], li = {
 	components: { CrossButton: N },
 	mixins: [M],
 	inheritAttrs: !1,
@@ -2295,7 +2393,7 @@ var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = [
 		width: {
 			type: String,
 			default: "xl",
-			validator: (e) => ti.includes(e)
+			validator: (e) => ci.includes(e)
 		},
 		fallbackUrl: {
 			type: String,
@@ -2311,7 +2409,7 @@ var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = [
 	},
 	computed: {
 		resolvedWidth() {
-			return ti.includes(this.width) ? this.width : "xl";
+			return ci.includes(this.width) ? this.width : "xl";
 		},
 		windows() {
 			return this.uiSettings.windows;
@@ -2358,14 +2456,14 @@ var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = [
 		}
 	}
 };
-function ri(e, t, a, s, c, f) {
+function ui(e, t, a, s, c, f) {
 	let h = m("cross-button");
 	return d(), i("div", l({
-		class: ["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:sm:rounded-lg", [
+		class: ["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:rounded-lg", [
 			{
-				"bb:sm:max-w-xl": f.resolvedWidth === "xl",
-				"bb:sm:max-w-4xl": f.resolvedWidth === "4xl",
-				"bb:sm:max-w-7xl": f.resolvedWidth === "7xl"
+				"bb:max-w-xl": f.resolvedWidth === "xl",
+				"bb:max-w-4xl": f.resolvedWidth === "4xl",
+				"bb:max-w-7xl": f.resolvedWidth === "7xl"
 			},
 			f.canClose ? {
 				"bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]": f.resolvedWidth === "xl",
@@ -2378,7 +2476,7 @@ function ri(e, t, a, s, c, f) {
 	}, { ...f.forwardedAttrs() }), [p(e.$slots, "default", { close: f.close }), f.canClose ? (d(), n(h, {
 		key: 0,
 		size: "large",
-		class: u(["bb:absolute bb:top-0 bb:right-0 bb:mt-4 bb:mr-4 bb:w-8 bb:h-8 bb:sm:mt-6 bb:rounded-md bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500", {
+		class: u(["bb:absolute bb:top-0 bb:right-0 bb:mt-6 bb:mr-4 bb:w-8 bb:h-8 bb: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"
@@ -2390,7 +2488,7 @@ function ri(e, t, a, s, c, f) {
 		_: 1
 	}, 8, ["class", "onClicked"])) : r("", !0)], 16);
 }
-var ii = /*#__PURE__*/ A(ni, [["render", ri]]), ai = {}, oi = {
+var di = /*#__PURE__*/ A(li, [["render", ui]]), fi = {}, pi = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -2399,22 +2497,22 @@ var ii = /*#__PURE__*/ A(ni, [["render", ri]]), ai = {}, oi = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function si(e, t, n, r, o, s) {
-	return d(), i("svg", oi, [...t[0] ||= [a("path", {
+function mi(e, t, n, r, o, s) {
+	return d(), 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 ci = /*#__PURE__*/ A(ai, [["render", si]]), li = {}, ui = {
+var hi = /*#__PURE__*/ A(fi, [["render", mi]]), gi = {}, _i = {
 	class: "bb:h-5 bb:w-5",
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function di(e, t, n, r, o, s) {
-	return d(), i("svg", ui, [...t[0] ||= [a("path", {
+function vi(e, t, n, r, o, s) {
+	return d(), i("svg", _i, [...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"
@@ -2422,12 +2520,12 @@ function di(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var fi = {
+var yi = {
 	components: {
-		Check: ci,
-		Close: /* @__PURE__ */ A(li, [["render", di]]),
-		Dangerous: J,
-		Warning: Y
+		Check: hi,
+		Close: /* @__PURE__ */ A(gi, [["render", vi]]),
+		Dangerous: Y,
+		Warning: Hn
 	},
 	mixins: [M],
 	emits: ["update:modelValue"],
@@ -2467,11 +2565,11 @@ var fi = {
 			return this.type === "confirmation";
 		}
 	}
-}, pi = ["role"], mi = { class: "bb:p-4" }, hi = { class: "bb:flex bb:items-start" }, gi = { class: "bb:shrink-0" }, _i = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, vi = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, yi = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, bi = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, xi = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Si(e, t, o, c, l, f) {
+}, 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", {
-		class: "bb-dashboard-ui bb:fixed bb:inset-0 bb:flex bb:items-end bb:justify-center bb:px-4 bb:py-6 bb:pointer-events-none bb:sm:p-6 bb:sm:items-start bb:sm:justify-end",
+		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", {
 		key: 0,
@@ -2480,14 +2578,14 @@ function Si(e, t, o, c, l, f) {
 			"bb:bg-yellow-50": f.isWarning,
 			"bb:bg-gray-50": f.isConfirmation
 		}])
-	}, [a("div", mi, [a("div", hi, [
-		a("div", gi, [
+	}, [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", _i, [a("p", vi, g(o.notificationHeading), 1), a("p", yi, g(f.text), 1)]),
-		a("div", bi, [a("button", {
+		a("div", wi, [a("p", Ti, g(o.notificationHeading), 1), a("p", Ei, g(f.text), 1)]),
+		a("div", Di, [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,
@@ -2495,10 +2593,10 @@ function Si(e, t, o, c, l, f) {
 				"bb:bg-gray-50": f.isConfirmation
 			}]),
 			onClick: t[0] ||= S((t) => e.$emit("update:modelValue", ""), ["prevent"])
-		}, [a("span", xi, g(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
-	])])], 2)) : r("", !0)], 8, pi);
+		}, [a("span", Oi, g(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
+	])])], 2)) : r("", !0)], 8, bi);
 }
-var Ci = /*#__PURE__*/ A(fi, [["render", Si]]), wi = {}, Ti = {
+var Ai = /*#__PURE__*/ A(yi, [["render", ki]]), ji = {}, Mi = {
 	class: "bb:h-5 bb:w-5",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -2507,8 +2605,8 @@ var Ci = /*#__PURE__*/ A(fi, [["render", Si]]), wi = {}, Ti = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-function Ei(e, t, n, r, o, s) {
-	return d(), i("svg", Ti, [...t[0] ||= [a("path", {
+function Ni(e, t, n, r, o, s) {
+	return d(), i("svg", Mi, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
@@ -2518,10 +2616,10 @@ function Ei(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 Di = /*#__PURE__*/ A(wi, [["render", Ei]]), Q = 0, $ = null, Oi = {
+var Pi = /*#__PURE__*/ A(ji, [["render", Ni]]), Q = 0, $ = null, Fi = {
 	components: {
 		PopoverPanel: H,
-		Eye: Di
+		Eye: Pi
 	},
 	mixins: [M],
 	emits: ["update:modelValue"],
@@ -2566,8 +2664,8 @@ var Di = /*#__PURE__*/ A(wi, [["render", Ei]]), Q = 0, $ = null, Oi = {
 			this.holdsPageSelectionLock && (this.holdsPageSelectionLock = !1, --Q, Q === 0 && (Object.assign(document.documentElement.style, $), $ = null));
 		}
 	}
-}, ki = ["id", "popovertarget"], Ai = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function ji(e, t, r, i, c, l) {
+}, 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, {
 		class: "bb-dashboard-ui bb:inline-flex",
@@ -2587,7 +2685,7 @@ function ji(e, t, r, i, c, l) {
 			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", Ai, g(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, ki)]),
+		}, [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)]),
 		_: 1
 	}, 8, [
@@ -2597,6 +2695,6 @@ function ji(e, t, r, i, c, l) {
 		"onToggle"
 	]);
 }
-var Mi = /*#__PURE__*/ A(Oi, [["render", ji]]);
+var zi = /*#__PURE__*/ A(Fi, [["render", Ri]]);
 //#endregion
-export { On as ActionPill, Xn as ConfirmationModal, Xr as DataTable, Oe as Dot, mr as DropdownButtonWithAction, un as ErrorMessages, yr as HamburgerMenu, q as InfoPill, ei as NavigationMenuElement, Ci as NotificationMessage, ii as PageCard, Ze as RussianMobileFilter, it as Search, Ft as SelectDateInterval, $t as SelectSingle, Mi as TextPopover, ve as dashboardUi, Se as downloadFile };
+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 };