@nexdom/uimed-vue 2.0.0-beta.59 → 2.0.0-beta.60

package/AGENTS.md

@@ -114,7 +114,7 @@ On Windows, prefer VSCode's "Dev Containers: Clone Repository in Container Volum
 - `vpr test:mutations` — mutation tests (Stryker; thresholds: high 100, low 100, break 100). It starts one test runner per CPU core; on machines with limited memory, run `vpx stryker run --concurrency 4` instead
 - `vpr test:e2e` — E2E tests (Playwright, runs against the built docs preview site). Outside CI it reuses any server already on port 4173, which is also `vpr docs:dev`'s port: stop the dev server first, or the tests run against it instead of the built site. A running `vitepress preview` keeps serving the build it started with, so restart it after rebuilding the docs
 - `vpr depcruise` — architecture/dependency rules (dependency-cruiser)
-- `vp pack` / `vpr build` — build the library
+- `vp pack` / `vpr build` — build the library. It publishes one module per source file (`unbundle` in `vite.config.ts`), and the entry points import them instead of copying their code, so the apps' bundlers can split the components by the route that uses them
 - `vpr docs` / `vpr docs:dev` — run docs site (imports the lib from `dist`, not `src` — run `vpr dev` in a second terminal to keep `dist` updated while iterating)
 
 CI (`.github/workflows/ci.yml`) runs, in order: commitlint on PR commits, `vp pack`, `vpr check`, `vpr depcruise`, `vp test --coverage`, `vpr test:mutations`, `vpr test:e2e`, and then the SonarQube analysis (`vpr sonar`), whose quality gate fails the PR on any issue or unreviewed security hotspot in `src/` (see [Static analysis](#static-analysis-sonarqube)). Match this locally before opening a PR.
@@ -212,6 +212,7 @@ Use an existing composable (e.g. `use-toast`) as the reference, and deliver in t
   - Components use the map for their own icons too (`icons.help`, `icons.close`), never `$` aliases nor `mdi-*` strings.
   - The map is also Vuetify's alias set (`createUimed()` and `vueTestUtilsPluginUimed()` pass it as `aliases`), since Vuetify's components draw some icons by alias on their own (e.g. `$clear` in clearable fields, `$prev`/`$next` in the pagination). It only has the aliases the library's components render, so a component that renders a new one (a new Vuetify component or prop) needs it added to the map, named exactly as the alias; without it, the icon is drawn empty, without a warning. Add each state that renders an alias to `src/consts/__tests__/icon-aliases.test.ts`, which fails on icons drawn without a path of `@mdi/js`.
 - Pure helpers that don't use Vue live in `src/utils/<name>.ts`, with tests in `src/utils/__tests__/`. Generic helpers that any TypeScript project could use (e.g. `isDeepEqual`) belong in `@nexdom/shared` instead.
+- No module in `src` has side effects at its top level (code that must run just because the module is imported, such as registering something globally), except the CSS imports of `src/index.ts`: `package.json` declares `"sideEffects": ["*.css"]`, so the apps' bundlers drop or move to another chunk any other module whose exports aren't used. A new side effect means adding its built file (e.g. `./dist/...`) to `sideEffects`.
 - Public components/composables are re-exported from `src/components/index.ts` and `src/composables/index.ts`. Prop types stay internal (`types.ts` is not re-exported); consumers derive them with `ComponentProps` (see [Usage](#usage)).
 - Every publicly exported component must use the `U` prefix on its export identifier (e.g., `UButton`, `UMain`), while internal file names and component names remain unprefixed.
 - Use [JSDoc](https://jsdoc.app/about-getting-started) on every method/prop/type intended to be part of the public API — it's the primary documentation surface and supports markdown/code examples.

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,7 @@
+//#region \0rolldown/runtime.js
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
+	if (typeof require !== "undefined") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+export { __require };

package/dist/components/app-bar/app-bar.js

@@ -0,0 +1,5 @@
+import app_bar_vue_vue_type_script_setup_true_lang_default from "./app-bar.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/app-bar/app-bar.vue
+var app_bar_default = app_bar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { app_bar_default as default };

package/dist/components/app-bar/app-bar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,286 @@
+import { icons } from "../../consts/icons.js";
+import useRouteProps, { routeToListItemProps } from "../../composables/navigation/use-route-props.js";
+import { useNavigationShortcutKeys } from "../../composables/navigation/use-navigation-search-shortcut.js";
+import skeleton_loader_default from "../skeleton-loader/skeleton-loader.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, useSlots, watch, withCtx } from "vue";
+import { VAppBar, VAppBarNavIcon, VAppBarTitle, VAvatar, VBadge, VBtn, VCard, VCardItem, VCardText, VDivider, VIcon, VImg, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VMenu } from "vuetify/components";
+import { toInitials } from "@nexdom/shared/utils";
+//#region src/components/app-bar/app-bar.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "text-high-emphasis" };
+const _hoisted_2 = { class: "text-medium-emphasis" };
+var app_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "app-bar",
+	props: /*@__PURE__*/ mergeModels({
+		dataTestid: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		help: {
+			type: null,
+			required: false
+		},
+		user: {
+			type: Object,
+			required: false
+		},
+		notifications: {
+			type: Array,
+			required: false
+		},
+		navigation: {
+			type: Boolean,
+			required: false
+		},
+		logo: {
+			type: String,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		"notificationsOpen": {
+			type: Boolean,
+			default: false
+		},
+		"notificationsOpenModifiers": {},
+		"navigationOpen": { type: Boolean },
+		"navigationOpenModifiers": {}
+	}),
+	emits: ["update:notificationsOpen", "update:navigationOpen"],
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		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`);
+		const notificationsMenuDataTestid = computed(() => `${props.dataTestid}-notifications-menu`);
+		const userBtnDataTestid = computed(() => `${props.dataTestid}-user`);
+		const userMenuDataTestid = computed(() => `${props.dataTestid}-user-menu`);
+		const showHelp = computed(() => !!props.help);
+		const routeProps = useRouteProps(() => props.help);
+		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 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: icons.accountAlternative };
+		});
+		const hasUserInfo = computed(() => !!props.user.title || !!props.user.subtitle);
+		function isParentOption(option) {
+			return "items" in option;
+		}
+		return (_ctx, _cache) => {
+			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: unref(icons).help
+						}), null, 16, ["data-testid", "icon"])) : 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: unref(icons).notifications }, null, 8, ["icon"])]),
+									_: 1
+								}, 8, [
+									"model-value",
+									"content",
+									"label"
+								])]),
+								_: 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, 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, 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, ["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,
+								"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), { "data-testid": userMenuDataTestid.value }, {
+								default: withCtx(() => [
+									createCommentVNode(" The card's header puts the avatar beside the title, and no prop stacks or centers\n            them: the avatar and the user's info get an item each, centered by a class, as USection\n            and UFooter center their text. The options below stay aligned to the start "),
+									createVNode(unref(VCardItem), { class: "text-center" }, {
+										default: withCtx(() => [createCommentVNode(" Decorative: the user's name, when given, is already the title below "), createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, {
+											size: "x-large",
+											color: "primary",
+											"aria-hidden": "true"
+										}), null, 16)]),
+										_: 1
+									}),
+									hasUserInfo.value ? (openBlock(), createBlock(unref(VCardItem), {
+										key: 0,
+										title: __props.user?.title,
+										subtitle: __props.user?.subtitle,
+										class: "text-center"
+									}, null, 8, ["title", "subtitle"])) : createCommentVNode("v-if", true),
+									createCommentVNode(" The app's details of the user continue the header, so their text is centered too "),
+									slots["user-section-details"] ? (openBlock(), createBlock(unref(VCardText), {
+										key: 1,
+										class: "text-center"
+									}, {
+										default: withCtx(() => [renderSlot(_ctx.$slots, "user-section-details")]),
+										_: 3
+									})) : createCommentVNode("v-if", true),
+									createVNode(unref(VDivider)),
+									createCommentVNode(" Vuetify's `list` role only allows list items, but the options are links and\n            separators "),
+									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",
+													class: "w-100 text-start"
+												}), 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
+									})
+								]),
+								_: 3
+							}, 8, ["data-testid"])]),
+							_: 3
+						})) : createCommentVNode("v-if", true)
+					]),
+					_: 3
+				}, 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",
+						"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,
+						role: "heading",
+						"aria-level": "1"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
+						_: 1
+					})) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 8, ["data-testid", "aria-busy"]);
+		};
+	}
+});
+//#endregion
+export { app_bar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/app-bar/types.d.ts

@@ -0,0 +1,96 @@
+import { RouteLocationRaw } from "vue-router";
+//#region src/components/app-bar/types.d.ts
+/**
+ * Props exposed by the {@link AppBar} component.
+ */
+export type AppBarProps = {
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+  /**
+   * Main title to be presented.
+   */
+  title?: string;
+  /**
+   * Help page route.
+   */
+  help?: RouteLocationRaw;
+  /**
+   * Resources available to the user in the app-bar
+   */
+  user?: AppBarUserProps;
+  /**
+   * List of notifications to show in the {@link AppBar}.
+   */
+  notifications?: Array<AppBarNotification>;
+};
+/**
+ * A single notification entry shown in the {@link AppBar}.
+ */
+interface AppBarNotification {
+  /**
+   * Main text describing the notification.
+   */
+  title: string;
+  /**
+   * Complementary text with additional details.
+   */
+  subtitle?: string;
+  /**
+   * Whether the notification has already been read.
+   */
+  read?: boolean;
+  /**
+   * Free text telling when the notification was generated, shown as is (e.g.
+   * `"10:30"`, `"Ontem"` or `"28/09/2026"`). Hidden when omitted or empty.
+   */
+  when?: string;
+}
+export interface AppBarUserProps {
+  /**
+   * Major identifier, like the user full name. Without an `img`, the
+   * avatar shows its initials (e.g. `"RP"` for `"Rafael Perini"`).
+   */
+  title?: string;
+  /**
+   * Complement to user identifier, like it's e-mail or username.
+   */
+  subtitle?: string;
+  /**
+   * URL leading to a user picture. When omitted, the avatar shows the initials
+   * of the `title`, or a generic icon when there's no title either.
+   */
+  img?: string;
+  /**
+   * Options to show the user when its menu is opened.
+   * Can be plain options, grouped or both.
+   */
+  options?: Array<ParentOptionOrOption>;
+}
+export type ParentOptionOrOption = ParentOption | Option;
+export type ParentOption = {
+  /**
+   * Text to present for the group.
+   */
+  description: string;
+  /**
+   * Child {@link Option} list.
+   */
+  items: Array<Option>;
+};
+export interface Option {
+  /**
+   * Text to present for the action.
+   */
+  description: string;
+  /**
+   * Route to navigate when item is clicked.
+   */
+  route?: RouteLocationRaw;
+  /**
+   * Callback to be triggered when the item is clicked.
+   */
+  action?: () => void;
+}
+//#endregion

package/dist/components/button/button.js

@@ -0,0 +1,5 @@
+import button_vue_vue_type_script_setup_true_lang_default from "./button.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/button/button.vue
+var button_default = button_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { button_default as default };

package/dist/components/button/button.vue.d.ts

@@ -0,0 +1,31 @@
+import { ButtonProps } from "./types.js";
+//#region src/components/button/button.vue.d.ts
+/**
+ * Button component to be used throughout the application.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *  <u-button color="danger" @click="onClick">
+ *     Confirmar
+ *  </u-button>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/button | Button Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+  click: (event: MouseEvent) => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<ButtonProps> & Readonly<{
+  onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/button/button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,97 @@
+import useRouteProps from "../../composables/navigation/use-route-props.js";
+import { useFullWidth } from "../../composables/dimensions/dimensions.js";
+import { useButtonColor, useButtonForm, useButtonRoute, useButtonType, useButtonVariant } from "../../composables/button/button.js";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { VBtn, VProgressCircular } from "vuetify/components";
+var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "button",
+	props: {
+		variant: {
+			type: String,
+			required: false
+		},
+		type: {
+			type: String,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		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 route = useButtonRoute(() => props.route, isDisabled);
+		const routeProps = useRouteProps(route);
+		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
+export { button_vue_vue_type_script_setup_true_lang_default as default };

package/dist/{types-BbWo6RIy.d.ts → components/button/types.d.ts}

@@ -1,14 +1,11 @@
+import { ColorVariant } from "../../composables/colors/types.js";
 import { RouteLocationRaw } from "vue-router";
-//#region src/composables/colors/types.d.ts
-type ColorVariant = "primary" | "secondary" | FeedbackColorVariant;
-type FeedbackColorVariant = "positive" | "informative" | "caution" | "danger";
-//#endregion
 //#region src/components/button/types.d.ts
-type ButtonVariant = "primary" | "secondary" | "ghost";
+export type ButtonVariant = "primary" | "secondary" | "ghost";
 /**
  * Props exposed by the {@link Button} component.
  */
-type ButtonProps = {
+export type ButtonProps = {
   /**
    * Applies a distinct style variation to the button.
    * One of `primary`, `secondary`, or `ghost`.
@@ -65,5 +62,4 @@ type ButtonProps = {
    */
   dataTestid?: string;
 };
-//#endregion
-export { FeedbackColorVariant as i, ButtonVariant as n, ColorVariant as r, ButtonProps as t };
+//#endregion

package/dist/components/data-sets/data-set/data-set.js

@@ -0,0 +1,5 @@
+import data_set_vue_vue_type_script_setup_true_lang_default from "./data-set.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/data-sets/data-set/data-set.vue
+var data_set_default = data_set_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { data_set_default as default };

package/dist/components/data-sets/data-set/data-set.vue.d.ts

@@ -0,0 +1,47 @@
+import { DataSetProps, DataSetSlots } from "./types.js";
+//#region src/components/data-sets/data-set/data-set.vue.d.ts
+/**
+ * Data set component to list records as a responsive grid of cards, with
+ * client-side pagination, and an optional bar above the records with actions
+ * about the list and a search field. Each record of the current page is
+ * rendered by the default slot, usually with `UDataSetItem`.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-data-set
+ *     :items="patients"
+ *     :columns="4"
+ *     :actions="[{ label: 'Novo paciente', onClick: create }]"
+ *     searchable
+ *   >
+ *     <template #default="{ item }">
+ *       <u-data-set-item :title="item.name" :subtitle="item.plan" />
+ *     </template>
+ *   </u-data-set>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/data-set | DataSet Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: <T extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<(DataSetProps<T> & {
+    page?: number;
+    search?: string;
+  }) & {
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:search"?: ((value: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: DataSetSlots<T>;
+  emit: ((event: "update:page", value: number) => void) & ((event: "update:search", value: string) => void);
+}>) => import("vue").VNode & {
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
+//#endregion
+export { _default as default };