@nexdom/uimed-vue 2.0.0-beta.5 → 2.0.0-beta.50

package/dist/components.js

@@ -1,7 +1,11 @@
-import { r as useVuetifyColor, t as messages } from "./use-toast-CACuYhK_.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, openBlock, ref, renderList, renderSlot, toDisplayString, toValue, unref, useModel, withCtx, withModifiers } from "vue";
-import { VApp, VAppBar, VAppBarNavIcon, VAppBarTitle, VAvatar, VBadge, VBtn, VCard, VCardActions, VCardText, VCheckboxBtn, VCol, VContainer, VDivider, VForm, VIcon, VIconBtn, VImg, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VMain, VMenu, VNavigationDrawer, VRow, VSkeletonLoader, VSnackbarQueue, VTable, VTextField } from "vuetify/components";
-import { formatDateTime, isEmail, isEmpty, isPhone, isUrl, toPeriodInterval } from "@nexdom/shared/utils";
+import { a as messages, c as colorToVuetifyColor, l as colorToVuetifyTextColor, n as owners$1, r as requests, s as useVuetifyColor } from "./use-dialog-C0sM_bA2.js";
+import { useLocale, useMask } from "vuetify";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, onMounted, onScopeDispose, onUnmounted, openBlock, provide, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toValue, unref, useId, useModel, useSlots, useTemplateRef, watch, withCtx, withKeys, withModifiers } from "vue";
+import { pt } from "vuetify/locale";
+import { VApp, VAppBar, VAppBarNavIcon, VAppBarTitle, VAutocomplete, VAvatar, VBadge, VBtn, VCard, VCardActions, VCardText, VCheckboxBtn, VCol, VCombobox, VContainer, VDataIterator, VDatePicker, VDialog, VDivider, VEmptyState, VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VExpansionPanels, VFooter, VForm, VIcon, VIconBtn, VImg, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VLocaleProvider, VMain, VMenu, VNavigationDrawer, VPagination, VProgressCircular, VProgressLinear, VRow, VSkeletonLoader, VSnackbarQueue, VTable, VTextField, VTimePicker } from "vuetify/components";
+import { formatDateTime, isEmail, isEmpty, isPhone, isUrl, toInitials } from "@nexdom/shared/utils";
+import { VHighlight } from "vuetify/labs/VHighlight";
+import { RouterLink } from "vue-router";
 //#region src/composables/navigation/use-route-props.ts
 function useRouteProps(route) {
 	return computed(() => routeToProps(route));
@@ -10,12 +14,187 @@ function routeToProps(route) {
 	const location = toValue(route);
 	return isExternalRoute(location) ? { href: location } : { to: location };
 }
+/**
+* Maps a menu item's route to its list item's props. An item without a route only runs its action,
+* so it's a button: Vuetify would make it a list item, which the menus' groups of links don't allow.
+*/
+function routeToListItemProps(route) {
+	return route ? routeToProps(route) : { role: "button" };
+}
 function isExternalRoute(route) {
 	return typeof route === "string" && route.startsWith("http");
 }
 //#endregion
+//#region src/composables/navigation/use-navigation-search-shortcut.ts
+/**
+* Mounted navigation menus, in mounting order. Only the first one answers the shortcut, so pages
+* with more than one `UMain` (like the docs) don't open every menu at once.
+*/
+const owners = ref([]);
+/**
+* Focus targets where the shortcut is left to the page: overlays (dialogs, confirmations and
+* menus) and other modals, the activators of open menus (which keep the focus when opened by a
+* click, and would pull it back from the navigation menu) and rich text editors, which usually
+* take Ctrl+K to insert links.
+*/
+const IGNORED_TARGETS = [
+	".v-overlay",
+	"dialog",
+	"[aria-modal='true']",
+	"[aria-haspopup][aria-expanded='true']",
+	"[contenteditable]:not([contenteditable='false'])"
+].join(", ");
+/** Accessible name of the search field, whose placeholder also shows the shortcut. */
+const SEARCH_NAME = "Buscar";
+/**
+* Shortcut keys for the current platform. Starts with the non-macOS keys and switches on mount,
+* so server-rendered pages (the docs) hydrate without mismatches.
+*/
+function useNavigationShortcutKeys() {
+	const isMac = ref(false);
+	onMounted(() => isMac.value = isMacOS());
+	return {
+		label: computed(() => isMac.value ? "⌘K" : "Ctrl+K"),
+		ariaKeyshortcuts: computed(() => isMac.value ? "Meta+K" : "Control+K")
+	};
+}
+/**
+* Listens to Ctrl+K (⌘K on macOS) on `window` while mounted: opens the menu, waits for it to
+* render (the drawer is `inert` while closed) and focuses the search field (a disabled field, as
+* while loading, can't take the focus). When the menu opened by the shortcut closes with the focus
+* inside it, the focus goes back to where it was.
+*/
+function useNavigationSearchShortcut(options) {
+	const { open, field } = options;
+	const owner = Symbol("navigation-search-shortcut");
+	/** Element focused before the shortcut opened the menu, which gets the focus back on close. */
+	let origin = null;
+	onMounted(() => {
+		owners.value.push(owner);
+		globalThis.addEventListener("keydown", onKeydown, { capture: true });
+		findInput().setAttribute("aria-label", SEARCH_NAME);
+	});
+	onUnmounted(() => {
+		owners.value = owners.value.filter((item) => item !== owner);
+		globalThis.removeEventListener("keydown", onKeydown, { capture: true });
+	});
+	watch(open, (isOpen) => {
+		if (isOpen) return;
+		const target = origin;
+		origin = null;
+		if (!findInput().closest(".v-navigation-drawer").contains(document.activeElement)) return;
+		if (target instanceof HTMLElement || target instanceof SVGElement) target.focus();
+	});
+	function onKeydown(event) {
+		if (owners.value[0] !== owner || isIgnoredTarget(event)) return;
+		if (isShortcut(event)) openAndFocus(event);
+		else if (event.key === "Escape" && origin) close();
+	}
+	async function openAndFocus(event) {
+		event.preventDefault();
+		if (!open.value) origin = document.activeElement;
+		open.value = true;
+		await nextTick();
+		const input = findInput();
+		input.focus({ preventScroll: true });
+		input.select();
+	}
+	function findInput() {
+		return toValue(field).$el.querySelector("input");
+	}
+	function close() {
+		open.value = false;
+	}
+	return {
+		...useNavigationShortcutKeys(),
+		close
+	};
+}
+function isMacOS() {
+	return navigator.userAgent.includes("Macintosh");
+}
+function isShortcut(event) {
+	return (isMacOS() ? event.metaKey : event.ctrlKey) && !event.shiftKey && !event.altKey && !event.isComposing && event.key.toLowerCase() === "k";
+}
+function isIgnoredTarget(event) {
+	return event.target instanceof Element && event.target.closest(IGNORED_TARGETS) !== null;
+}
+//#endregion
+//#region src/composables/dimensions/dimensions.ts
+/**
+* Vuetify's utility class that stretches a component to the whole width of its parent, for
+* components with a `fullWidth` prop.
+*/
+function useFullWidth(fullWidth) {
+	return computed(() => toValue(fullWidth) ? "w-100" : void 0);
+}
+/**
+* Vuetify's utility class that stretches a component to the whole height of its parent, for
+* components with a `fullHeight` prop. The parent must have a height of its own.
+*/
+function useFullHeight(fullHeight) {
+	return computed(() => toValue(fullHeight) ? "h-100" : void 0);
+}
+//#endregion
+//#region src/components/skeleton-loader/skeleton-loader.vue
+var skeleton_loader_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "skeleton-loader",
+	props: {
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		type: {
+			type: null,
+			required: true
+		},
+		fullWidth: {
+			type: Boolean,
+			required: false
+		},
+		fullHeight: {
+			type: Boolean,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { t } = useLocale();
+		const widthClass = useFullWidth(() => props.fullWidth);
+		const heightClass = useFullHeight(() => props.fullHeight);
+		const loadingAttrs = computed(() => ({
+			ariaLabel: void 0,
+			ariaLive: void 0,
+			"aria-label": t("$vuetify.loading"),
+			"aria-live": "polite"
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VSkeletonLoader), mergeProps({
+				loading: props.loading,
+				type: props.type,
+				color: props.color,
+				class: [unref(widthClass), unref(heightClass)]
+			}, loadingAttrs.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"loading",
+				"type",
+				"color",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/components/app-bar/app-bar.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$2 = { class: "opacity-60" };
+const _hoisted_1$3 = { class: "text-high-emphasis" };
+const _hoisted_2$1 = { class: "text-medium-emphasis" };
 //#endregion
 //#region src/components/app-bar/app-bar.vue
 var app_bar_default = /* @__PURE__ */ defineComponent({
@@ -49,6 +228,10 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 		logo: {
 			type: String,
 			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
 		}
 	}, {
 		"notificationsOpen": {
@@ -64,6 +247,7 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const notificationsOpen = useModel(__props, "notificationsOpen");
 		const navigationOpen = useModel(__props, "navigationOpen");
+		const { ariaKeyshortcuts: navigationKeyshortcuts } = useNavigationShortcutKeys();
 		const helpBtnDataTestid = computed(() => `${props.dataTestid}-help`);
 		const notificationsBtnDataTestid = computed(() => `${props.dataTestid}-notifications`);
 		const navigationBtnDataTestid = computed(() => `${props.dataTestid}-navigation`);
@@ -75,161 +259,238 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 		const showNotifications = computed(() => !!props.notifications);
 		const unreadCount = computed(() => props.notifications.filter((notification) => !notification.read).length);
 		const hasUnreadNotifications = computed(() => unreadCount.value > 0);
+		const unreadLabel = computed(() => unreadCount.value === 1 ? "1 não lida" : `${unreadCount.value} não lidas`);
+		const notificationsLabel = computed(() => hasUnreadNotifications.value ? `Notificações (${unreadLabel.value})` : "Notificações");
+		watch(() => props.loading, (loading) => {
+			if (loading) notificationsOpen.value = false;
+		});
 		const showUser = computed(() => !!props.user);
-		const userAvatarProps = computed(() => props.user.img ? { image: props.user.img } : { icon: "mdi-account-outline" });
+		const userInitials = computed(() => toInitials(props.user.title ?? ""));
+		const userAvatarProps = computed(() => {
+			if (props.user.img) return { image: props.user.img };
+			if (userInitials.value) return { text: userInitials.value };
+			return { icon: "mdi-account-outline" };
+		});
 		function isParentOption(option) {
 			return "items" in option;
 		}
-		function formatNotificationDate(date) {
-			const interval = toPeriodInterval(date);
-			if (wasThisMonth(interval)) {
-				if (wasToday(interval)) return formatDateTime(date, "HH:mm");
-				else if (wasYesterday(interval)) return "Ontem";
-			}
-			return formatDateTime(date, "DD/MM/YYYY");
-		}
-		function wasThisMonth(interval) {
-			return interval.months === 0 && interval.years === 0;
-		}
-		function wasToday(interval) {
-			return interval.days === 0;
-		}
-		function wasYesterday(interval) {
-			return interval.days === 1;
-		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VAppBar), { "data-testid": props.dataTestid }, {
-				append: withCtx(() => [
-					showHelp.value ? (openBlock(), createBlock(unref(VBtn), mergeProps({ key: 0 }, unref(routeProps), {
-						"data-testid": helpBtnDataTestid.value,
-						icon: "mdi-help-circle-outline"
-					}), null, 16, ["data-testid"])) : createCommentVNode("v-if", true),
-					showNotifications.value ? (openBlock(), createBlock(unref(VMenu), {
-						key: 1,
-						modelValue: notificationsOpen.value,
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => notificationsOpen.value = $event),
-						"close-on-content-click": false
-					}, {
-						activator: withCtx(({ props }) => [createVNode(unref(VBtn), mergeProps(props, {
-							"data-testid": notificationsBtnDataTestid.value,
-							icon: ""
-						}), {
-							default: withCtx(() => [createVNode(unref(VBadge), {
-								"model-value": hasUnreadNotifications.value,
-								content: unreadCount.value,
-								color: "error"
-							}, {
-								default: withCtx(() => [createVNode(unref(VIcon), { icon: "mdi-bell-outline" })]),
-								_: 1
-							}, 8, ["model-value", "content"])]),
-							_: 1
-						}, 16, ["data-testid"])]),
-						default: withCtx(() => [createVNode(unref(VCard), { "data-testid": notificationsMenuDataTestid.value }, {
-							default: withCtx(() => [props.notifications?.length ? (openBlock(), createBlock(unref(VList), { key: 0 }, {
-								default: withCtx(() => [createVNode(unref(VListSubheader), null, {
-									default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Notificações", -1)])]),
+			return openBlock(), createBlock(unref(VAppBar), {
+				"data-testid": props.dataTestid,
+				"aria-busy": props.loading || void 0
+			}, {
+				append: withCtx(() => [createVNode(skeleton_loader_default, {
+					loading: props.loading,
+					type: "avatar"
+				}, {
+					default: withCtx(() => [
+						showHelp.value ? (openBlock(), createBlock(unref(VBtn), mergeProps({ key: 0 }, unref(routeProps), {
+							"data-testid": helpBtnDataTestid.value,
+							"aria-label": "Ajuda",
+							icon: "mdi-help-circle-outline"
+						}), null, 16, ["data-testid"])) : createCommentVNode("v-if", true),
+						showNotifications.value ? (openBlock(), createBlock(unref(VMenu), {
+							key: 1,
+							modelValue: notificationsOpen.value,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => notificationsOpen.value = $event),
+							"close-on-content-click": false
+						}, {
+							activator: withCtx(({ props }) => [createVNode(unref(VBtn), mergeProps(props, {
+								"data-testid": notificationsBtnDataTestid.value,
+								"aria-label": notificationsLabel.value,
+								icon: ""
+							}), {
+								default: withCtx(() => [createVNode(unref(VBadge), {
+									"model-value": hasUnreadNotifications.value,
+									content: unreadCount.value,
+									label: unreadLabel.value,
+									color: "error"
+								}, {
+									default: withCtx(() => [createVNode(unref(VIcon), { icon: "mdi-bell-outline" })]),
 									_: 1
-								}), (openBlock(true), createElementBlock(Fragment, null, renderList(props.notifications, (notification, index) => {
-									return openBlock(), createBlock(unref(VListItem), {
-										key: index,
-										active: !notification.read,
-										title: notification.title,
-										subtitle: notification.subtitle,
-										"active-class": "text-primary"
-									}, createSlots({ _: 2 }, [notification.date ? {
-										name: "append",
-										fn: withCtx(() => [createVNode(unref(VListItemAction), { end: "" }, {
-											default: withCtx(() => [createElementVNode("small", _hoisted_1$2, toDisplayString(formatNotificationDate(notification.date)), 1)]),
-											_: 2
-										}, 1024)]),
-										key: "0"
-									} : void 0]), 1032, [
-										"active",
-										"title",
-										"subtitle"
-									]);
-								}), 128))]),
+								}, 8, [
+									"model-value",
+									"content",
+									"label"
+								])]),
 								_: 1
-							})) : (openBlock(), createBlock(unref(VCardText), { key: 1 }, {
-								default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Nenhuma notificação", -1)])]),
+							}, 16, ["data-testid", "aria-label"])]),
+							default: withCtx(() => [createVNode(unref(VCard), { "data-testid": notificationsMenuDataTestid.value }, {
+								default: withCtx(() => [props.notifications?.length ? (openBlock(), createBlock(unref(VList), { key: 0 }, {
+									default: withCtx(() => [createVNode(unref(VListSubheader), null, {
+										default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Notificações", -1)])]),
+										_: 1
+									}), (openBlock(true), createElementBlock(Fragment, null, renderList(props.notifications, (notification, index) => {
+										return openBlock(), createBlock(unref(VListItem), {
+											key: index,
+											active: !notification.read,
+											title: notification.title,
+											subtitle: notification.subtitle,
+											"active-class": "text-primary-text"
+										}, createSlots({
+											subtitle: withCtx(({ subtitle }) => [createElementVNode("span", _hoisted_1$3, toDisplayString(subtitle), 1)]),
+											_: 2
+										}, [notification.when ? {
+											name: "append",
+											fn: withCtx(() => [createVNode(unref(VListItemAction), { end: "" }, {
+												default: withCtx(() => [createCommentVNode(" No prop sets the secondary text color, which follows the theme's contrast "), createElementVNode("small", _hoisted_2$1, toDisplayString(notification.when), 1)]),
+												_: 2
+											}, 1024)]),
+											key: "0"
+										} : void 0]), 1032, [
+											"active",
+											"title",
+											"subtitle"
+										]);
+									}), 128))]),
+									_: 1
+								})) : (openBlock(), createBlock(unref(VCardText), { key: 1 }, {
+									default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Nenhuma notificação", -1)])]),
+									_: 1
+								}))]),
 								_: 1
-							}))]),
+							}, 8, ["data-testid"])]),
 							_: 1
-						}, 8, ["data-testid"])]),
-						_: 1
-					}, 8, ["modelValue"])) : createCommentVNode("v-if", true),
-					showUser.value ? (openBlock(), createBlock(unref(VMenu), {
-						key: 2,
-						"close-on-content-click": false
-					}, {
-						activator: withCtx(({ props }) => [createVNode(unref(VBtn), mergeProps(props, {
-							"data-testid": userBtnDataTestid.value,
-							icon: ""
-						}), {
-							default: withCtx(() => [createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, { color: "primary" }), null, 16)]),
-							_: 1
-						}, 16, ["data-testid"])]),
-						default: withCtx(() => [createVNode(unref(VCard), {
-							title: __props.user?.title,
-							subtitle: __props.user?.subtitle,
-							"data-testid": userMenuDataTestid.value
+						}, 8, ["modelValue"])) : createCommentVNode("v-if", true),
+						showUser.value ? (openBlock(), createBlock(unref(VMenu), {
+							key: 2,
+							"close-on-content-click": false
 						}, {
-							prepend: withCtx(() => [createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, { color: "primary" }), null, 16)]),
-							default: withCtx(() => [createVNode(unref(VDivider)), createVNode(unref(VList), { nav: "" }, {
-								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.user?.options, (option, index) => {
-									return openBlock(), createElementBlock(Fragment, { key: index }, [index > 0 ? (openBlock(), createBlock(unref(VDivider), {
-										key: 0,
-										class: "mt-1"
-									})) : createCommentVNode("v-if", true), isParentOption(option) ? (openBlock(), createBlock(unref(VListGroup), { key: 1 }, {
-										activator: withCtx(({ props }) => [createVNode(unref(VListItem), mergeProps({ ref_for: true }, props, { title: option.description }), null, 16, ["title"])]),
-										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(option.items, (childOption, index) => {
-											return openBlock(), createBlock(unref(VListItem), mergeProps({ key: index }, { ref_for: true }, unref(routeToProps)(childOption.route), {
-												title: childOption.description,
-												onClick: childOption.action
-											}), null, 16, ["title", "onClick"]);
-										}), 128))]),
-										_: 2
-									}, 1024)) : (openBlock(), createBlock(unref(VListItem), mergeProps({
-										key: 2,
-										title: option.description
-									}, { ref_for: true }, unref(routeToProps)(option.route), { onClick: option.action }), null, 16, ["title", "onClick"]))], 64);
-								}), 128))]),
+							activator: withCtx(({ props }) => [createVNode(unref(VBtn), mergeProps(props, {
+								"data-testid": userBtnDataTestid.value,
+								"aria-label": "Menu do usuário",
+								icon: ""
+							}), {
+								default: withCtx(() => [createCommentVNode(" Decorative: the button already has an accessible name "), createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, {
+									color: "primary",
+									"aria-hidden": "true"
+								}), null, 16)]),
+								_: 1
+							}, 16, ["data-testid"])]),
+							default: withCtx(() => [createVNode(unref(VCard), {
+								title: __props.user?.title,
+								subtitle: __props.user?.subtitle,
+								"data-testid": userMenuDataTestid.value
+							}, {
+								prepend: withCtx(() => [createCommentVNode(" Decorative: the user's name, when given, is already the card's title "), createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, {
+									color: "primary",
+									"aria-hidden": "true"
+								}), null, 16)]),
+								default: withCtx(() => [createVNode(unref(VDivider)), createVNode(unref(VList), {
+									nav: "",
+									role: "group"
+								}, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.user?.options, (option, index) => {
+										return openBlock(), createElementBlock(Fragment, { key: index }, [index > 0 ? (openBlock(), createBlock(unref(VDivider), {
+											key: 0,
+											class: "mt-1"
+										})) : createCommentVNode("v-if", true), isParentOption(option) ? (openBlock(), createBlock(unref(VListGroup), { key: 1 }, {
+											activator: withCtx(({ props, isOpen }) => [createVNode(unref(VListItem), mergeProps({ ref_for: true }, props, {
+												title: option.description,
+												"aria-expanded": isOpen,
+												role: void 0,
+												tag: "button",
+												type: "button"
+											}), null, 16, ["title", "aria-expanded"])]),
+											default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(option.items, (childOption, index) => {
+												return openBlock(), createBlock(unref(VListItem), mergeProps({ key: index }, { ref_for: true }, unref(routeToListItemProps)(childOption.route), {
+													title: childOption.description,
+													onClick: childOption.action
+												}), null, 16, ["title", "onClick"]);
+											}), 128))]),
+											_: 2
+										}, 1024)) : (openBlock(), createBlock(unref(VListItem), mergeProps({
+											key: 2,
+											title: option.description
+										}, { ref_for: true }, unref(routeToListItemProps)(option.route), { onClick: option.action }), null, 16, ["title", "onClick"]))], 64);
+									}), 128))]),
+									_: 1
+								})]),
 								_: 1
-							})]),
+							}, 8, [
+								"title",
+								"subtitle",
+								"data-testid"
+							])]),
 							_: 1
-						}, 8, [
-							"title",
-							"subtitle",
-							"data-testid"
-						])]),
-						_: 1
-					})) : createCommentVNode("v-if", true)
-				]),
+						})) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				}, 8, ["loading"])]),
 				default: withCtx(() => [
 					__props.navigation ? (openBlock(), createBlock(unref(VAppBarNavIcon), {
 						key: 0,
 						"data-testid": navigationBtnDataTestid.value,
+						"aria-expanded": navigationOpen.value,
+						"aria-label": "Menu de navegação",
+						"aria-keyshortcuts": unref(navigationKeyshortcuts),
 						onClick: _cache[0] || (_cache[0] = ($event) => navigationOpen.value = !navigationOpen.value)
-					}, null, 8, ["data-testid"])) : createCommentVNode("v-if", true),
+					}, null, 8, [
+						"data-testid",
+						"aria-expanded",
+						"aria-keyshortcuts"
+					])) : createCommentVNode("v-if", true),
 					__props.logo ? (openBlock(), createBlock(unref(VImg), {
 						key: 1,
 						src: props.logo,
+						alt: "",
 						height: "100%",
 						width: "fit-content",
 						class: "py-2 ml-5 mr-n3",
 						cover: ""
 					}, null, 8, ["src"])) : createCommentVNode("v-if", true),
-					props.title ? (openBlock(), createBlock(unref(VAppBarTitle), { key: 2 }, {
+					props.title ? (openBlock(), createBlock(unref(VAppBarTitle), {
+						key: 2,
+						role: "heading",
+						"aria-level": "1"
+					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
 						_: 1
 					})) : createCommentVNode("v-if", true)
 				]),
 				_: 1
-			}, 8, ["data-testid"]);
+			}, 8, ["data-testid", "aria-busy"]);
 		};
 	}
 });
 //#endregion
+//#region src/consts/icons.ts
+/**
+* Icon font class of each icon available to the components that accept one (e.g. `UIconButton`
+* and the items of the navigation menu), by its name, in the order the "Ícones" guide page lists
+* them. A name ending in `-alternative` is an alternative version of the same drawing (currently,
+* outlined).
+*
+* To add an icon, add it here and to the list on the "Ícones" guide page (`docs/guide/icons.md`).
+*/
+const icons = {
+	home: "mdi-home",
+	"home-alternative": "mdi-home-outline",
+	account: "mdi-account",
+	"account-alternative": "mdi-account-outline",
+	"account-group": "mdi-account-group",
+	"account-group-alternative": "mdi-account-group-outline",
+	calendar: "mdi-calendar",
+	"calendar-alternative": "mdi-calendar-outline",
+	"clipboard-text": "mdi-clipboard-text",
+	"clipboard-text-alternative": "mdi-clipboard-text-outline",
+	"file-document": "mdi-file-document",
+	"file-document-alternative": "mdi-file-document-outline",
+	flask: "mdi-flask",
+	"flask-alternative": "mdi-flask-outline",
+	folder: "mdi-folder",
+	"folder-alternative": "mdi-folder-outline",
+	"chart-box": "mdi-chart-box",
+	"chart-box-alternative": "mdi-chart-box-outline",
+	wallet: "mdi-wallet",
+	"wallet-alternative": "mdi-wallet-outline",
+	cog: "mdi-cog",
+	"cog-alternative": "mdi-cog-outline",
+	stethoscope: "mdi-stethoscope",
+	pill: "mdi-pill",
+	hospital: "mdi-hospital-building"
+};
+//#endregion
 //#region src/composables/inputs/rules.ts
 function required(value) {
 	return !isEmpty(value) || "Campo obrigatório";
@@ -244,7 +505,23 @@ function url(value) {
 	return isEmpty(value) || isUrl(value) || "URL inválida";
 }
 //#endregion
-//#region src/composables/inputs/use-rules.ts
+//#region src/composables/inputs/fields.ts
+const textFieldVariantToVuetifyVariant = {
+	primary: "underlined",
+	secondary: "outlined"
+};
+function useTextFieldVariant(variant) {
+	return computed(() => {
+		const variantValue = toValue(variant);
+		return textFieldVariantToVuetifyVariant[variantValue];
+	});
+}
+function createRequiredRule(required, isPresent) {
+	return (value) => {
+		if (!required) return true;
+		return isPresent(value) || "Campo obrigatório";
+	};
+}
 function useRules(options) {
 	return computed(() => {
 		const rules = [];
@@ -254,10 +531,6 @@ function useRules(options) {
 }
 //#endregion
 //#region src/composables/inputs/text-field.ts
-const textFieldVariantToVuetifyVariant = {
-	primary: "underlined",
-	secondary: "outlined"
-};
 const textFieldTypeToVuetifyType = {
 	text: "text",
 	phone: "tel",
@@ -271,18 +544,55 @@ const textFieldTypeToVuetifyRule = {
 	email,
 	url
 };
-function useTextFieldVariant(variant) {
-	return computed(() => {
-		const variantValue = toValue(variant);
-		return textFieldVariantToVuetifyVariant[variantValue];
-	});
-}
-function useTextFieldType(type) {
+/**
+* Maps the field type to the input type, showing as plain text a password
+* the user chose to make visible.
+*/
+function useTextFieldType(type, isPasswordVisible) {
 	return computed(() => {
 		const typeValue = toValue(type);
+		if (typeValue === "password" && toValue(isPasswordVisible)) return "text";
 		return textFieldTypeToVuetifyType[typeValue];
 	});
 }
+/**
+* Controls the icon at the end of the field: a decorative magnifier on
+* `search`, and the toggle that shows or hides the value on `password`. The
+* toggle works with click, `Enter` and `Space`, does nothing while disabled,
+* and the password hides again whenever the type stops being `password`.
+*/
+function useTextFieldAppendIcon(type, disabled) {
+	const isPasswordField = computed(() => toValue(type) === "password");
+	const isPasswordVisible = ref(false);
+	watch(isPasswordField, () => {
+		isPasswordVisible.value = false;
+	});
+	function toggle() {
+		if (toValue(disabled)) return;
+		isPasswordVisible.value = !isPasswordVisible.value;
+	}
+	function onKeydown(event) {
+		if (event.key !== "Enter" && event.key !== " ") return;
+		event.preventDefault();
+		event.stopPropagation();
+		toggle();
+	}
+	const iconProps = computed(() => {
+		if (toValue(type) === "search") return { icon: "mdi-magnify" };
+		if (!isPasswordField.value) return void 0;
+		return {
+			icon: isPasswordVisible.value ? "mdi-eye-off" : "mdi-eye",
+			"aria-label": "Mostrar senha",
+			"aria-pressed": isPasswordVisible.value,
+			onClick: toggle,
+			onKeydown
+		};
+	});
+	return {
+		isPasswordVisible: readonly(isPasswordVisible),
+		iconProps
+	};
+}
 function useTextFieldRules(props) {
 	const defaultRules = useRules(props);
 	return computed(() => {
@@ -296,6 +606,34 @@ function associatedRuleType(type) {
 	return type in textFieldTypeToVuetifyRule;
 }
 //#endregion
+//#region src/components/inputs/field-loader.vue
+var field_loader_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "field-loader",
+	props: {
+		color: {
+			type: String,
+			required: false
+		},
+		isActive: {
+			type: Boolean,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VProgressLinear), {
+				active: props.isActive,
+				color: props.color,
+				height: "2",
+				indeterminate: "",
+				"aria-hidden": "true"
+			}, null, 8, ["active", "color"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/inputs/text-field/text-field.vue
 var text_field_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
@@ -360,11 +698,10 @@ var text_field_default = /* @__PURE__ */ defineComponent({
 		const modelValue = useModel(__props, "modelValue");
 		const props = __props;
 		const vuetifyVariant = useTextFieldVariant(() => props.variant);
-		const vuetifyType = useTextFieldType(() => props.type);
+		const { isPasswordVisible, iconProps: appendIconProps } = useTextFieldAppendIcon(() => props.type, () => props.disabled);
+		const vuetifyType = useTextFieldType(() => props.type, isPasswordVisible);
 		const rules = useTextFieldRules(props);
-		const isSearchField = computed(() => props.type === "search");
-		const computedClearable = computed(() => props.clearable ?? isSearchField.value);
-		const appendIcon = computed(() => isSearchField.value ? "mdi-magnify" : void 0);
+		const computedClearable = computed(() => props.clearable ?? props.type === "search");
 		function clear() {
 			modelValue.value = "";
 		}
@@ -374,26 +711,33 @@ var text_field_default = /* @__PURE__ */ defineComponent({
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
 				variant: unref(vuetifyVariant),
 				type: unref(vuetifyType),
-				"append-inner-icon": appendIcon.value,
 				rules: unref(rules),
 				"data-testid": props.dataTestid,
 				disabled: props.disabled,
 				loading: props.loading,
+				"aria-busy": props.loading || void 0,
 				readonly: props.readonly,
 				label: props.label,
 				placeholder: props.placeholder,
 				hint: props.hint,
 				clearable: computedClearable.value,
 				"onClick:clear": clear
-			}, null, 8, [
+			}, createSlots({
+				loader: withCtx((loader) => [createVNode(field_loader_default, normalizeProps(guardReactiveProps(loader)), null, 16)]),
+				_: 2
+			}, [unref(appendIconProps) ? {
+				name: "append-inner",
+				fn: withCtx(() => [createVNode(unref(VIcon), mergeProps(unref(appendIconProps), { disabled: props.disabled }), null, 16, ["disabled"])]),
+				key: "0"
+			} : void 0]), 1032, [
 				"modelValue",
 				"variant",
 				"type",
-				"append-inner-icon",
 				"rules",
 				"data-testid",
 				"disabled",
 				"loading",
+				"aria-busy",
 				"readonly",
 				"label",
 				"placeholder",
@@ -405,7 +749,7 @@ var text_field_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/navigation-menu/navigation-menu.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$1 = { class: "px-4 pt-2" };
+const _hoisted_1$2 = { class: "px-4 pt-2" };
 //#endregion
 //#region src/components/navigation-menu/navigation-menu.vue
 var navigation_menu_default = /* @__PURE__ */ defineComponent({
@@ -419,6 +763,10 @@ var navigation_menu_default = /* @__PURE__ */ defineComponent({
 		items: {
 			type: Array,
 			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
 		}
 	}, {
 		"modelValue": {
@@ -432,6 +780,10 @@ var navigation_menu_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const open = useModel(__props, "modelValue");
 		const search = ref("");
+		const { label: shortcutLabel, close } = useNavigationSearchShortcut({
+			open,
+			field: useTemplateRef("searchField")
+		});
 		const filteredItems = computed(() => filterItems());
 		const searchDataTestid = computed(() => `${props.dataTestid}-search`);
 		const query = computed(() => search.value.toLowerCase());
@@ -458,37 +810,112 @@ var navigation_menu_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(unref(VNavigationDrawer), {
 				modelValue: open.value,
 				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+				color: "primary",
 				"data-testid": props.dataTestid,
+				"aria-busy": props.loading || void 0,
 				absolute: "",
-				temporary: ""
+				temporary: "",
+				onKeydown: withKeys(unref(close), ["esc"])
 			}, {
-				prepend: withCtx(() => [createElementVNode("div", _hoisted_1$1, [createVNode(text_field_default, {
+				prepend: withCtx(() => [createElementVNode("div", _hoisted_1$2, [createVNode(text_field_default, {
+					ref: "searchField",
 					modelValue: search.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
 					type: "search",
-					label: "Buscar",
-					"data-testid": searchDataTestid.value
-				}, null, 8, ["modelValue", "data-testid"])])]),
-				default: withCtx(() => [createVNode(unref(VDivider)), createVNode(unref(VList), { nav: "" }, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredItems.value, (item, index) => {
-						return openBlock(), createElementBlock(Fragment, { key: index }, [isParentItem(item) ? (openBlock(), createBlock(unref(VListGroup), { key: 0 }, {
-							activator: withCtx(({ props: activatorProps }) => [createVNode(unref(VListItem), mergeProps({ ref_for: true }, activatorProps, { title: item.description }), null, 16, ["title"])]),
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (childItem, childIndex) => {
-								return openBlock(), createBlock(unref(VListItem), mergeProps({ key: childIndex }, { ref_for: true }, unref(routeToProps)(childItem.route), {
-									title: childItem.description,
-									onClick: childItem.action
-								}), null, 16, ["title", "onClick"]);
-							}), 128))]),
-							_: 2
-						}, 1024)) : (openBlock(), createBlock(unref(VListItem), mergeProps({
-							key: 1,
-							title: item.description
-						}, { ref_for: true }, unref(routeToProps)(item.route), { onClick: item.action }), null, 16, ["title", "onClick"]))], 64);
-					}), 128))]),
+					placeholder: `Buscar (${unref(shortcutLabel)})`,
+					"data-testid": searchDataTestid.value,
+					disabled: props.loading
+				}, null, 8, [
+					"modelValue",
+					"placeholder",
+					"data-testid",
+					"disabled"
+				])])]),
+				default: withCtx(() => [createVNode(unref(VDivider)), createVNode(skeleton_loader_default, {
+					loading: props.loading,
+					type: "list-item@6",
+					color: "primary"
+				}, {
+					default: withCtx(() => [createCommentVNode(" Vuetify's `list` role only allows list items, but the items are links "), createVNode(unref(VList), {
+						nav: "",
+						role: "group"
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredItems.value, (item, index) => {
+							return openBlock(), createElementBlock(Fragment, { key: index }, [isParentItem(item) ? (openBlock(), createBlock(unref(VListGroup), { key: 0 }, {
+								activator: withCtx(({ props: activatorProps, isOpen }) => [createVNode(unref(VListItem), mergeProps({ ref_for: true }, activatorProps, {
+									title: item.description,
+									"prepend-icon": item.icon && unref(icons)[item.icon],
+									"aria-expanded": isOpen,
+									role: void 0,
+									tag: "button",
+									type: "button"
+								}), null, 16, [
+									"title",
+									"prepend-icon",
+									"aria-expanded"
+								])]),
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (childItem, childIndex) => {
+									return openBlock(), createBlock(unref(VListItem), mergeProps({ key: childIndex }, { ref_for: true }, unref(routeToListItemProps)(childItem.route), {
+										title: childItem.description,
+										"prepend-icon": childItem.icon && unref(icons)[childItem.icon],
+										onClick: childItem.action
+									}), null, 16, [
+										"title",
+										"prepend-icon",
+										"onClick"
+									]);
+								}), 128))]),
+								_: 2
+							}, 1024)) : (openBlock(), createBlock(unref(VListItem), mergeProps({
+								key: 1,
+								title: item.description,
+								"prepend-icon": item.icon && unref(icons)[item.icon]
+							}, { ref_for: true }, unref(routeToListItemProps)(item.route), { onClick: item.action }), null, 16, [
+								"title",
+								"prepend-icon",
+								"onClick"
+							]))], 64);
+						}), 128))]),
+						_: 1
+					})]),
 					_: 1
-				})]),
+				}, 8, ["loading"])]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"data-testid",
+				"aria-busy",
+				"onKeydown"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/footer/footer.vue
+var footer_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "footer",
+	props: {
+		description: {
+			type: String,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VFooter), {
+				"data-testid": props.dataTestid,
+				class: "justify-center text-center",
+				app: ""
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(props.description), 1)]),
 				_: 1
-			}, 8, ["modelValue", "data-testid"]);
+			}, 8, ["data-testid"]);
 		};
 	}
 });
@@ -497,33 +924,67 @@ var navigation_menu_default = /* @__PURE__ */ defineComponent({
 var container_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "container",
-	props: { dataTestid: {
-		type: String,
-		required: false
-	} },
+	props: {
+		fullHeight: {
+			type: Boolean,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
 	setup(__props) {
 		const props = __props;
+		const heightClass = useFullHeight(() => props.fullHeight);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(VContainer), {
+				class: normalizeClass(unref(heightClass)),
 				"data-testid": props.dataTestid,
 				fluid: ""
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["data-testid"]);
+			}, 8, ["class", "data-testid"]);
 		};
 	}
 });
 //#endregion
+//#region src/composables/dialogs/use-decorative-timer.ts
+/**
+* Content props that hide a snackbar's timer bar from assistive technologies,
+* keeping it only as a visual countdown, since the message itself is already
+* announced by the snackbar's live region.
+*
+* Workaround until Vuetify offers an option for it: the timer bar is a
+* `VProgressLinear` that always renders `role="progressbar"` with
+* `aria-hidden="false"` and no accessible name, and neither `VSnackbar` nor
+* Vuetify's defaults can set attributes on it. So these vnode hooks mark the
+* bar after every render of the snackbar content, which also covers the bar
+* recreated when the pointer leaves the snackbar. Vue doesn't patch the
+* attribute back, since Vuetify keeps rendering the same `"false"` value.
+*/
+function useDecorativeTimer() {
+	return {
+		onVnodeMounted: hideTimer,
+		onVnodeUpdated: hideTimer
+	};
+}
+function hideTimer({ el }) {
+	el?.querySelector(".v-snackbar__timer [role='progressbar']")?.setAttribute("aria-hidden", "true");
+}
+//#endregion
 //#region src/components/dialogs/toast.vue
 var toast_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "toast",
 	setup(__props) {
+		const decorativeTimer = useDecorativeTimer();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(VSnackbarQueue), {
 				modelValue: unref(messages),
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(messages) ? messages.value = $event : null),
+				"content-props": unref(decorativeTimer),
 				"display-strategy": "overflow",
 				location: "top end",
 				"total-visible": "3",
@@ -538,111 +999,960 @@ var toast_default = /* @__PURE__ */ defineComponent({
 					variant: "text"
 				}), null, 16)]),
 				_: 1
-			}, 8, ["modelValue"]);
+			}, 8, ["modelValue", "content-props"]);
 		};
 	}
 });
 //#endregion
-//#region src/components/main/main.vue
-var main_default = /* @__PURE__ */ defineComponent({
+//#region src/composables/colors/use-vuetify-text-color.ts
+/**
+* Maps a color to the theme color to use when it's the text color, e.g. in a ghost button, so it
+* keeps WCAG AA's contrast on the surface and background.
+*/
+function useVuetifyTextColor(color) {
+	return computed(() => colorToVuetifyTextColor[toValue(color) ?? "primary"]);
+}
+//#endregion
+//#region src/composables/button/button.ts
+const buttonVariantToVuetifyVariant = {
+	primary: "elevated",
+	secondary: "outlined",
+	ghost: "text"
+};
+function useButtonVariant(variant) {
+	return computed(() => {
+		const variantValue = toValue(variant);
+		return variantValue ? buttonVariantToVuetifyVariant[variantValue] : buttonVariantToVuetifyVariant.primary;
+	});
+}
+/**
+* The route the button navigates to, or `undefined` while it's blocked, so a `disabled` or
+* `loading` button is rendered as a disabled `<button>` instead of a link that the keyboard,
+* assistive technologies or `element.click()` could still follow.
+*/
+function useButtonRoute(route, blocked) {
+	return computed(() => toValue(blocked) ? void 0 : toValue(route));
+}
+/**
+* The button's `type`. It doesn't apply to a button with a `route`, which is `undefined` while
+* rendered as a link, and `"button"` while blocked, so the disabled `<button>` it's rendered as
+* isn't a submit button.
+*/
+function useButtonType(type, route, blocked) {
+	return computed(() => {
+		if (!toValue(route)) return toValue(type) ?? "button";
+		return toValue(blocked) ? "button" : void 0;
+	});
+}
+/**
+* Maps the button's color to Vuetify's. Secondary (outlined) and ghost buttons have no fill, so
+* their color is the text's, which takes the color's text shade to keep WCAG AA's contrast.
+*/
+function useButtonColor(color, variant) {
+	const fillColor = useVuetifyColor(color);
+	const textColor = useVuetifyTextColor(color);
+	return computed(() => {
+		return toValue(variant) === "secondary" || toValue(variant) === "ghost" ? textColor.value : fillColor.value;
+	});
+}
+/**
+* The button's `form`, or `undefined` when it has a `route`, even while blocked, since `form`
+* doesn't apply to it.
+*/
+function useButtonForm(form, route) {
+	return computed(() => toValue(route) ? void 0 : toValue(form));
+}
+//#endregion
+//#region src/components/button/button.vue
+var button_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
-	__name: "main",
-	props: /*@__PURE__*/ mergeModels({
-		dataTestid: {
+	__name: "button",
+	props: {
+		variant: {
 			type: String,
 			required: false
 		},
-		logo: {
+		type: {
 			type: String,
 			required: false
 		},
-		appBar: {
-			type: Object,
+		color: {
+			type: String,
 			required: false
 		},
-		navigationMenu: {
-			type: Object,
+		disabled: {
+			type: Boolean,
 			required: false
-		}
-	}, {
-		"notificationsOpen": {
+		},
+		loading: {
 			type: Boolean,
-			default: false
+			required: false
 		},
-		"notificationsOpenModifiers": {}
-	}),
-	emits: ["update:notificationsOpen"],
-	setup(__props) {
-		const props = __props;
-		const appBarProps = computed(() => props.appBar ? {
-			...props.appBar,
-			logo: props.logo,
-			navigation: props.navigationMenu !== void 0
-		} : void 0);
-		const notificationsOpen = useModel(__props, "notificationsOpen");
+		fullWidth: {
+			type: Boolean,
+			required: false
+		},
+		form: {
+			type: String,
+			required: false
+		},
+		route: {
+			type: null,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const variant = useButtonVariant(() => props.variant);
+		const color = useButtonColor(() => props.color, () => props.variant);
+		const widthClass = useFullWidth(() => props.fullWidth);
+		const isDisabled = computed(() => props.disabled || props.loading);
+		const routeProps = useRouteProps(useButtonRoute(() => props.route, isDisabled));
+		const type = useButtonType(() => props.type, () => props.route, isDisabled);
+		const form = useButtonForm(() => props.form, () => props.route);
+		function onClick(event) {
+			emit("click", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VBtn), mergeProps({
+				disabled: isDisabled.value,
+				loading: props.loading,
+				"data-testid": props.dataTestid,
+				variant: unref(variant),
+				color: unref(color),
+				type: unref(type),
+				form: unref(form),
+				class: unref(widthClass)
+			}, unref(routeProps), {
+				active: false,
+				onClick
+			}), {
+				loader: withCtx(() => [createVNode(unref(VProgressCircular), {
+					indeterminate: "",
+					width: "2",
+					"aria-hidden": "true"
+				})]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"disabled",
+				"loading",
+				"data-testid",
+				"variant",
+				"color",
+				"type",
+				"form",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/dialogs/dialog/dialog-host-key.ts
+/**
+* Injection key of {@link DialogHostContext}, provided by the internal `DialogHost`. Besides the
+* role, the blocking while an action runs and the end of the leave transitions, it makes the
+* dialog's content describe the dialog (`aria-describedby`), since `DialogHost` only displays text
+* messages. Not part of the public API.
+*/
+const dialogHostKey = Symbol("dialog-host");
+//#endregion
+//#region src/composables/dialogs/use-dialog-focus.ts
+/** Focus state of the closed dialogs, by their card, for the dialogs opened from them. */
+const closedDialogs = /* @__PURE__ */ new WeakMap();
+/** Elements that can get the focus when the dialog opens. The first one in the dialog gets it. */
+const focusable = [
+	"button:not([disabled])",
+	"[href]",
+	"input:not([disabled]):not([type=\"hidden\"])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(", ");
+/**
+* Moves the focus into a dialog once it opens and back to where it was when it closes, including
+* when dialogs are opened from others. Internal to the dialog components.
+* @param isActive - Whether the dialog is displayed. It turns `false` as soon as the dialog starts
+* leaving, so the focus returns right away.
+* @param card - The dialog's card, marked with `data-u-dialog`, or nothing while it isn't rendered.
+* @returns `focusFirstElement`, to call once the dialog finishes entering.
+*/
+function useDialogFocus(isActive, card) {
+	/** Focus state of this dialog, shared with the dialogs opened from it. */
+	const focusState = {
+		isOpen: () => toValue(isActive),
+		origin: null
+	};
+	onMounted(() => onActiveChange(toValue(isActive)));
+	watch(() => toValue(isActive), onActiveChange);
+	function onActiveChange(active) {
+		if (active) {
+			focusState.origin = document.activeElement;
+			return;
+		}
+		const element = toValue(card);
+		if (element) closedDialogs.set(element, focusState);
+		const target = findFocusTarget(focusState.origin);
+		if (hasFocus(element) && (target instanceof HTMLElement || target instanceof SVGElement)) target.focus();
+	}
+	function focusFirstElement() {
+		toValue(card)?.querySelector(focusable)?.focus();
+	}
+	return { focusFirstElement };
+}
+/**
+* Element that gets the focus back when a dialog closes: its origin or, when the origin is inside
+* another dialog that closed meanwhile (and can't get the focus anymore), that dialog's.
+*/
+function findFocusTarget(origin) {
+	const card = origin?.closest("[data-u-dialog]");
+	const owner = card && closedDialogs.get(card);
+	return owner && !owner.isOpen() ? findFocusTarget(owner.origin) : origin;
+}
+/**
+* Whether the focus is on the dialog or lost (on nothing or on the page's body), so it can move.
+* Otherwise it moved elsewhere, e.g. to another dialog opened over this one.
+*/
+function hasFocus(card) {
+	const active = document.activeElement;
+	if (!active) return true;
+	return !!card && (card.contains(active) || active.contains(card));
+}
+//#endregion
+//#region src/composables/dialogs/use-dialog-loading.ts
+/**
+* Tells whether any action of a dialog is loading, during which the user can't close it with
+* `Esc`, a click outside or the browser's back button. Internal to the dialog components.
+* @param actions - The dialog's actions, if any.
+* @returns `isLoading`, which is `true` while at least one action is `loading`.
+*/
+function useDialogLoading(actions) {
+	return { isLoading: computed(() => toValue(actions)?.some((action) => action.loading) ?? false) };
+}
+//#endregion
+//#region src/components/dialogs/dialog/dialog.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = ["id"];
+//#endregion
+//#region src/components/dialogs/dialog/dialog.vue
+var dialog_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "dialog",
+	props: /*@__PURE__*/ mergeModels({
+		title: {
+			type: String,
+			required: false
+		},
+		actions: {
+			type: Array,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const maxWidths = {
+			small: 400,
+			medium: 560,
+			large: 800
+		};
+		const host = inject(dialogHostKey, null);
+		const contentId = useId();
+		const card = useTemplateRef("card");
+		const title = computed(() => props.title || void 0);
+		const maxWidth = computed(() => maxWidths[props.size ?? "medium"]);
+		const role = computed(() => host?.role() ?? "dialog");
+		/**
+		* Whether the dialog is displayed. It follows `v-model`, but turns `false` as soon as the user
+		* closes the dialog, while `v-model` only does once the leave transition ends.
+		*/
+		const isActive = ref(model.value);
+		watch(model, (value) => isActive.value = value);
+		const { isLoading } = useDialogLoading(() => props.actions);
+		const { focusFirstElement } = useDialogFocus(() => isActive.value, () => card.value?.$el);
+		function onAfterLeave() {
+			model.value = false;
+			host?.afterLeave();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VDialog), {
+				modelValue: isActive.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isActive.value = $event),
+				persistent: unref(isLoading),
+				"max-width": maxWidth.value,
+				role: role.value,
+				"aria-label": title.value,
+				"aria-labelledby": title.value ? void 0 : unref(contentId),
+				"aria-describedby": unref(host) ? unref(contentId) : void 0,
+				"data-testid": props.dataTestid,
+				scrollable: "",
+				onAfterEnter: unref(focusFirstElement),
+				onAfterLeave
+			}, {
+				default: withCtx(() => [createCommentVNode(" `data-u-dialog` identifies the card to the dialogs opened from this one "), createVNode(unref(VCard), {
+					ref_key: "card",
+					ref: card,
+					title: title.value,
+					"data-u-dialog": ""
+				}, createSlots({
+					text: withCtx(() => [createElementVNode("div", { id: unref(contentId) }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$1)]),
+					_: 2
+				}, [props.actions?.length ? {
+					name: "actions",
+					fn: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.actions, ({ label, onClick, ...action }, index) => {
+						return openBlock(), createBlock(button_default, mergeProps({ key: index }, { ref_for: true }, action, { onClick }), {
+							default: withCtx(() => [createTextVNode(toDisplayString(label), 1)]),
+							_: 2
+						}, 1040, ["onClick"]);
+					}), 128))]),
+					key: "0"
+				} : void 0]), 1032, ["title"])]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"persistent",
+				"max-width",
+				"role",
+				"aria-label",
+				"aria-labelledby",
+				"aria-describedby",
+				"data-testid",
+				"onAfterEnter"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/dialogs/dialog-host.vue
+var dialog_host_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "dialog-host",
+	setup(__props) {
+		const owner = Symbol("dialog");
+		const isOwner = computed(() => owners$1.value[0] === owner);
+		const next = computed(() => isOwner.value ? requests.value[0] : void 0);
+		/** Dialog on display, kept until its leave transition ends. */
+		const request = shallowRef();
+		/**
+		* Changes for every dialog on display, so each one gets its own `Dialog`, open from the start.
+		* The next dialog can then open right after a dismissed one, whose `v-model` stays `true`.
+		*/
+		const key = shallowRef();
+		const isOpen = ref(false);
+		const selected = shallowRef();
+		const isRunning = computed(() => selected.value !== void 0);
+		const actions = computed(() => {
+			const current = request.value;
+			if (!current) return void 0;
+			return current.actions.map((action) => ({
+				label: action.text,
+				variant: action.variant,
+				color: action.color,
+				loading: selected.value === action,
+				disabled: isRunning.value && selected.value !== action,
+				onClick: () => void select(current, action)
+			}));
+		});
+		provide(dialogHostKey, {
+			role: () => request.value?.role,
+			afterLeave: showNext
+		});
+		onMounted(() => owners$1.value.push(owner));
+		onUnmounted(() => owners$1.value = owners$1.value.filter((item) => item !== owner));
+		watch(next, show);
+		function show() {
+			if (request.value) return;
+			request.value = next.value;
+			key.value = Symbol();
+			isOpen.value = next.value !== void 0;
+		}
+		function showNext() {
+			request.value = void 0;
+			show();
+		}
+		async function select(current, action) {
+			requests.value.shift();
+			selected.value = action;
+			await current.select(action?.value);
+			selected.value = void 0;
+			if (action) isOpen.value = false;
+		}
+		/** Called once a dialog closed by the user leaves, right before the next one is displayed. */
+		function dismiss() {
+			if (request.value) select(request.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" PascalCase, since `<dialog>` in the template would render the native HTML element instead "), (openBlock(), createBlock(dialog_default, {
+				key: key.value,
+				"model-value": isOpen.value,
+				title: request.value?.title,
+				actions: actions.value,
+				"onUpdate:modelValue": dismiss
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(request.value?.message), 1)]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"title",
+				"actions"
+			]))], 2112);
+		};
+	}
+});
+//#endregion
+//#region src/composables/colors/use-vuetify-background-color.ts
+/**
+* Vuetify's utility class that applies a color to the background of an element, and the color the
+* theme pairs with it to its text, for props that color a background. No class when the color is
+* omitted, so the element keeps its default background.
+*/
+function useVuetifyBackgroundColor(color) {
+	return computed(() => {
+		const colorValue = toValue(color);
+		return colorValue ? `bg-${colorToVuetifyColor[colorValue]}` : void 0;
+	});
+}
+//#endregion
+//#region src/components/main/main.vue
+var main_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "main",
+	props: /*@__PURE__*/ mergeModels({
+		dataTestid: {
+			type: String,
+			required: false
+		},
+		logo: {
+			type: String,
+			required: false
+		},
+		appBar: {
+			type: Object,
+			required: false
+		},
+		navigationMenu: {
+			type: Object,
+			required: false
+		},
+		footer: {
+			type: Object,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		background: {
+			type: String,
+			required: false
+		}
+	}, {
+		"notificationsOpen": {
+			type: Boolean,
+			default: false
+		},
+		"notificationsOpenModifiers": {}
+	}),
+	emits: ["update:notificationsOpen"],
+	setup(__props) {
+		const props = __props;
+		const appBarProps = computed(() => props.appBar ? {
+			...props.appBar,
+			logo: props.logo,
+			navigation: props.navigationMenu !== void 0,
+			loading: props.loading
+		} : void 0);
+		const backgroundClass = useVuetifyBackgroundColor(() => props.background);
+		const notificationsOpen = useModel(__props, "notificationsOpen");
 		const navigationMenuOpen = ref(false);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VApp), { "data-testid": props.dataTestid }, {
-				default: withCtx(() => [
-					appBarProps.value ? (openBlock(), createBlock(app_bar_default, mergeProps({ key: 0 }, appBarProps.value, {
-						"notifications-open": notificationsOpen.value,
-						"onUpdate:notificationsOpen": _cache[0] || (_cache[0] = ($event) => notificationsOpen.value = $event),
-						"navigation-open": navigationMenuOpen.value,
-						"onUpdate:navigationOpen": _cache[1] || (_cache[1] = ($event) => navigationMenuOpen.value = $event)
-					}), null, 16, ["notifications-open", "navigation-open"])) : createCommentVNode("v-if", true),
-					props.navigationMenu ? (openBlock(), createBlock(navigation_menu_default, mergeProps({ key: 1 }, props.navigationMenu, {
-						modelValue: navigationMenuOpen.value,
-						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => navigationMenuOpen.value = $event)
-					}), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
-					createVNode(unref(VMain), null, {
-						default: withCtx(() => [createVNode(container_default, null, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createVNode(toast_default)]),
-							_: 3
-						})]),
-						_: 3
-					})
-				]),
-				_: 3
-			}, 8, ["data-testid"]);
+			return openBlock(), createBlock(unref(VApp), {
+				class: normalizeClass(unref(backgroundClass)),
+				"data-testid": props.dataTestid
+			}, {
+				default: withCtx(() => [
+					appBarProps.value ? (openBlock(), createBlock(app_bar_default, mergeProps({ key: 0 }, appBarProps.value, {
+						"notifications-open": notificationsOpen.value,
+						"onUpdate:notificationsOpen": _cache[0] || (_cache[0] = ($event) => notificationsOpen.value = $event),
+						"navigation-open": navigationMenuOpen.value,
+						"onUpdate:navigationOpen": _cache[1] || (_cache[1] = ($event) => navigationMenuOpen.value = $event)
+					}), null, 16, ["notifications-open", "navigation-open"])) : createCommentVNode("v-if", true),
+					props.navigationMenu ? (openBlock(), createBlock(navigation_menu_default, mergeProps({ key: 1 }, props.navigationMenu, {
+						modelValue: navigationMenuOpen.value,
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => navigationMenuOpen.value = $event),
+						loading: props.loading
+					}), null, 16, ["modelValue", "loading"])) : createCommentVNode("v-if", true),
+					createVNode(unref(VMain), null, {
+						default: withCtx(() => [createCommentVNode(" Full height, so the page's rows and containers with `fullHeight` have a height to fill "), createVNode(container_default, { "full-height": "" }, {
+							default: withCtx(() => [
+								renderSlot(_ctx.$slots, "default"),
+								createVNode(toast_default),
+								createVNode(dialog_host_default)
+							]),
+							_: 3
+						})]),
+						_: 3
+					}),
+					props.footer?.description ? (openBlock(), createBlock(footer_default, normalizeProps(mergeProps({ key: 2 }, props.footer)), null, 16)) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 8, ["class", "data-testid"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/icon-button/icon-button.vue
+var icon_button_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "icon-button",
+	props: {
+		icon: {
+			type: null,
+			required: true
+		},
+		label: {
+			type: String,
+			required: true
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const color = useVuetifyColor(() => props.color);
+		function onClick(event) {
+			emit("click", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VIconBtn), {
+				icon: unref(icons)[props.icon],
+				"aria-label": props.label,
+				color: unref(color),
+				"data-testid": props.dataTestid,
+				onClick
+			}, null, 8, [
+				"icon",
+				"aria-label",
+				"color",
+				"data-testid"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/composables/inputs/autocomplete-field.ts
+function createAutocompleteRequiredRule(options) {
+	return createRequiredRule(options.required, (value) => {
+		if (options.multiple) return (Array.isArray(value) ? value : []).length > 0;
+		return !isEmpty(String(value ?? ""));
+	});
+}
+function useAutocompleteRules(options) {
+	return computed(() => {
+		const opts = toValue(options);
+		const rules = [];
+		if (opts.required) rules.push(createAutocompleteRequiredRule(opts));
+		return rules;
+	});
+}
+/**
+* Menu props that keep the combobox semantics only on the field's `<input>`.
+*
+* The field's container gets `role="combobox"` from the field, which passes its
+* role to both the container and the input, and the menu's ARIA attributes,
+* since it's the menu's activator. Without these props, the container is
+* exposed as an unnamed combobox wrapping the input. The menu removes from its
+* activator the attributes set to `undefined`, role included, and the field
+* never sets that role again, since its value doesn't change. The input keeps
+* its role, label, `aria-expanded` and `aria-controls`. This only happens in
+* the browser: server-rendered HTML still has the role on the container.
+*/
+const autocompleteFieldMenuProps = { activatorProps: {
+	role: void 0,
+	"aria-haspopup": void 0,
+	"aria-expanded": void 0,
+	"aria-controls": void 0,
+	"aria-owns": void 0
+} };
+//#endregion
+//#region src/components/inputs/autocomplete-field/autocomplete-field.vue
+var autocomplete_field_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "autocomplete-field",
+	props: /*@__PURE__*/ mergeModels({
+		variant: {
+			type: String,
+			required: false,
+			default: "primary"
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		clearable: {
+			type: Boolean,
+			required: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		},
+		strict: {
+			type: Boolean,
+			required: false
+		},
+		multiple: {
+			type: null,
+			required: false
+		},
+		items: {
+			type: Array,
+			required: false,
+			default: () => []
+		}
+	}, {
+		"modelValue": { type: null },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const props = __props;
+		const vuetifyVariant = useTextFieldVariant(() => props.variant);
+		const isMultiple = computed(() => props.multiple ?? false);
+		const rules = useAutocompleteRules(() => ({
+			required: props.required,
+			multiple: isMultiple.value
+		}));
+		const vuetifyComponent = computed(() => props.strict ? VAutocomplete : VCombobox);
+		const search = ref("");
+		const maskClass = computed(() => props.strict ? "v-autocomplete__mask" : "v-combobox__mask");
+		const normalizedItems = computed(() => {
+			return props.items.map((item) => {
+				if (typeof item === "string") return {
+					label: item,
+					value: item
+				};
+				return item;
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(vuetifyComponent.value), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				search: search.value,
+				"onUpdate:search": _cache[1] || (_cache[1] = ($event) => search.value = $event),
+				variant: unref(vuetifyVariant),
+				items: normalizedItems.value,
+				"data-testid": props.dataTestid,
+				disabled: props.disabled,
+				loading: props.loading,
+				"aria-busy": props.loading || void 0,
+				readonly: props.readonly,
+				label: props.label,
+				placeholder: props.placeholder,
+				hint: props.hint,
+				clearable: props.clearable,
+				multiple: isMultiple.value,
+				"item-title": "label",
+				rules: unref(rules),
+				"menu-props": unref(autocompleteFieldMenuProps),
+				chips: ""
+			}, createSlots({
+				loader: withCtx((loader) => [createVNode(field_loader_default, normalizeProps(guardReactiveProps(loader)), null, 16)]),
+				_: 2
+			}, [isMultiple.value ? {
+				name: "item",
+				fn: withCtx(({ props: itemProps }) => [createVNode(unref(VListItem), normalizeProps(guardReactiveProps(itemProps)), {
+					prepend: withCtx(({ isSelected }) => [createVNode(unref(VCheckboxBtn), {
+						"model-value": isSelected,
+						ripple: false,
+						inert: "",
+						"aria-hidden": "true"
+					}, null, 8, ["model-value"])]),
+					title: withCtx(() => [createVNode(unref(VHighlight), {
+						text: itemProps.title,
+						query: search.value,
+						"match-all": "",
+						"ignore-case": "",
+						"mark-class": maskClass.value
+					}, null, 8, [
+						"text",
+						"query",
+						"mark-class"
+					])]),
+					_: 2
+				}, 1040)]),
+				key: "0"
+			} : void 0]), 1064, [
+				"modelValue",
+				"search",
+				"variant",
+				"items",
+				"data-testid",
+				"disabled",
+				"loading",
+				"aria-busy",
+				"readonly",
+				"label",
+				"placeholder",
+				"hint",
+				"clearable",
+				"multiple",
+				"rules",
+				"menu-props"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/inputs/checkbox/checkbox.vue
+var checkbox_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "checkbox",
+	props: /*@__PURE__*/ mergeModels({
+		label: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false
+		},
+		trueValue: {
+			type: Boolean,
+			required: false,
+			skipCheck: true,
+			default: true
+		},
+		falseValue: {
+			type: Boolean,
+			required: false,
+			skipCheck: true,
+			default: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	}, {
+		"modelValue": {
+			type: null,
+			default: (props) => props.falseValue
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const modelValue = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VCheckboxBtn), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				"true-value": props.trueValue,
+				"false-value": props.falseValue,
+				"data-testid": props.dataTestid,
+				disabled: props.disabled,
+				readonly: props.readonly,
+				label: props.label,
+				class: "flex-0-1",
+				"hide-details": ""
+			}, null, 8, [
+				"modelValue",
+				"true-value",
+				"false-value",
+				"data-testid",
+				"disabled",
+				"readonly",
+				"label"
+			]);
 		};
 	}
 });
 //#endregion
-//#region src/composables/button/button.ts
-const buttonVariantToVuetifyVariant = {
-	primary: "elevated",
-	secondary: "flat",
-	ghost: "outlined"
+//#region src/composables/inputs/date-time-field.ts
+/**
+* The menu's content is a dialog with the pickers. `aria-owns` is removed since the input can't
+* own the content, and the menu still adds `aria-expanded` and `aria-controls`.
+*/
+const activatorProps = {
+	role: "combobox",
+	"aria-haspopup": "dialog",
+	"aria-owns": void 0
 };
-function useButtonVariant(variant) {
+/**
+* Extracts the date part (`YYYY-MM-DD`) of a value, or an empty string when
+* the type has no date.
+*/
+function getDatePart(value, type) {
+	return type === "time" ? "" : value.split("T")[0];
+}
+/**
+* Extracts the time part (`HH:mm`) of a value, or an empty string when the
+* value has no time.
+*/
+function getTimePart(value, type) {
+	if (type === "time") return value;
+	const [, time = ""] = value.split("T");
+	return time;
+}
+/**
+* Builds a value for the given type, or an empty string while any required
+* part is missing.
+*/
+function joinDateTime(type, date, time) {
+	if (type === "date") return date;
+	if (type === "time") return time;
+	return date && time ? `${date}T${time}` : "";
+}
+/**
+* Formats a value to be displayed in pt-BR, like `24/09/2026`, `14:30` or
+* `24/09/2026 14:30`.
+*/
+function formatDateTime$1(value, type) {
+	return [getDatePart(value, type).split("-").reverse().join("/"), getTimePart(value, type)].filter(Boolean).join(" ");
+}
+function useDateTimeFieldRules(props) {
+	const defaultRules = useRules(props);
 	return computed(() => {
-		const variantValue = toValue(variant);
-		return variantValue ? buttonVariantToVuetifyVariant[variantValue] : buttonVariantToVuetifyVariant.primary;
+		const rules = [...defaultRules.value];
+		if (props.min) rules.push(minRule(props.min, props.type));
+		if (props.max) rules.push(maxRule(props.max, props.type));
+		return rules;
 	});
 }
-function useButtonType(type) {
+/**
+* Computes the limits of each picker. For `datetime`, time limits only apply
+* when the selected date is the limit's own date.
+*/
+function useDateTimeFieldPickerBounds(props, selectedDate) {
 	return computed(() => {
-		return toValue(type) ?? "button";
+		const min = props.min ?? "";
+		const max = props.max ?? "";
+		const date = toValue(selectedDate);
+		return {
+			dateMin: getDatePart(min, props.type),
+			dateMax: getDatePart(max, props.type),
+			timeMin: getTimeBound(min, props.type, date),
+			timeMax: getTimeBound(max, props.type, date)
+		};
 	});
 }
-function useButtonForm(form) {
-	return computed(() => toValue(form));
+/**
+* Makes the field's input the activator of the pickers' menu, so the menu's attributes are on an
+* element whose role accepts them.
+* @param isOpen - Whether the menu is open.
+* @param isDisabled - Whether the menu can't open, as when the field is disabled or readonly.
+* @param hasLabel - Whether the field has a label, which names the menu's dialog.
+*/
+function useDateTimeFieldMenu(isOpen, isDisabled, hasLabel) {
+	const inputId = useId();
+	const activator = computed(() => toValue(isDisabled) ? void 0 : `#${inputId}`);
+	const contentProps = computed(() => ({
+		role: "dialog",
+		"aria-labelledby": toValue(hasLabel) ? `${inputId}-label` : void 0
+	}));
+	function open() {
+		if (!toValue(isDisabled)) isOpen.value = true;
+	}
+	return {
+		inputId,
+		activator,
+		activatorProps,
+		contentProps,
+		open
+	};
+}
+function getTimeBound(bound, type, selectedDate) {
+	if (type === "datetime" && getDatePart(bound, type) !== selectedDate) return "";
+	return getTimePart(bound, type);
+}
+function minRule(min, type) {
+	const message = `Valor anterior ao mínimo permitido (${formatDateTime$1(min, type)})`;
+	return (value) => !value || value >= min || message;
+}
+function maxRule(max, type) {
+	const message = `Valor posterior ao máximo permitido (${formatDateTime$1(max, type)})`;
+	return (value) => !value || value <= max || message;
 }
 //#endregion
-//#region src/components/button/button.vue
-var button_default = /* @__PURE__ */ defineComponent({
+//#region src/components/inputs/date-time-field/date-time-field.vue
+var date_time_field_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
-	__name: "button",
-	props: {
+	__name: "date-time-field",
+	props: /*@__PURE__*/ mergeModels({
 		variant: {
 			type: String,
-			required: false
+			required: false,
+			default: "primary"
 		},
 		type: {
+			type: String,
+			required: false,
+			default: "datetime"
+		},
+		min: {
 			type: String,
 			required: false
 		},
-		color: {
+		max: {
 			type: String,
 			required: false
 		},
@@ -654,7 +1964,27 @@ var button_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			required: false
 		},
-		form: {
+		clearable: {
+			type: Boolean,
+			required: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		hint: {
 			type: String,
 			required: false
 		},
@@ -662,72 +1992,319 @@ var button_default = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: false
 		}
-	},
-	emits: ["click"],
-	setup(__props, { emit: __emit }) {
+	}, {
+		"modelValue": {
+			type: String,
+			default: ""
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
 		const props = __props;
-		const emit = __emit;
-		const variant = useButtonVariant(() => props.variant);
-		const color = useVuetifyColor(() => props.color);
-		const type = useButtonType(() => props.type);
-		const form = useButtonForm(() => props.form);
-		function onClick(event) {
-			emit("click", event);
+		const messages = { "pt-BR": pt };
+		const vuetifyVariant = useTextFieldVariant(() => props.variant);
+		const rules = useDateTimeFieldRules(props);
+		const displayValue = computed(() => formatDateTime$1(modelValue.value, props.type));
+		const isClearable = computed(() => props.clearable && !props.readonly);
+		const isMenuDisabled = computed(() => props.disabled || props.readonly);
+		const isMenuOpen = ref(false);
+		const draft = ref({});
+		const draftDate = computed(() => draft.value.date ?? getDatePart(modelValue.value, props.type));
+		const draftTime = computed(() => draft.value.time ?? getTimePart(modelValue.value, props.type));
+		const draftValue = computed(() => joinDateTime(props.type, draftDate.value, draftTime.value));
+		const bounds = useDateTimeFieldPickerBounds(props, draftDate);
+		const { inputId, activator, activatorProps, contentProps, open: openMenu } = useDateTimeFieldMenu(isMenuOpen, isMenuDisabled, () => !!props.label);
+		watch(isMenuOpen, () => {
+			draft.value = {};
+		});
+		function onDateUpdate(date) {
+			draft.value.date = formatDateTime(date, "YYYY-MM-DD");
+			commitDraft();
+			closeIfComplete();
+		}
+		function onTimeUpdate(time) {
+			draft.value.time = time ?? "";
+			commitDraft();
+		}
+		function commitDraft() {
+			if (draftValue.value) modelValue.value = draftValue.value;
+		}
+		function closeIfComplete() {
+			if (draftValue.value) isMenuOpen.value = false;
+		}
+		function clear() {
+			modelValue.value = "";
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VBtn), {
+			return openBlock(), createBlock(unref(VTextField), {
+				id: unref(inputId),
+				"model-value": displayValue.value,
+				"validation-value": modelValue.value,
+				variant: unref(vuetifyVariant),
+				rules: unref(rules),
+				"data-testid": props.dataTestid,
 				disabled: props.disabled,
 				loading: props.loading,
-				"data-testid": props.dataTestid,
-				variant: unref(variant),
-				color: unref(color),
-				type: unref(type),
-				form: unref(form),
-				onClick
+				"aria-busy": props.loading || void 0,
+				label: props.label,
+				placeholder: props.placeholder,
+				hint: props.hint,
+				clearable: isClearable.value,
+				readonly: "",
+				"onClick:clear": clear,
+				"onClick:control": unref(openMenu)
 			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
+				loader: withCtx((loader) => [createVNode(field_loader_default, normalizeProps(guardReactiveProps(loader)), null, 16)]),
+				default: withCtx(() => [createVNode(unref(VMenu), {
+					modelValue: isMenuOpen.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = $event),
+					activator: unref(activator),
+					target: "parent",
+					"activator-props": unref(activatorProps),
+					"content-props": unref(contentProps),
+					location: "bottom start",
+					"min-width": "0",
+					disabled: isMenuDisabled.value,
+					"close-on-content-click": false
+				}, {
+					default: withCtx(() => [createVNode(unref(VCard), null, {
+						default: withCtx(() => [createVNode(unref(VLocaleProvider), {
+							locale: "pt-BR",
+							messages,
+							class: "d-flex flex-wrap"
+						}, {
+							default: withCtx(() => [props.type !== "time" ? (openBlock(), createBlock(unref(VDatePicker), {
+								key: 0,
+								"model-value": draftDate.value || null,
+								min: unref(bounds).dateMin,
+								max: unref(bounds).dateMax,
+								"onUpdate:modelValue": onDateUpdate
+							}, null, 8, [
+								"model-value",
+								"min",
+								"max"
+							])) : createCommentVNode("v-if", true), props.type !== "date" ? (openBlock(), createBlock(unref(VTimePicker), {
+								key: 1,
+								"model-value": draftTime.value,
+								min: unref(bounds).timeMin,
+								max: unref(bounds).timeMax,
+								format: "24hr",
+								"onUpdate:modelValue": onTimeUpdate,
+								"onUpdate:minute": closeIfComplete
+							}, null, 8, [
+								"model-value",
+								"min",
+								"max"
+							])) : createCommentVNode("v-if", true)]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"activator",
+					"activator-props",
+					"content-props",
+					"disabled"
+				])]),
+				_: 1
 			}, 8, [
+				"id",
+				"model-value",
+				"validation-value",
+				"variant",
+				"rules",
+				"data-testid",
 				"disabled",
 				"loading",
-				"data-testid",
-				"variant",
-				"color",
-				"type",
-				"form"
+				"aria-busy",
+				"label",
+				"placeholder",
+				"hint",
+				"clearable",
+				"onClick:control"
 			]);
 		};
 	}
 });
 //#endregion
-//#region src/components/inputs/checkbox/checkbox.vue
-var checkbox_default = /* @__PURE__ */ defineComponent({
+//#region src/composables/inputs/mask-field.ts
+/**
+* Masks of the presets, as Vuetify reads them: `#` is a digit and `N` is a
+* letter or a digit, with letters converted to uppercase. Our preset names
+* always map to these masks, never to Vuetify's own presets (e.g. its American
+* `phone`).
+*/
+const maskFieldPresets = {
+	cpf: "###.###.###-##",
+	cnpj: "NN.NNN.NNN/NNNN-##",
+	cep: "#####-###",
+	phone: "(##) #####-####",
+	date: "##/##/####"
+};
+/**
+* Returns the mask as Vuetify reads it: the mask of a preset, or the given mask
+* itself, escaped, when it's a custom one.
+*
+* It takes any string, as the `mask` prop may get one through a cast or from
+* JavaScript: a string that isn't a preset is taken as the mask.
+*/
+function resolveMask(mask) {
+	return isMaskFieldPreset(mask) ? maskFieldPresets[mask] : toVuetifyMask(mask);
+}
+/**
+* Returns a custom mask as Vuetify reads it. `#` is the only token of custom
+* masks, but Vuetify always adds its own tokens (`A`, `a`, `N`, `n` and `X`)
+* and its escape (`\`), so these characters are escaped to stay literals.
+*/
+function toVuetifyMask(mask) {
+	return mask.replaceAll(/[AaNnX\\]/g, String.raw`\$&`);
+}
+/**
+* Returns the tokens of a mask as Vuetify reads it (see {@link resolveMask}),
+* in order, without its literals (e.g. `NNNNNNNNNNNN##` for `cnpj`).
+*/
+function getMaskTokens(mask) {
+	return mask.replaceAll(/\\.|[^#N]/g, "");
+}
+/**
+* Returns the default placeholder of a mask as Vuetify reads it (see
+* {@link resolveMask}): the mask with `0` in place of each token, keeping its
+* literals (e.g. `000.000.000-00` for `cpf` and `Nº 0000` for `Nº ####`).
+*/
+function getMaskPlaceholder(mask) {
+	return mask.replaceAll(/\\(.)|[#N]/g, (_token, literal) => literal ?? "0");
+}
+function isMaskFieldPreset(mask) {
+	return Object.hasOwn(maskFieldPresets, mask);
+}
+/**
+* Keeps the input masked while the user edits it, emitting only the
+* characters of the tokens (Vuetify's `unmask`), with letters in uppercase.
+*
+* A `v-model` out of the mask's format (masked, with lowercase letters, or with
+* characters or length the mask doesn't accept) is displayed normalized,
+* without being emitted, and validated as it is, so a value that doesn't fit
+* the mask fails validation.
+*/
+function useMaskField(props, model) {
+	const mask = computed(() => resolveMask(props.mask));
+	const tokens = computed(() => getMaskTokens(mask.value));
+	const acceptsLetters = computed(() => tokens.value.includes("N"));
+	const vuetifyMask = useMask({ get mask() {
+		return {
+			mask: mask.value,
+			tokens: {}
+		};
+	} });
+	const displayValue = computed(() => vuetifyMask.mask(unmask(model.value)));
+	const placeholder = computed(() => props.placeholder ?? getMaskPlaceholder(mask.value));
+	const inputMode = computed(() => acceptsLetters.value ? "text" : "numeric");
+	const autocapitalize = computed(() => acceptsLetters.value ? "characters" : void 0);
+	const defaultRules = useRules(props);
+	const rules = computed(() => [
+		...defaultRules.value,
+		(value) => !value || !isValid(value) || isComplete(value) || "Valor incompleto",
+		(value) => !value || isValid(value) || "Valor inválido"
+	]);
+	function unmask(text) {
+		return vuetifyMask.unmask(text) ?? "";
+	}
+	function isValid(value) {
+		return unmask(value).toUpperCase() === unmask(vuetifyMask.mask(value));
+	}
+	function isComplete(value) {
+		return unmask(vuetifyMask.mask(value)).length === tokens.value.length;
+	}
+	/**
+	* Returns the position in a masked text right after the given number of
+	* characters of the value, skipping the literals after it unless the user
+	* deleted backwards (as Vuetify's mask input does).
+	*/
+	function findCaret(masked, valueLength, deletedBackwards) {
+		let caret = 0;
+		let found = 0;
+		while (found < valueLength) {
+			if (!vuetifyMask.isDelimiter(masked, caret)) found++;
+			caret++;
+		}
+		if (!deletedBackwards) while (vuetifyMask.isDelimiter(masked, caret)) caret++;
+		return caret;
+	}
+	function update(input, deletedBackwards) {
+		const caret = input.selectionStart ?? input.value.length;
+		const masked = vuetifyMask.mask(unmask(input.value));
+		const newCaret = findCaret(masked, unmask(vuetifyMask.mask(unmask(input.value.slice(0, caret)))).length, deletedBackwards);
+		const value = unmask(masked);
+		input.value = masked;
+		input.setSelectionRange(newCaret, newCaret);
+		if (value !== unmask(displayValue.value)) model.value = value;
+	}
+	function onInput(event) {
+		if (!event.isComposing) update(event.target, event.inputType.endsWith("Backward"));
+	}
+	function onCompositionEnd(event) {
+		update(event.target, false);
+	}
+	return {
+		displayValue,
+		placeholder,
+		inputMode,
+		autocapitalize,
+		rules,
+		onInput,
+		onCompositionEnd
+	};
+}
+//#endregion
+//#region src/components/inputs/mask-field/mask-field.vue
+var mask_field_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
-	__name: "checkbox",
+	__name: "mask-field",
 	props: /*@__PURE__*/ mergeModels({
-		label: {
+		variant: {
 			type: String,
-			required: false
+			required: false,
+			default: "primary"
+		},
+		mask: {
+			type: null,
+			required: true
 		},
 		disabled: {
 			type: Boolean,
 			required: false
 		},
-		readonly: {
+		loading: {
 			type: Boolean,
 			required: false
 		},
-		trueValue: {
+		clearable: {
 			type: Boolean,
-			required: false,
-			skipCheck: true,
-			default: true
+			required: false
 		},
-		falseValue: {
+		readonly: {
 			type: Boolean,
-			required: false,
-			skipCheck: true,
-			default: false
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
 		},
 		dataTestid: {
 			type: String,
@@ -735,55 +2312,161 @@ var checkbox_default = /* @__PURE__ */ defineComponent({
 		}
 	}, {
 		"modelValue": {
-			type: null,
-			default: (props) => props.falseValue
+			type: String,
+			default: ""
 		},
 		"modelModifiers": {}
 	}),
 	emits: ["update:modelValue"],
 	setup(__props) {
-		const props = __props;
 		const modelValue = useModel(__props, "modelValue");
+		const props = __props;
+		const vuetifyVariant = useTextFieldVariant(() => props.variant);
+		const { displayValue, placeholder, inputMode, autocapitalize, rules, onInput, onCompositionEnd } = useMaskField(props, modelValue);
+		function keepFieldControlled() {}
+		function clear() {
+			modelValue.value = "";
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VCheckboxBtn), {
-				modelValue: modelValue.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-				"true-value": props.trueValue,
-				"false-value": props.falseValue,
+			return openBlock(), createBlock(unref(VTextField), {
+				"model-value": unref(displayValue),
+				"validation-value": modelValue.value,
+				variant: unref(vuetifyVariant),
+				rules: unref(rules),
 				"data-testid": props.dataTestid,
 				disabled: props.disabled,
+				loading: props.loading,
+				"aria-busy": props.loading || void 0,
 				readonly: props.readonly,
 				label: props.label,
-				class: "flex-0-1",
-				"hide-details": ""
-			}, null, 8, [
-				"modelValue",
-				"true-value",
-				"false-value",
+				placeholder: unref(placeholder),
+				hint: props.hint,
+				clearable: props.clearable,
+				type: "text",
+				inputmode: unref(inputMode),
+				autocapitalize: unref(autocapitalize),
+				"onUpdate:modelValue": keepFieldControlled,
+				onInput: unref(onInput),
+				onCompositionend: unref(onCompositionEnd),
+				"onClick:clear": clear
+			}, {
+				loader: withCtx((loader) => [createVNode(field_loader_default, normalizeProps(guardReactiveProps(loader)), null, 16)]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"validation-value",
+				"variant",
+				"rules",
 				"data-testid",
 				"disabled",
+				"loading",
+				"aria-busy",
 				"readonly",
-				"label"
+				"label",
+				"placeholder",
+				"hint",
+				"clearable",
+				"inputmode",
+				"autocapitalize",
+				"onInput",
+				"onCompositionend"
 			]);
 		};
 	}
 });
 //#endregion
+//#region src/composables/alignment/alignment.ts
+const alignXToClass = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end"
+};
+const alignYToClasses = {
+	start: {
+		items: "align-start",
+		content: "align-content-start"
+	},
+	center: {
+		items: "align-center",
+		content: "align-content-center"
+	},
+	end: {
+		items: "align-end",
+		content: "align-content-end"
+	},
+	stretch: {
+		items: "align-stretch",
+		content: "align-content-stretch"
+	}
+};
+/**
+* Vuetify's `justify-*` utility class for components with an `alignX` prop, laid out with flexbox.
+* Falls back to `"start"`.
+*/
+function useAlignX(alignX) {
+	return computed(() => alignXToClass[toValue(alignX) ?? "start"]);
+}
+/**
+* Vuetify's `align-*` and `align-content-*` utility classes for components with an `alignY` prop,
+* laid out with flexbox. Falls back to `"start"`.
+*/
+function useAlignY(alignY) {
+	return computed(() => alignYToClasses[toValue(alignY) ?? "start"]);
+}
+//#endregion
 //#region src/components/grid/row/row.vue
 var row_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "row",
-	props: { dataTestid: {
-		type: String,
-		required: false
-	} },
+	props: {
+		alignX: {
+			type: String,
+			required: false
+		},
+		alignY: {
+			type: String,
+			required: false
+		},
+		fullHeight: {
+			type: Boolean,
+			required: false
+		},
+		list: {
+			type: Boolean,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
 	setup(__props) {
 		const props = __props;
+		const alignXClass = useAlignX(() => props.alignX);
+		const alignYClasses = useAlignY(() => props.alignY);
+		const heightClass = useFullHeight(() => props.fullHeight);
+		const alignContentClass = computed(() => props.fullHeight ? alignYClasses.value.content : void 0);
+		const tag = computed(() => props.list ? "ul" : void 0);
+		const listClasses = computed(() => props.list ? "pa-0 ma-0" : void 0);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VRow), { "data-testid": props.dataTestid }, {
+			return openBlock(), createBlock(unref(VRow), {
+				tag: tag.value,
+				class: normalizeClass([
+					unref(alignXClass),
+					unref(alignYClasses).items,
+					unref(heightClass),
+					alignContentClass.value,
+					listClasses.value
+				]),
+				"data-testid": props.dataTestid
+			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["data-testid"]);
+			}, 8, [
+				"tag",
+				"class",
+				"data-testid"
+			]);
 		};
 	}
 });
@@ -798,6 +2481,10 @@ var column_default = /* @__PURE__ */ defineComponent({
 			required: false,
 			default: "12"
 		},
+		listItem: {
+			type: Boolean,
+			required: false
+		},
 		dataTestid: {
 			type: String,
 			required: false
@@ -805,15 +2492,24 @@ var column_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
+		const tag = computed(() => props.listItem ? "li" : void 0);
+		const listItemClasses = computed(() => props.listItem ? "d-block" : void 0);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(VCol), {
 				cols: "12",
 				sm: props.cols,
+				tag: tag.value,
+				class: normalizeClass(listItemClasses.value),
 				"data-testid": props.dataTestid
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["sm", "data-testid"]);
+			}, 8, [
+				"sm",
+				"tag",
+				"class",
+				"data-testid"
+			]);
 		};
 	}
 });
@@ -878,6 +2574,26 @@ function useSectionVariant(variant) {
 		return variantValue ? sectionVariantToVuetifyVariant[variantValue] : sectionVariantToVuetifyVariant.primary;
 	});
 }
+const sectionTextAlignToClasses = {
+	start: {
+		content: "text-start",
+		actions: "justify-end"
+	},
+	center: {
+		content: "text-center",
+		actions: "justify-center"
+	},
+	end: {
+		content: "text-end",
+		actions: "justify-end"
+	}
+};
+function useSectionTextAlign(textAlign) {
+	return computed(() => {
+		const textAlignValue = toValue(textAlign);
+		return textAlignValue ? sectionTextAlignToClasses[textAlignValue] : sectionTextAlignToClasses.start;
+	});
+}
 //#endregion
 //#region src/components/sections/section/section.vue
 var section_default = /* @__PURE__ */ defineComponent({
@@ -896,6 +2612,10 @@ var section_default = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: false
 		},
+		textAlign: {
+			type: String,
+			required: false
+		},
 		actions: {
 			type: Array,
 			required: false
@@ -920,31 +2640,35 @@ var section_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const variant = useSectionVariant(() => props.variant);
+		const textAlignClasses = useSectionTextAlign(() => props.textAlign);
 		const title = computed(() => props.title || void 0);
 		const subtitle = computed(() => props.subtitle || void 0);
-		const width = computed(() => props.fullWidth ? "100%" : void 0);
-		const height = computed(() => props.fullHeight ? "100%" : void 0);
+		const widthClass = useFullWidth(() => props.fullWidth);
+		const heightClass = useFullHeight(() => props.fullHeight);
 		const showActions = computed(() => !!props.actions?.length);
 		const skeletonType = computed(() => showActions.value ? "image, actions" : "image");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSkeletonLoader), {
+			return openBlock(), createBlock(skeleton_loader_default, {
 				loading: props.loading,
 				type: skeletonType.value,
-				width: width.value,
-				height: height.value
+				"full-width": props.fullWidth,
+				"full-height": props.fullHeight
 			}, {
-				default: withCtx(() => [createVNode(unref(VCard), {
+				default: withCtx(() => [createCommentVNode(" The card and its actions have no alignment props, so `textAlign` uses utility classes "), createVNode(unref(VCard), {
 					title: title.value,
 					subtitle: subtitle.value,
 					variant: unref(variant),
-					width: width.value,
-					height: height.value,
 					"data-testid": props.dataTestid,
-					class: "d-flex flex-column"
+					class: normalizeClass([
+						"d-flex flex-column",
+						unref(widthClass),
+						unref(heightClass),
+						unref(textAlignClasses).content
+					])
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default"), showActions.value ? (openBlock(), createBlock(unref(VCardActions), {
 						key: 0,
-						class: "mt-auto"
+						class: normalizeClass(["mt-auto", unref(textAlignClasses).actions])
 					}, {
 						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.actions, ({ label, onClick, ...action }, index) => {
 							return openBlock(), createBlock(button_default, mergeProps({ key: index }, { ref_for: true }, action, { onClick }), {
@@ -953,22 +2677,21 @@ var section_default = /* @__PURE__ */ defineComponent({
 							}, 1040, ["onClick"]);
 						}), 128))]),
 						_: 1
-					})) : createCommentVNode("v-if", true)]),
+					}, 8, ["class"])) : createCommentVNode("v-if", true)]),
 					_: 3
 				}, 8, [
 					"title",
 					"subtitle",
 					"variant",
-					"width",
-					"height",
-					"data-testid"
+					"data-testid",
+					"class"
 				])]),
 				_: 3
 			}, 8, [
 				"loading",
 				"type",
-				"width",
-				"height"
+				"full-width",
+				"full-height"
 			]);
 		};
 	}
@@ -1018,7 +2741,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 			return `${props.dataTestid}-${index}`;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSkeletonLoader), {
+			return openBlock(), createBlock(skeleton_loader_default, {
 				loading: props.loading,
 				type: type.value
 			}, {
@@ -1056,4 +2779,448 @@ var table_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { button_default as UButton, checkbox_default as UCheckbox, column_default as UColumn, container_default as UContainer, form_default as UForm, main_default as UMain, row_default as URow, section_default as USection, section_content_default as USectionContent, table_default as UTable, text_field_default as UTextField };
+//#region src/components/details/details.vue
+var details_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "details",
+	props: {
+		variant: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const outlined = computed(() => props.variant === "secondary");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(skeleton_loader_default, {
+				loading: props.loading,
+				type: "heading",
+				"full-width": ""
+			}, {
+				default: withCtx(() => [createVNode(unref(VExpansionPanels), {
+					flat: outlined.value,
+					"data-testid": props.dataTestid
+				}, {
+					default: withCtx(() => [createVNode(unref(VExpansionPanel), { class: normalizeClass({ border: outlined.value }) }, {
+						default: withCtx(() => [createVNode(unref(VExpansionPanelTitle), null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
+							_: 1
+						}), createVNode(unref(VExpansionPanelText), null, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						})]),
+						_: 3
+					}, 8, ["class"])]),
+					_: 3
+				}, 8, ["flat", "data-testid"])]),
+				_: 3
+			}, 8, ["loading"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/img/img.vue
+var img_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "img",
+	props: {
+		src: {
+			type: String,
+			required: true
+		},
+		width: {
+			type: [Number, String],
+			required: false
+		},
+		height: {
+			type: [Number, String],
+			required: false
+		},
+		aspectRatio: {
+			type: Number,
+			required: false
+		},
+		cover: {
+			type: Boolean,
+			required: false
+		},
+		eager: {
+			type: Boolean,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VImg), {
+				src: props.src,
+				alt: "",
+				width: props.width,
+				height: props.height,
+				"aspect-ratio": props.aspectRatio,
+				cover: props.cover,
+				eager: props.eager,
+				"data-testid": props.dataTestid
+			}, null, 8, [
+				"src",
+				"width",
+				"height",
+				"aspect-ratio",
+				"cover",
+				"eager",
+				"data-testid"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/link/link.vue
+var link_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "link",
+	props: {
+		route: {
+			type: null,
+			required: true
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const routeProps = useRouteProps(() => props.route);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" No Vuetify component renders an inline text link, so the class removes the browser's underline "), (openBlock(), createBlock(resolveDynamicComponent(unref(isExternalRoute)(props.route) ? "a" : unref(RouterLink)), mergeProps(unref(routeProps), {
+				class: "text-decoration-none",
+				"data-testid": props.dataTestid
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["data-testid"]))], 2112);
+		};
+	}
+});
+//#endregion
+//#region src/composables/data-set/data-set.ts
+/**
+* Width, out of the grid's 12 columns, taken by each record so that
+* `columns` records fit side by side on a row.
+*/
+const dataSetColumnsToColumnCols = {
+	1: "12",
+	2: "6",
+	3: "4",
+	4: "3",
+	6: "2"
+};
+/**
+* Space, in pixels, between two cards of the same row: the default gutter of
+* `URow`/`UColumn` (Vuetify's `v-row` with its default density puts a 24px
+* gap between its columns). `n` cards side by side take `n` card widths plus
+* `n - 1` gaps, so they fit in `width` pixels when
+* `n * (minDataSetItemWidth + gap) <= width + gap`.
+*/
+const dataSetItemGap = 24;
+/**
+* Supported numbers of records per row, from the largest to the smallest.
+*/
+const dataSetColumnsOptions = [
+	6,
+	4,
+	3,
+	2,
+	1
+];
+/**
+* Number of records to place side by side: the largest supported amount, up
+* to `columns`, that keeps each card at least {@link minDataSetItemWidth}
+* pixels wide, besides the {@link dataSetItemGap} between cards, in a data set
+* `width` pixels wide, but never less than one.
+* While the width is unknown (`0`, e.g. before the first measure or during
+* server-side rendering), `columns` is used as is.
+*/
+function getDataSetFittingColumns(columns, width) {
+	if (!width) return columns;
+	const fittingColumns = Math.min(columns, Math.floor((width + dataSetItemGap) / 264));
+	return dataSetColumnsOptions.find((option) => option <= fittingColumns) ?? 1;
+}
+/**
+* Reactive version of {@link getDataSetFittingColumns}.
+*/
+function useDataSetFittingColumns(columns, width) {
+	return computed(() => getDataSetFittingColumns(toValue(columns), toValue(width)));
+}
+/**
+* Width, in pixels, of the given element, kept up to date with a
+* `ResizeObserver`. It's `0` while there's no element, e.g. before it's
+* mounted, and the observer is disconnected when the element changes or the
+* calling scope is disposed.
+*/
+function useDataSetWidth(element) {
+	const width = ref(0);
+	let observer;
+	function disconnect() {
+		observer?.disconnect();
+		observer = void 0;
+	}
+	watch(() => toValue(element), (currentElement) => {
+		disconnect();
+		width.value = 0;
+		if (!currentElement) return;
+		observer = new ResizeObserver(([entry]) => {
+			width.value = entry.contentRect.width;
+		});
+		observer.observe(currentElement);
+	}, { immediate: true });
+	onScopeDispose(disconnect);
+	return width;
+}
+/**
+* Maps the number of records per row to the width of each record's grid
+* column.
+*/
+function useDataSetColumnCols(columns) {
+	return computed(() => dataSetColumnsToColumnCols[toValue(columns)]);
+}
+/**
+* Maps the record properties considered by the search to Vuetify's filter
+* keys. An empty list means every property, just like an undefined one.
+*/
+function useDataSetFilterKeys(searchKeys) {
+	return computed(() => {
+		const keys = toValue(searchKeys);
+		return keys?.length ? keys : void 0;
+	});
+}
+/**
+* Up to this many pages, every page button is shown. Vuetify's automatic
+* sizing collapses 3 pages into `1 … 2 … 3` in containers narrower than
+* ~336px, although showing every page never takes more room than its
+* collapsed form (`1 … x … 5`, 5 buttons) up to this amount.
+*/
+const maxAlwaysVisiblePages = 5;
+/**
+* Number of page buttons to show for `pageCount` pages: every page up to
+* {@link maxAlwaysVisiblePages}, otherwise `undefined` to let Vuetify fit them
+* to the available width.
+*/
+function getDataSetTotalVisible(pageCount) {
+	return pageCount <= maxAlwaysVisiblePages ? pageCount : void 0;
+}
+/**
+* Goes back to the first page whenever the search changes. It must run before
+* the new search reaches Vuetify's iterator, which would otherwise clamp the
+* outdated page to the last one of the filtered records.
+*/
+function useDataSetSearchPageReset(search, page) {
+	watch(() => toValue(search), () => {
+		page.value = 1;
+	});
+}
+//#endregion
+//#region src/components/data-sets/data-set/data-set.vue
+var data_set_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "data-set",
+	props: /*@__PURE__*/ mergeModels({
+		items: {
+			type: Array,
+			required: false
+		},
+		columns: {
+			type: Number,
+			required: false,
+			default: 3
+		},
+		itemsPerPage: {
+			type: Number,
+			required: false,
+			default: 10
+		},
+		searchable: {
+			type: Boolean,
+			required: false
+		},
+		searchKeys: {
+			type: Array,
+			required: false
+		},
+		noDataText: {
+			type: String,
+			required: false,
+			default: "Nenhum registro encontrado."
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	}, {
+		"page": {
+			type: Number,
+			default: 1
+		},
+		"pageModifiers": {},
+		"search": {
+			type: String,
+			default: ""
+		},
+		"searchModifiers": {}
+	}),
+	emits: ["update:page", "update:search"],
+	setup(__props) {
+		const props = __props;
+		useSlots();
+		const page = useModel(__props, "page");
+		const search = useModel(__props, "search");
+		const iterator = useTemplateRef("iterator");
+		const columnCols = useDataSetColumnCols(useDataSetFittingColumns(() => props.columns, useDataSetWidth(() => iterator.value?.$el)));
+		const filterKeys = useDataSetFilterKeys(() => props.searchKeys);
+		useDataSetSearchPageReset(search, page);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(skeleton_loader_default, {
+				loading: props.loading,
+				type: "card",
+				"full-width": ""
+			}, {
+				default: withCtx(() => [createVNode(unref(VDataIterator), {
+					ref_key: "iterator",
+					ref: iterator,
+					page: page.value,
+					"onUpdate:page": _cache[2] || (_cache[2] = ($event) => page.value = $event),
+					items: props.items,
+					"items-per-page": props.itemsPerPage,
+					search: search.value,
+					"filter-keys": unref(filterKeys),
+					"data-testid": props.dataTestid
+				}, {
+					header: withCtx(() => [props.searchable ? (openBlock(), createBlock(text_field_default, {
+						key: 0,
+						modelValue: search.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+						type: "search",
+						label: "Pesquisar"
+					}, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)]),
+					default: withCtx(({ items: pageItems }) => [createCommentVNode(" Stretched, so the items of the same line (e.g. full-height cards) share its height "), createVNode(row_default, {
+						list: "",
+						"align-y": "stretch"
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(pageItems, (pageItem, index) => {
+							return openBlock(), createBlock(column_default, {
+								key: index,
+								cols: unref(columnCols),
+								"list-item": ""
+							}, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+									item: pageItem.raw,
+									index
+								})]),
+								_: 2
+							}, 1032, ["cols"]);
+						}), 128))]),
+						_: 2
+					}, 1024)]),
+					"no-data": withCtx(() => [createVNode(unref(VEmptyState), { text: props.noDataText }, null, 8, ["text"])]),
+					footer: withCtx(({ pageCount }) => [pageCount > 1 ? (openBlock(), createBlock(unref(VPagination), {
+						key: 0,
+						modelValue: page.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => page.value = $event),
+						length: pageCount,
+						"total-visible": unref(getDataSetTotalVisible)(pageCount)
+					}, null, 8, [
+						"modelValue",
+						"length",
+						"total-visible"
+					])) : createCommentVNode("v-if", true)]),
+					_: 3
+				}, 8, [
+					"page",
+					"items",
+					"items-per-page",
+					"search",
+					"filter-keys",
+					"data-testid"
+				])]),
+				_: 3
+			}, 8, ["loading"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/data-sets/data-set-item/data-set-item.vue
+var data_set_item_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "data-set-item",
+	props: {
+		title: {
+			type: String,
+			required: false
+		},
+		subtitle: {
+			type: String,
+			required: false
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		actions: {
+			type: Array,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(section_default, {
+				title: props.title,
+				subtitle: props.subtitle,
+				variant: props.variant,
+				actions: props.actions,
+				"data-testid": props.dataTestid,
+				"full-height": ""
+			}, {
+				default: withCtx(() => [slots.default ? (openBlock(), createBlock(section_content_default, { key: 0 }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				})) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 8, [
+				"title",
+				"subtitle",
+				"variant",
+				"actions",
+				"data-testid"
+			]);
+		};
+	}
+});
+//#endregion
+export { autocomplete_field_default as UAutocompleteField, button_default as UButton, checkbox_default as UCheckbox, column_default as UColumn, container_default as UContainer, data_set_default as UDataSet, data_set_item_default as UDataSetItem, date_time_field_default as UDateTimeField, details_default as UDetails, dialog_default as UDialog, form_default as UForm, icon_button_default as UIconButton, img_default as UImg, link_default as ULink, main_default as UMain, mask_field_default as UMaskField, row_default as URow, section_default as USection, section_content_default as USectionContent, table_default as UTable, text_field_default as UTextField };