@nexdom/uimed-vue 1.2.0-beta.2 → 1.2.0-beta.3

package/AGENTS.md

@@ -93,7 +93,7 @@ vp install      # install dependencies
 ## Commands
 
 - `vpr check` — lint, formatter, and type-check (requires `build`/`pack` to have run first for the type-check step)
-- `vp test --coverage` — unit tests (Vitest, jsdom, 100% coverage threshold enforced)
+- `vp test --coverage` — unit tests with coverage (Vitest, jsdom, 100% coverage threshold enforced)
 - `vpr test:mutations` — mutation tests (Stryker; thresholds: high 100, low 95, break 95)
 - `vpr test:e2e` — E2E tests (Playwright, runs against the built docs preview site)
 - `vpr depcruise` — architecture/dependency rules (dependency-cruiser)

package/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

package/README.md

@@ -4,6 +4,19 @@
 [![CD](https://github.com/nexdom-healthtech/uimed-vue/actions/workflows/cd.yml/badge.svg)](https://github.com/nexdom-healthtech/uimed-vue/actions/workflows/cd.yml)
 [![Dependabot](https://github.com/nexdom-healthtech/uimed-vue/actions/workflows/dependabot/dependabot-updates/badge.svg)](https://github.com/nexdom-healthtech/uimed-vue/actions/workflows/dependabot/dependabot-updates)
 
+[![Quality Gate Status](https://sonar-qube-public.services-dev.nexdom.tec.br/api/project_badges/measure?project=UIMed-Vue&metric=alert_status&token=sqb_12cf3033ebcf463511977eb64f95e614562e6773)](https://sonar-qube-public.services-dev.nexdom.tec.br/dashboard?id=UIMed-Vue)
+[![Maintainability Rating](https://sonar-qube-public.services-dev.nexdom.tec.br/api/project_badges/measure?project=UIMed-Vue&metric=software_quality_maintainability_rating&token=sqb_12cf3033ebcf463511977eb64f95e614562e6773)](https://sonar-qube-public.services-dev.nexdom.tec.br/dashboard?id=UIMed-Vue)
+[![Reliability Rating](https://sonar-qube-public.services-dev.nexdom.tec.br/api/project_badges/measure?project=UIMed-Vue&metric=software_quality_reliability_rating&token=sqb_12cf3033ebcf463511977eb64f95e614562e6773)](https://sonar-qube-public.services-dev.nexdom.tec.br/dashboard?id=UIMed-Vue)
+[![Security Rating](https://sonar-qube-public.services-dev.nexdom.tec.br/api/project_badges/measure?project=UIMed-Vue&metric=software_quality_security_rating&token=sqb_12cf3033ebcf463511977eb64f95e614562e6773)](https://sonar-qube-public.services-dev.nexdom.tec.br/dashboard?id=UIMed-Vue)
+[![Lines of Code](https://sonar-qube-public.services-dev.nexdom.tec.br/api/project_badges/measure?project=UIMed-Vue&metric=ncloc&token=sqb_12cf3033ebcf463511977eb64f95e614562e6773)](https://sonar-qube-public.services-dev.nexdom.tec.br/dashboard?id=UIMed-Vue)
+[![Coverage](https://sonar-qube-public.services-dev.nexdom.tec.br/api/project_badges/measure?project=UIMed-Vue&metric=coverage&token=sqb_12cf3033ebcf463511977eb64f95e614562e6773)](https://sonar-qube-public.services-dev.nexdom.tec.br/dashboard?id=UIMed-Vue)
+[![Duplicated Lines (%)](https://sonar-qube-public.services-dev.nexdom.tec.br/api/project_badges/measure?project=UIMed-Vue&metric=duplicated_lines_density&token=sqb_12cf3033ebcf463511977eb64f95e614562e6773)](https://sonar-qube-public.services-dev.nexdom.tec.br/dashboard?id=UIMed-Vue)
+[![Technical Debt](https://sonar-qube-public.services-dev.nexdom.tec.br/api/project_badges/measure?project=UIMed-Vue&metric=software_quality_maintainability_remediation_effort&token=sqb_12cf3033ebcf463511977eb64f95e614562e6773)](https://sonar-qube-public.services-dev.nexdom.tec.br/dashboard?id=UIMed-Vue)
+
+[![Docs Website](https://img.shields.io/website?url=https://nexdom-healthtech.github.io/uimed-vue/&label=Docs%20Website&logo=github)](https://nexdom-healthtech.github.io/uimed-vue)
+
+[![semantic-release: conventionalcommits](https://img.shields.io/badge/semantic--release-conventionalcommits-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)
+
 A ui framework for NEXDOM applications, based on [Material Design](https://m3.material.io/).
 
 For more examples and information, check the [docs page](https://nexdom-healthtech.github.io/uimed-vue/).

package/dist/components.d.ts

@@ -92,6 +92,47 @@ interface Option {
   action?: () => void;
 }
 //#endregion
+//#region src/components/navigation-menu/types.d.ts
+/**
+ * Props exposed by the {@link NavigationMenu} component.
+ */
+type NavigationMenuProps = {
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+  /**
+   * List of items to show in the {@link NavigationMenu}.
+   * Can be plain items, grouped or both.
+   */
+  items?: Array<NavigationMenuParentItemOrItem>;
+};
+type NavigationMenuParentItemOrItem = NavigationMenuParentItem | NavigationMenuItem;
+type NavigationMenuParentItem = {
+  /**
+   * Text to present for the group.
+   */
+  description: string;
+  /**
+   * Child {@link NavigationMenuItem} list.
+   */
+  items: Array<NavigationMenuItem>;
+};
+interface NavigationMenuItem {
+  /**
+   * Text to present for the item.
+   */
+  description: string;
+  /**
+   * Route to navigate when item is clicked.
+   */
+  route?: RouteLocationRaw;
+  /**
+   * Callback to be triggered when the item is clicked.
+   */
+  action?: () => void;
+}
+//#endregion
 //#region src/components/root/types.d.ts
 /**
  * Props exposed by the {@link Root} component.
@@ -105,6 +146,10 @@ type RootProps = {
    * App bar properties.
    */
   appBar?: AppBarProps;
+  /**
+   * Navigation menu properties.
+   */
+  navigationMenu?: NavigationMenuProps;
 };
 //#endregion
 //#region src/components/root/root.vue.d.ts
@@ -293,7 +338,11 @@ declare const __VLS_export$4: import("vue", { with: { "resolution-mode": "import
   modelValue?: string;
 }> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+}>, {
+  type: TextFieldType;
+  variant: TextFieldVariant;
+  clearable: boolean;
+}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 //#endregion
 //#region src/components/grid/container/types.d.ts
 /**
@@ -457,4 +506,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { type AppBarProps as AppBarConfig, type AppBarUserProps as AppBarUserConfig, _default as Btn, _default$1 as Column, _default$2 as Container, _default$3 as Frm, _default$4 as Root, _default$5 as Row, _default$6 as TextField };
+export { type AppBarProps as AppBarConfig, type AppBarUserProps as AppBarUserConfig, _default as Btn, _default$1 as Column, _default$2 as Container, _default$3 as Frm, type NavigationMenuProps as NavigationMenuConfig, _default$4 as Root, _default$5 as Row, _default$6 as TextField };

package/dist/components.js

@@ -1,6 +1,6 @@
 import { r as useVuetifyColor, t as messages } from "./use-toast-CACuYhK_.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createPropsRestProxy, createSlots, createTextVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, openBlock, renderList, renderSlot, toDisplayString, toValue, unref, useModel, withCtx, withModifiers } from "vue";
-import { VApp, VAppBar, VAvatar, VBadge, VBtn, VCard, VCardText, VCol, VContainer, VDivider, VForm, VIcon, VIconBtn, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VMain, VMenu, VRow, VSnackbarQueue, VTextField } from "vuetify/components";
+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, VAvatar, VBadge, VBtn, VCard, VCardText, VCol, VContainer, VDivider, VForm, VIcon, VIconBtn, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VMain, VMenu, VNavigationDrawer, VRow, VSnackbarQueue, VTextField } from "vuetify/components";
 import { formatDateTime, isEmail, isEmpty, isPhone, isUrl, toPeriodInterval } from "@nexdom/shared/utils";
 //#region src/composables/navigation/use-route-props.ts
 function useRouteProps(route) {
@@ -15,7 +15,7 @@ function isExternalRoute(route) {
 }
 //#endregion
 //#region src/components/app-bar/app-bar.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { class: "opacity-60" };
+const _hoisted_1$1 = { class: "opacity-60" };
 //#endregion
 //#region src/components/app-bar/app-bar.vue
 var app_bar_default = /* @__PURE__ */ defineComponent({
@@ -41,20 +41,28 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 		notifications: {
 			type: Array,
 			required: false
+		},
+		navigation: {
+			type: Boolean,
+			required: true
 		}
 	}, {
 		"notificationsOpen": {
 			type: Boolean,
 			default: false
 		},
-		"notificationsOpenModifiers": {}
+		"notificationsOpenModifiers": {},
+		"navigationOpen": { type: Boolean },
+		"navigationOpenModifiers": {}
 	}),
-	emits: ["update:notificationsOpen"],
+	emits: ["update:notificationsOpen", "update:navigationOpen"],
 	setup(__props) {
 		const props = __props;
 		const notificationsOpen = useModel(__props, "notificationsOpen");
+		const navigationOpen = useModel(__props, "navigationOpen");
 		const helpBtnDataTestid = computed(() => `${props.dataTestid}-help`);
 		const notificationsBtnDataTestid = computed(() => `${props.dataTestid}-notifications`);
+		const navigationBtnDataTestid = computed(() => `${props.dataTestid}-navigation`);
 		const notificationsMenuDataTestid = computed(() => `${props.dataTestid}-notifications-menu`);
 		const userBtnDataTestid = computed(() => `${props.dataTestid}-user`);
 		const userMenuDataTestid = computed(() => `${props.dataTestid}-user-menu`);
@@ -90,6 +98,11 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 				title: props.title,
 				"data-testid": props.dataTestid
 			}, {
+				prepend: withCtx(() => [__props.navigation ? (openBlock(), createBlock(unref(VAppBarNavIcon), {
+					key: 0,
+					"data-testid": navigationBtnDataTestid.value,
+					onClick: _cache[0] || (_cache[0] = ($event) => navigationOpen.value = !navigationOpen.value)
+				}, null, 8, ["data-testid"])) : createCommentVNode("v-if", true)]),
 				append: withCtx(() => [
 					showHelp.value ? (openBlock(), createBlock(unref(VBtn), mergeProps({ key: 0 }, unref(routeProps), {
 						"data-testid": helpBtnDataTestid.value,
@@ -98,7 +111,7 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 					showNotifications.value ? (openBlock(), createBlock(unref(VMenu), {
 						key: 1,
 						modelValue: notificationsOpen.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => notificationsOpen.value = $event),
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => notificationsOpen.value = $event),
 						"close-on-content-click": false
 					}, {
 						activator: withCtx(({ props }) => [createVNode(unref(VBtn), mergeProps(props, {
@@ -118,7 +131,7 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 						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[1] || (_cache[1] = [createTextVNode("Notificações", -1)])]),
+									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), {
@@ -130,7 +143,7 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 									}, createSlots({ _: 2 }, [notification.date ? {
 										name: "append",
 										fn: withCtx(() => [createVNode(unref(VListItemAction), { end: "" }, {
-											default: withCtx(() => [createElementVNode("small", _hoisted_1, toDisplayString(formatNotificationDate(notification.date)), 1)]),
+											default: withCtx(() => [createElementVNode("small", _hoisted_1$1, toDisplayString(formatNotificationDate(notification.date)), 1)]),
 											_: 2
 										}, 1024)]),
 										key: "0"
@@ -142,7 +155,7 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 								}), 128))]),
 								_: 1
 							})) : (openBlock(), createBlock(unref(VCardText), { key: 1 }, {
-								default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Nenhuma notificação", -1)])]),
+								default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Nenhuma notificação", -1)])]),
 								_: 1
 							}))]),
 							_: 1
@@ -202,6 +215,269 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/composables/inputs/rules.ts
+function required(value) {
+	return !isEmpty(value) || "Campo obrigatório";
+}
+function phone(value) {
+	return isEmpty(value) || isPhone(value) || "Número inválido";
+}
+function email(value) {
+	return isEmpty(value) || isEmail(value) || "E-mail inválido";
+}
+function url(value) {
+	return isEmpty(value) || isUrl(value) || "URL inválida";
+}
+//#endregion
+//#region src/composables/inputs/use-rules.ts
+function useRules(options) {
+	return computed(() => {
+		const rules = [];
+		if (options.required) rules.push(required);
+		return rules;
+	});
+}
+//#endregion
+//#region src/composables/inputs/text-field.ts
+const textFieldVariantToVuetifyVariant = {
+	primary: "underlined",
+	secondary: "outlined"
+};
+const textFieldTypeToVuetifyType = {
+	text: "text",
+	phone: "tel",
+	email: "email",
+	url: "url",
+	password: "password",
+	search: "text"
+};
+const textFieldTypeToVuetifyRule = {
+	phone,
+	email,
+	url
+};
+function useTextFieldVariant(variant) {
+	return computed(() => {
+		const variantValue = toValue(variant);
+		return textFieldVariantToVuetifyVariant[variantValue];
+	});
+}
+function useTextFieldType(type) {
+	return computed(() => {
+		const typeValue = toValue(type);
+		return textFieldTypeToVuetifyType[typeValue];
+	});
+}
+function useTextFieldRules(props) {
+	const defaultRules = useRules(props);
+	return computed(() => {
+		const rules = [...defaultRules.value];
+		const typeRule = associatedRuleType(props.type) ? textFieldTypeToVuetifyRule[props.type] : void 0;
+		if (typeRule) rules.push(typeRule);
+		return rules;
+	});
+}
+function associatedRuleType(type) {
+	return type in textFieldTypeToVuetifyRule;
+}
+//#endregion
+//#region src/components/inputs/text-field/text-field.vue
+var text_field_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "text-field",
+	props: /*@__PURE__*/ mergeModels({
+		variant: {
+			type: String,
+			required: false,
+			default: "primary"
+		},
+		type: {
+			type: String,
+			required: false,
+			default: "text"
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		clearable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		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
+		}
+	}, {
+		"modelValue": {
+			type: String,
+			default: ""
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const props = __props;
+		const vuetifyVariant = useTextFieldVariant(() => props.variant);
+		const vuetifyType = useTextFieldType(() => props.type);
+		const rules = useTextFieldRules(props);
+		const isSearchField = computed(() => props.type === "search");
+		const computedClearable = computed(() => props.clearable ?? isSearchField.value);
+		const prependIcon = computed(() => isSearchField.value ? "mdi-magnify" : void 0);
+		function clear() {
+			modelValue.value = "";
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VTextField), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				variant: unref(vuetifyVariant),
+				type: unref(vuetifyType),
+				"prepend-inner-icon": prependIcon.value,
+				rules: unref(rules),
+				"data-testid": props.dataTestid,
+				disabled: props.disabled,
+				loading: props.loading,
+				readonly: props.readonly,
+				label: props.label,
+				placeholder: props.placeholder,
+				hint: props.hint,
+				clearable: computedClearable.value,
+				"onClick:clear": clear
+			}, null, 8, [
+				"modelValue",
+				"variant",
+				"type",
+				"prepend-inner-icon",
+				"rules",
+				"data-testid",
+				"disabled",
+				"loading",
+				"readonly",
+				"label",
+				"placeholder",
+				"hint",
+				"clearable"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/navigation-menu/navigation-menu.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "px-4 pt-2" };
+//#endregion
+//#region src/components/navigation-menu/navigation-menu.vue
+var navigation_menu_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "navigation-menu",
+	props: /*@__PURE__*/ mergeModels({
+		dataTestid: {
+			type: String,
+			required: false
+		},
+		items: {
+			type: Array,
+			required: false
+		}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const open = useModel(__props, "modelValue");
+		const search = ref("");
+		const filteredItems = computed(() => filterItems());
+		const searchDataTestid = computed(() => `${props.dataTestid}-search`);
+		const query = computed(() => search.value.toLowerCase());
+		function filterItems() {
+			return (props.items ?? []).reduce((filtered, item) => {
+				if (matches(item)) filtered.push(item);
+				else if (isParentItem(item)) {
+					const matchingChildren = item.items.filter((child) => matches(child));
+					if (matchingChildren.length) filtered.push({
+						...item,
+						items: matchingChildren
+					});
+				}
+				return filtered;
+			}, []);
+		}
+		function matches(item) {
+			return item.description.toLowerCase().includes(query.value);
+		}
+		function isParentItem(item) {
+			return "items" in item;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VNavigationDrawer), {
+				modelValue: open.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+				"data-testid": props.dataTestid,
+				absolute: "",
+				temporary: ""
+			}, {
+				prepend: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(text_field_default, {
+					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))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["modelValue", "data-testid"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/grid/container/container.vue
 var container_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
@@ -264,6 +540,10 @@ var root_default = /* @__PURE__ */ defineComponent({
 		appBar: {
 			type: Object,
 			required: false
+		},
+		navigationMenu: {
+			type: Object,
+			required: false
 		}
 	}, {
 		"notificationsOpen": {
@@ -275,19 +555,33 @@ var root_default = /* @__PURE__ */ defineComponent({
 	emits: ["update:notificationsOpen"],
 	setup(__props) {
 		const props = __props;
+		const appBarProps = computed(() => props.appBar ? {
+			...props.appBar,
+			navigation: props.navigationMenu !== void 0
+		} : void 0);
 		const notificationsOpen = useModel(__props, "notificationsOpen");
+		const navigationMenuOpen = ref(false);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(VApp), { "data-testid": props.dataTestid }, {
-				default: withCtx(() => [props.appBar ? (openBlock(), createBlock(app_bar_default, mergeProps({ key: 0 }, props.appBar, {
-					"notifications-open": notificationsOpen.value,
-					"onUpdate:notificationsOpen": _cache[0] || (_cache[0] = ($event) => notificationsOpen.value = $event)
-				}), null, 16, ["notifications-open"])) : createCommentVNode("v-if", true), createVNode(unref(VMain), null, {
-					default: withCtx(() => [createVNode(container_default, null, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createVNode(toast_default)]),
+				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
-				})]),
+					})
+				]),
 				_: 3
 			}, 8, ["data-testid"]);
 		};
@@ -386,170 +680,6 @@ var btn_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/composables/inputs/rules.ts
-function required(value) {
-	return !isEmpty(value) || "Campo obrigatório";
-}
-function phone(value) {
-	return isEmpty(value) || isPhone(value) || "Número inválido";
-}
-function email(value) {
-	return isEmpty(value) || isEmail(value) || "E-mail inválido";
-}
-function url(value) {
-	return isEmpty(value) || isUrl(value) || "URL inválida";
-}
-//#endregion
-//#region src/composables/inputs/use-rules.ts
-function useRules(options) {
-	return computed(() => {
-		const rules = [];
-		if (options.required) rules.push(required);
-		return rules;
-	});
-}
-//#endregion
-//#region src/composables/inputs/text-field.ts
-const textFieldVariantToVuetifyVariant = {
-	primary: "underlined",
-	secondary: "outlined"
-};
-const textFieldTypeToVuetifyType = {
-	text: "text",
-	phone: "tel",
-	email: "email",
-	url: "url",
-	password: "password",
-	search: "text"
-};
-const textFieldTypeToVuetifyRule = {
-	phone,
-	email,
-	url
-};
-function useTextFieldVariant(variant) {
-	return computed(() => {
-		const variantValue = toValue(variant);
-		return variantValue ? textFieldVariantToVuetifyVariant[variantValue] : textFieldVariantToVuetifyVariant.primary;
-	});
-}
-function useTextFieldType(type) {
-	return computed(() => {
-		const typeValue = toValue(type);
-		return typeValue ? textFieldTypeToVuetifyType[typeValue] : textFieldTypeToVuetifyType.text;
-	});
-}
-function useTextFieldRules(props) {
-	const defaultRules = useRules(props);
-	return computed(() => {
-		const rules = [...defaultRules.value];
-		const typeRule = associatedRuleType(props.type) ? textFieldTypeToVuetifyRule[props.type] : void 0;
-		if (typeRule) rules.push(typeRule);
-		return rules;
-	});
-}
-function associatedRuleType(type) {
-	return type in textFieldTypeToVuetifyRule;
-}
-//#endregion
-//#region src/components/inputs/text-field/text-field.vue
-var text_field_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "text-field",
-	props: /*@__PURE__*/ mergeModels({
-		variant: {
-			type: String,
-			required: false
-		},
-		type: {
-			type: String,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		loading: {
-			type: Boolean,
-			required: false
-		},
-		clearable: {
-			type: Boolean,
-			required: false,
-			default: () => void 0
-		},
-		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
-		}
-	}, {
-		"modelValue": {
-			type: String,
-			default: ""
-		},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const modelValue = useModel(__props, "modelValue");
-		const props = createPropsRestProxy(__props, ["clearable"]);
-		const vuetifyVariant = useTextFieldVariant(() => props.variant);
-		const vuetifyType = useTextFieldType(() => props.type);
-		const rules = useTextFieldRules(props);
-		const computedClearable = computed(() => __props.clearable ?? props.type === "search");
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VTextField), {
-				modelValue: modelValue.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-				variant: unref(vuetifyVariant),
-				type: unref(vuetifyType),
-				rules: unref(rules),
-				"data-testid": props.dataTestid,
-				disabled: props.disabled,
-				loading: props.loading,
-				readonly: props.readonly,
-				label: props.label,
-				placeholder: props.placeholder,
-				hint: props.hint,
-				clearable: computedClearable.value
-			}, null, 8, [
-				"modelValue",
-				"variant",
-				"type",
-				"rules",
-				"data-testid",
-				"disabled",
-				"loading",
-				"readonly",
-				"label",
-				"placeholder",
-				"hint",
-				"clearable"
-			]);
-		};
-	}
-});
-//#endregion
 //#region src/components/grid/row/row.vue
 var row_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,

package/dist/unit-test.js

@@ -16,7 +16,7 @@ const vuetify = createVuetify({
 * Vue Test Utils plugin for Uimed.
 */
 function vueTestUtilsPluginUimed() {
-	global.ResizeObserver = __require("resize-observer-polyfill");
+	globalThis.ResizeObserver = __require("resize-observer-polyfill");
 	return vuetify;
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "1.2.0-beta.2",
+  "version": "1.2.0-beta.3",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",
@@ -22,7 +22,8 @@
   },
   "files": [
     "dist",
-    "AGENTS.md"
+    "AGENTS.md",
+    "CLAUDE.md"
   ],
   "type": "module",
   "exports": {
@@ -58,6 +59,7 @@
     "@mdi/font": "^7.4.47",
     "@nexdom/shared": "^2.1.1",
     "@playwright/test": "^1.62.1",
+    "@sonar/scan": "^5.0.0",
     "@stryker-mutator/core": "^10.0.0",
     "@stryker-mutator/vitest-runner": "^10.0.0",
     "@types/node": "^26.1.2",