@nexdom/uimed-vue 2.0.0-beta.6 → 2.0.0-beta.61

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 };

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

@@ -0,0 +1,157 @@
+import skeleton_loader_default from "../../skeleton-loader/skeleton-loader.js";
+import row_default from "../../grid/row/row.js";
+import column_default from "../../grid/column/column.js";
+import { getDataSetTotalVisible, useDataSetBarCols, useDataSetColumnCols, useDataSetFilterKeys, useDataSetFittingColumns, useDataSetSearchPageReset, useDataSetWidth } from "../../../composables/data-set/data-set.js";
+import data_set_bar_default from "../data-set-bar.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeModels, openBlock, renderList, renderSlot, unref, useModel, useSlots, useTemplateRef, withCtx } from "vue";
+import { VDataIterator, VEmptyState, VPagination } from "vuetify/components";
+var data_set_vue_vue_type_script_setup_true_lang_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
+		},
+		actions: {
+			type: Array,
+			required: false
+		},
+		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 width = useDataSetWidth(() => iterator.value?.$el);
+		const fittingColumns = useDataSetFittingColumns(() => props.columns, width);
+		const columnCols = useDataSetColumnCols(fittingColumns);
+		const barColumnCols = useDataSetBarCols(width);
+		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(() => [createCommentVNode(" The bar and the records take a line each of the same row, so the grid spaces them as it\n         spaces its lines. The bar stays out of the iterator's header, where nothing would space\n         it from the records "), createVNode(row_default, { "data-testid": props.dataTestid }, {
+					default: withCtx(() => [props.actions?.length || props.searchable ? (openBlock(), createBlock(column_default, { key: 0 }, {
+						default: withCtx(() => [createVNode(data_set_bar_default, {
+							modelValue: search.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+							actions: props.actions,
+							searchable: props.searchable,
+							cols: unref(barColumnCols)
+						}, null, 8, [
+							"modelValue",
+							"actions",
+							"searchable",
+							"cols"
+						])]),
+						_: 1
+					})) : createCommentVNode("v-if", true), createVNode(column_default, null, {
+						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)
+						}, {
+							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"
+						])]),
+						_: 3
+					})]),
+					_: 3
+				}, 8, ["data-testid"])]),
+				_: 3
+			}, 8, ["loading"]);
+		};
+	}
+});
+//#endregion
+export { data_set_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,93 @@
+import { SectionAction } from "../../sections/section/types.js";
+//#region src/components/data-sets/data-set/types.d.ts
+/**
+ * Number of records shown side by side on each row of a {@link DataSet}.
+ */
+export type DataSetColumns = 1 | 2 | 3 | 4 | 6;
+/**
+ * Props exposed by the {@link DataSet} component.
+ */
+export type DataSetProps<T extends object> = {
+  /**
+   * Records to be listed. Each record of the current page is passed, as is,
+   * to the default slot.
+   * @default []
+   */
+  items?: T[];
+  /**
+   * Maximum number of records shown side by side on each row of the grid.
+   * One of `1`, `2`, `3`, `4` or `6`.
+   *
+   * It's reduced to the largest of these values that keeps each record's card
+   * at least 240px wide within the data set's own width, so narrow
+   * containers, like dialogs or side panels, show fewer records per row, down
+   * to a single one. On extra small screens, each record always takes the
+   * full width.
+   * @default 3
+   */
+  columns?: DataSetColumns;
+  /**
+   * Maximum number of records shown per page. Page controls are only shown
+   * when there's more than one page.
+   * @default 10
+   */
+  itemsPerPage?: number;
+  /**
+   * List of actions about the whole list, such as creating a record, displayed
+   * as buttons at the start of the bar above the records, before the search
+   * field. Same shape as `USection`'s actions, but an action without `variant`
+   * is `secondary`, not `primary`, so it doesn't compete with the actions of the
+   * records; an action that sets `variant` keeps it.
+   *
+   * With the search field, the actions take the first half of the bar,
+   * wrapping within it, or a line of their own when the data set isn't wide
+   * enough for two records side by side. On extra small screens, each action
+   * takes a line of its own and the full width. When undefined or empty, and
+   * `searchable` is false, no bar is rendered.
+   */
+  actions?: SectionAction[];
+  /**
+   * Shows a search field at the end of the bar above the records, bound to
+   * `v-model:search`. It's 240px wide, the same as a card's minimum width. On
+   * extra small screens, it takes a line of its own and the full width.
+   * @default false
+   */
+  searchable?: boolean;
+  /**
+   * Record properties considered by the search. When undefined or empty,
+   * every property of the record is considered.
+   */
+  searchKeys?: Array<Extract<keyof T, string>>;
+  /**
+   * Message shown when there are no records to list, either because `items`
+   * is empty or because no record matches the search.
+   * @default "Nenhum registro encontrado."
+   */
+  noDataText?: string;
+  /**
+   * Shows a skeleton loader in place of the records while data is being
+   * loaded.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+/**
+ * Slots exposed by the {@link DataSet} component.
+ */
+export type DataSetSlots<T extends object> = {
+  /**
+   * Renders each record of the current page in its own grid column, usually
+   * with `UDataSetItem`.
+   * @param props.item The original record, from `items`.
+   * @param props.index Position of the record inside the current page.
+   */
+  default?: (props: {
+    item: T;
+    index: number;
+  }) => unknown;
+};
+//#endregion

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

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

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

@@ -0,0 +1,99 @@
+import text_field_default from "../inputs/text-field/text-field.js";
+import button_default from "../button/button.js";
+import row_default from "../grid/row/row.js";
+import column_default from "../grid/column/column.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
+import { VDefaultsProvider } from "vuetify/components";
+var data_set_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "data-set-bar",
+	props: /*@__PURE__*/ mergeModels({
+		actions: {
+			type: Array,
+			required: false
+		},
+		searchable: {
+			type: Boolean,
+			required: false
+		},
+		cols: {
+			type: String,
+			required: true
+		}
+	}, {
+		"modelValue": {
+			type: String,
+			default: ""
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const search = useModel(__props, "modelValue");
+		const searchFieldDefaults = { VTextField: {
+			hideDetails: "auto",
+			minWidth: 240
+		} };
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(row_default, { "align-y": "end" }, {
+				default: withCtx(() => [
+					createCommentVNode(" The search field leaves room above its text for the floating label, so its text, icon and\n         underline sit below its middle. Centered on it, the actions would look higher than the\n         field, so they line up with its underline instead "),
+					createCommentVNode(" No column grows to push the search field to the end of the line, so the actions and the\n         search field share it in two columns, and the search field is aligned to the end of its\n         own "),
+					props.actions?.length ? (openBlock(), createBlock(column_default, {
+						key: 0,
+						cols: props.searchable ? props.cols : "12"
+					}, {
+						default: withCtx(() => [createVNode(row_default, null, {
+							default: withCtx(() => [
+								createCommentVNode(" Each action takes the full width of its column, which only stretches it below sm "),
+								createCommentVNode(" The list's actions are secondary unless they set a variant, so they don't compete with\n             the actions of the records and of the sections "),
+								(openBlock(true), createElementBlock(Fragment, null, renderList(props.actions, ({ label, onClick, variant = "secondary", ...action }, index) => {
+									return openBlock(), createBlock(column_default, {
+										key: index,
+										cols: "auto"
+									}, {
+										default: withCtx(() => [createVNode(button_default, mergeProps({
+											"full-width": "",
+											variant
+										}, { ref_for: true }, action, { onClick }), {
+											default: withCtx(() => [createTextVNode(toDisplayString(label), 1)]),
+											_: 2
+										}, 1040, ["variant", "onClick"])]),
+										_: 2
+									}, 1024);
+								}), 128))
+							]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["cols"])) : createCommentVNode("v-if", true),
+					props.searchable ? (openBlock(), createBlock(column_default, {
+						key: 1,
+						cols: props.actions?.length ? props.cols : "12"
+					}, {
+						default: withCtx(() => [createVNode(row_default, { "align-x": "end" }, {
+							default: withCtx(() => [createVNode(column_default, { cols: "auto" }, {
+								default: withCtx(() => [createCommentVNode(" Hides the empty messages area, which would misalign the field with the actions, and\n               keeps the field from shrinking to its label, which is all a column of its own width\n               would leave it "), createVNode(unref(VDefaultsProvider), { defaults: searchFieldDefaults }, {
+									default: withCtx(() => [createVNode(text_field_default, {
+										modelValue: search.value,
+										"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+										type: "search",
+										label: "Pesquisar"
+									}, null, 8, ["modelValue"])]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["cols"])) : createCommentVNode("v-if", true)
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { data_set_bar_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,35 @@
+import { DataSetItemProps, DataSetItemSlots } from "./types.js";
+//#region src/components/data-sets/data-set-item/data-set-item.vue.d.ts
+/**
+ * Card of a single record listed by a {@link DataSet}, built on `USection`.
+ * It fills the height of its grid column, so the cards of a row line up. Its
+ * details, like a vertical `UTable`, go in the default slot.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-data-set :items="patients">
+ *     <template #default="{ item }">
+ *       <u-data-set-item
+ *         :title="item.name"
+ *         subtitle="Beneficiário"
+ *         :actions="[{ label: 'Editar', variant: 'secondary', onClick: () => edit(item) }]"
+ *       >
+ *         <u-table :headers="['Plano', 'Idade']" :items="[[item.plan, item.age]]" vertical />
+ *       </u-data-set-item>
+ *     </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: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<DataSetItemProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<DataSetItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, DataSetItemSlots>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };