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

package/dist/components/dialogs/dialog/dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,112 @@
+import button_default from "../../button/button.js";
+import { dialogHostKey } from "./dialog-host-key.js";
+import { useDialogFocus } from "../../../composables/dialogs/use-dialog-focus.js";
+import { useDialogLoading } from "../../../composables/dialogs/use-dialog-loading.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
+import { VCard, VDialog } from "vuetify/components";
+//#region src/components/dialogs/dialog/dialog.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["id"];
+var dialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "dialog",
+	props: /*@__PURE__*/ mergeModels({
+		title: {
+			type: String,
+			required: false
+		},
+		actions: {
+			type: Array,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const maxWidths = {
+			small: 400,
+			medium: 560,
+			large: 800
+		};
+		const host = inject(dialogHostKey, null);
+		const contentId = useId();
+		const card = useTemplateRef("card");
+		const title = computed(() => props.title || void 0);
+		const maxWidth = computed(() => maxWidths[props.size ?? "medium"]);
+		const role = computed(() => host?.role() ?? "dialog");
+		/**
+		* Whether the dialog is displayed. It follows `v-model`, but turns `false` as soon as the user
+		* closes the dialog, while `v-model` only does once the leave transition ends.
+		*/
+		const isActive = ref(model.value);
+		watch(model, (value) => isActive.value = value);
+		const { isLoading } = useDialogLoading(() => props.actions);
+		const { focusFirstElement } = useDialogFocus(() => isActive.value, () => card.value?.$el);
+		function onAfterLeave() {
+			model.value = false;
+			host?.afterLeave();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VDialog), {
+				modelValue: isActive.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isActive.value = $event),
+				persistent: unref(isLoading),
+				"max-width": maxWidth.value,
+				role: role.value,
+				"aria-label": title.value,
+				"aria-labelledby": title.value ? void 0 : unref(contentId),
+				"aria-describedby": unref(host) ? unref(contentId) : void 0,
+				"data-testid": props.dataTestid,
+				scrollable: "",
+				onAfterEnter: unref(focusFirstElement),
+				onAfterLeave
+			}, {
+				default: withCtx(() => [createCommentVNode(" `data-u-dialog` identifies the card to the dialogs opened from this one "), createVNode(unref(VCard), {
+					ref_key: "card",
+					ref: card,
+					title: title.value,
+					"data-u-dialog": ""
+				}, createSlots({
+					text: withCtx(() => [createElementVNode("div", { id: unref(contentId) }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1)]),
+					_: 2
+				}, [props.actions?.length ? {
+					name: "actions",
+					fn: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.actions, ({ label, onClick, ...action }, index) => {
+						return openBlock(), createBlock(button_default, mergeProps({ key: index }, { ref_for: true }, action, { onClick }), {
+							default: withCtx(() => [createTextVNode(toDisplayString(label), 1)]),
+							_: 2
+						}, 1040, ["onClick"]);
+					}), 128))]),
+					key: "0"
+				} : void 0]), 1032, ["title"])]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"persistent",
+				"max-width",
+				"role",
+				"aria-label",
+				"aria-labelledby",
+				"aria-describedby",
+				"data-testid",
+				"onAfterEnter"
+			]);
+		};
+	}
+});
+//#endregion
+export { dialog_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialogs/dialog/types.d.ts

@@ -0,0 +1,47 @@
+import { ButtonProps } from "../../button/types.js";
+//#region src/components/dialogs/dialog/types.d.ts
+export type DialogSize = "small" | "medium" | "large";
+/**
+ * Props exposed by the {@link Dialog} component.
+ */
+export type DialogProps = {
+  /**
+   * Plain text displayed as the dialog's title, in a single line. HTML isn't interpreted.
+   * Also used as the dialog's accessible name. Without it, the content is the accessible name.
+   */
+  title?: string;
+  /**
+   * Buttons displayed at the bottom of the dialog, right-aligned, in the given order.
+   * Place the main action last. When undefined or empty, no actions area is rendered.
+   * Clicking an action doesn't close the dialog: set `v-model` to `false` in `onClick`.
+   * While any action is `loading`, the user can't close the dialog with `Esc`, a click outside or
+   * the browser's back button, but setting `v-model` to `false` still closes it.
+   */
+  actions?: DialogButtonAction[];
+  /**
+   * Maximum width of the dialog.
+   * One of `small` (400px), `medium` (560px), or `large` (800px).
+   * @default "medium"
+   */
+  size?: DialogSize;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+/**
+ * A single action rendered inside {@link Dialog}'s actions area. Same shape as `USection`'s
+ * actions. While it's `loading`, the user can't close the dialog, but setting `v-model` to `false` still does.
+ */
+export interface DialogButtonAction extends ButtonProps {
+  /**
+   * Text displayed on the action button.
+   */
+  label: string;
+  /**
+   * Called when the action button is clicked. Not called while the action is `disabled` or
+   * `loading`. The dialog stays open.
+   */
+  onClick?: (event: MouseEvent) => void;
+}
+//#endregion

package/dist/components/dialogs/dialog-host.js

@@ -0,0 +1,5 @@
+import dialog_host_vue_vue_type_script_setup_true_lang_default from "./dialog-host.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/dialogs/dialog-host.vue
+var dialog_host_default = dialog_host_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { dialog_host_default as default };

package/dist/components/dialogs/dialog-host.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,81 @@
+import { dialogHostKey } from "./dialog/dialog-host-key.js";
+import dialog_default from "./dialog/dialog.js";
+import { owners, requests } from "../../composables/dialogs/use-dialog.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, onMounted, onUnmounted, openBlock, provide, ref, shallowRef, toDisplayString, watch, withCtx } from "vue";
+var dialog_host_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "dialog-host",
+	setup(__props) {
+		const owner = Symbol("dialog");
+		const isOwner = computed(() => owners.value[0] === owner);
+		const next = computed(() => isOwner.value ? requests.value[0] : void 0);
+		/** Dialog on display, kept until its leave transition ends. */
+		const request = shallowRef();
+		/**
+		* Changes for every dialog on display, so each one gets its own `Dialog`, open from the start.
+		* The next dialog can then open right after a dismissed one, whose `v-model` stays `true`.
+		*/
+		const key = shallowRef();
+		const isOpen = ref(false);
+		const selected = shallowRef();
+		const isRunning = computed(() => selected.value !== void 0);
+		const actions = computed(() => {
+			const current = request.value;
+			if (!current) return void 0;
+			return current.actions.map((action) => ({
+				label: action.text,
+				variant: action.variant,
+				color: action.color,
+				loading: selected.value === action,
+				disabled: isRunning.value && selected.value !== action,
+				onClick: () => void select(current, action)
+			}));
+		});
+		provide(dialogHostKey, {
+			role: () => request.value?.role,
+			afterLeave: showNext
+		});
+		onMounted(() => owners.value.push(owner));
+		onUnmounted(() => owners.value = owners.value.filter((item) => item !== owner));
+		watch(next, show);
+		function show() {
+			if (request.value) return;
+			request.value = next.value;
+			key.value = Symbol();
+			isOpen.value = next.value !== void 0;
+		}
+		function showNext() {
+			request.value = void 0;
+			show();
+		}
+		async function select(current, action) {
+			requests.value.shift();
+			selected.value = action;
+			await current.select(action?.value);
+			selected.value = void 0;
+			if (action) isOpen.value = false;
+		}
+		/** Called once a dialog closed by the user leaves, right before the next one is displayed. */
+		function dismiss() {
+			if (request.value) select(request.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" PascalCase, since `<dialog>` in the template would render the native HTML element instead "), (openBlock(), createBlock(dialog_default, {
+				key: key.value,
+				"model-value": isOpen.value,
+				title: request.value?.title,
+				actions: actions.value,
+				"onUpdate:modelValue": dismiss
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(request.value?.message), 1)]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"title",
+				"actions"
+			]))], 2112);
+		};
+	}
+});
+//#endregion
+export { dialog_host_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialogs/toast.js

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

package/dist/components/dialogs/toast.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { icons } from "../../consts/icons.js";
+import useDecorativeTimer from "../../composables/dialogs/use-decorative-timer.js";
+import { messages } from "../../composables/dialogs/use-toast.js";
+import { createBlock, createVNode, defineComponent, isRef, mergeProps, openBlock, unref, withCtx } from "vue";
+import { VIconBtn, VSnackbarQueue } from "vuetify/components";
+var toast_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "toast",
+	setup(__props) {
+		const decorativeTimer = useDecorativeTimer();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VSnackbarQueue), {
+				modelValue: unref(messages),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(messages) ? messages.value = $event : null),
+				"content-props": unref(decorativeTimer),
+				"display-strategy": "overflow",
+				location: "top end",
+				"total-visible": "3",
+				collapsed: "",
+				closable: "",
+				timer: ""
+			}, {
+				actions: withCtx(({ props }) => [createVNode(unref(VIconBtn), mergeProps(props, {
+					"aria-label": "Fechar",
+					icon: unref(icons).close,
+					size: "small",
+					variant: "text"
+				}), null, 16, ["icon"])]),
+				_: 1
+			}, 8, ["modelValue", "content-props"]);
+		};
+	}
+});
+//#endregion
+export { toast_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/footer/footer.js

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

package/dist/components/footer/footer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { createBlock, createTextVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { VFooter } from "vuetify/components";
+var footer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "footer",
+	props: {
+		description: {
+			type: String,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VFooter), {
+				"data-testid": props.dataTestid,
+				class: "justify-center text-center",
+				app: ""
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(props.description), 1)]),
+				_: 1
+			}, 8, ["data-testid"]);
+		};
+	}
+});
+//#endregion
+export { footer_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/footer/types.d.ts

@@ -0,0 +1,16 @@
+//#region src/components/footer/types.d.ts
+/**
+ * Props of the footer shown by the {@link Main} component.
+ */
+export type FooterProps = {
+  /**
+   * Text shown in the footer, e.g. the application version ("Versão 1.4.2").
+   * The footer is hidden when it's empty or omitted.
+   */
+  description?: string;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#endregion

package/dist/components/form/form.js

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

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

@@ -0,0 +1,32 @@
+import { FormProps } from "./types.js";
+//#region src/components/form/form.vue.d.ts
+/**
+ * Form component to be used throughout the application.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *  <u-form @submit="onSubmit">
+ *    <!-- uimed-field-components -->
+ *     <!-- uimed-submit-btn-component -->
+ *  </u-form>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/form | Form Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<FormProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+  submit: (event: SubmitEvent) => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<FormProps> & Readonly<{
+  onSubmit?: ((event: SubmitEvent) => 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/form/form.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
+import { VForm } from "vuetify/components";
+var form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "form",
+	props: {
+		id: {
+			type: String,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	emits: ["submit"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		async function onSubmit(event) {
+			const { valid } = await event;
+			if (valid) emit("submit", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VForm), {
+				id: props.id,
+				"data-testid": props.dataTestid,
+				onSubmit: withModifiers(onSubmit, ["prevent"])
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["id", "data-testid"]);
+		};
+	}
+});
+//#endregion
+export { form_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/types.d.ts

@@ -0,0 +1,15 @@
+//#region src/components/form/types.d.ts
+/**
+ * Props exposed by the {@link Form} component.
+ */
+export type FormProps = {
+  /**
+   * Id to set on `form` native element.
+   */
+  id?: string;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#endregion

package/dist/components/grid/column/column.js

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

package/dist/components/grid/column/column.vue.d.ts

@@ -0,0 +1,33 @@
+import { ColumnProps } from "./types.js";
+//#region src/components/grid/column/column.vue.d.ts
+/**
+ * Column component to be placed within a row.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-container>
+ *     <u-row>
+ *       <u-column>
+ *         <!-- uimed-components -->
+ *       </u-column>
+ *     </u-row>
+ *  </u-container>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Column Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ColumnProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<ColumnProps> & Readonly<{}>, {
+  cols: "12" | "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11";
+}, {}, {}, {}, 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/grid/column/column.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { VCol } from "vuetify/components";
+var column_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "column",
+	props: {
+		cols: {
+			type: String,
+			required: false,
+			default: "12"
+		},
+		listItem: {
+			type: Boolean,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const tag = computed(() => props.listItem ? "li" : void 0);
+		const listItemClasses = computed(() => props.listItem ? "d-block" : void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VCol), {
+				cols: "12",
+				sm: props.cols,
+				tag: tag.value,
+				class: normalizeClass(listItemClasses.value),
+				"data-testid": props.dataTestid
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"sm",
+				"tag",
+				"class",
+				"data-testid"
+			]);
+		};
+	}
+});
+//#endregion
+export { column_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/grid/column/types.d.ts

@@ -0,0 +1,27 @@
+//#region src/components/grid/column/types.d.ts
+/**
+ * Props exposed by the {@link Col} component.
+ */
+export type ColumnProps = {
+  /**
+   * Number of columns to stretch the component.
+   * Available options are:
+   * - `"auto"`: which won't try to stretch the component
+   * - `"1"` to `"12"`.
+   * @default "12"
+   */
+  cols?: Cols;
+  /**
+   * Renders the column as an item of a list (`<li>`), without its bullet.
+   * Use it on every column of a `URow` with `list`, whose records are,
+   * semantically, the items of a list.
+   * @default false
+   */
+  listItem?: boolean;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+type Cols = "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+//#endregion

package/dist/components/grid/container/container.js

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

package/dist/components/grid/container/container.vue.d.ts

@@ -0,0 +1,27 @@
+import { ContainerProps } from "./types.js";
+//#region src/components/grid/container/container.vue.d.ts
+/**
+ * Container component to be placed at the top of the component tree.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *  <u-container>
+ *     <!-- uimed-components -->
+ *  </u-container>
+ * <template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Container Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<ContainerProps> & Readonly<{}>, {}, {}, {}, {}, 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/grid/container/container.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { useFullHeight } from "../../../composables/dimensions/dimensions.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { VContainer } from "vuetify/components";
+var container_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "container",
+	props: {
+		fullHeight: {
+			type: Boolean,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const heightClass = useFullHeight(() => props.fullHeight);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VContainer), {
+				class: normalizeClass(unref(heightClass)),
+				"data-testid": props.dataTestid,
+				fluid: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class", "data-testid"]);
+		};
+	}
+});
+//#endregion
+export { container_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/grid/container/types.d.ts

@@ -0,0 +1,17 @@
+//#region src/components/grid/container/types.d.ts
+/**
+ * Props exposed by the {@link Container} component.
+ */
+export type ContainerProps = {
+  /**
+   * Stretches the container to the whole height of its parent, which must have a height of its
+   * own, e.g. the content area of `UMain`.
+   * @default false
+   */
+  fullHeight?: boolean;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#endregion

package/dist/components/grid/row/row.js

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