@nexdom/uimed-vue 2.0.0-beta.8 → 2.0.0

package/README.md

@@ -41,7 +41,7 @@ Add Vite config:
 
 ```ts
 // vite.config.ts
-import { vitePluginUimed } from "@nexdom/uimed-vue/plugins.ts";
+import { vitePluginUimed } from "@nexdom/uimed-vue/plugins";
 
 /// ...
 

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/components/button/types.d.ts

@@ -0,0 +1,65 @@
+import { ColorVariant } from "../../composables/colors/types.js";
+import { RouteLocationRaw } from "vue-router";
+//#region src/components/button/types.d.ts
+export type ButtonVariant = "primary" | "secondary" | "ghost";
+/**
+ * Props exposed by the {@link Button} component.
+ */
+export type ButtonProps = {
+  /**
+   * Applies a distinct style variation to the button.
+   * One of `primary`, `secondary`, or `ghost`.
+   * @default "primary"
+   */
+  variant?: ButtonVariant;
+  /**
+   * Applies a distinct behavior to the button.
+   * One of `button` or `submit`. Ignored when `route` is set.
+   * @default "button"
+   */
+  type?: "submit" | "button";
+  /**
+   * Applies a color to the button.
+   * One of `primary`, `secondary`, `positive`, `informative`, `caution`, or `danger`.
+   * @default "primary"
+   */
+  color?: ColorVariant;
+  /**
+   * Removes the ability to click or target the button.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Displays a loading indicator on the button and disables it while active, as `disabled` does:
+   * it can't be clicked or focused, `click` isn't emitted and its form isn't submitted, including
+   * by pressing `Enter` in one of the form's fields when it's the form's first submit button. It
+   * looks disabled, with the indicator, and loses focus if focused when loading starts, as any
+   * disabled button does. The button keeps its text as accessible name and is marked as busy, and
+   * assistive technologies ignore the indicator.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Stretches the button to the whole width of its parent, e.g. the only action of a form on a
+   * small screen.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * Associated [form](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/form) id.
+   * Ignored when `route` is set.
+   */
+  form?: string;
+  /**
+   * Where the button goes when clicked, rendering it as a link with the button's look. A route
+   * inside the app (`"/patients"`, `{ name: "patient", params: { id } }`) navigates through the
+   * app's router; a URL starting with `http` navigates through the browser, in the same tab. While
+   * `disabled` or `loading`, the button doesn't navigate and is rendered as a disabled button.
+   */
+  route?: RouteLocationRaw;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#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 };