@nexdom/uimed-vue 2.0.0-beta.9 → 2.1.0

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

@@ -0,0 +1,46 @@
+import { DialogProps } from "./types.js";
+//#region src/components/dialogs/dialog/dialog.vue.d.ts
+/**
+ * Dialog component to display content in a modal window, over the page, until it's closed.
+ * Its title and actions stay in place while the content scrolls.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-dialog v-model="open" title="Title" :actions="[{ label: 'Close', onClick: () => (open = false) }]">
+ *     Content
+ *   </u-dialog>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/dialog | Dialog Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<DialogProps & {
+  /**
+   * Whether the dialog is open. Updated to `false` when the user closes it with the "Fechar" button
+   * at its top right, `Esc`, a click outside or the browser's back button, once its leave transition
+   * ends.
+   */
+  modelValue?: boolean;
+}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean) => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<DialogProps & {
+  /**
+   * Whether the dialog is open. Updated to `false` when the user closes it with the "Fechar" button
+   * at its top right, `Esc`, a click outside or the browser's back button, once its leave transition
+   * ends.
+   */
+  modelValue?: boolean;
+}> & Readonly<{
+  "onUpdate:modelValue"?: ((value: boolean) => 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/dialogs/dialog/dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,148 @@
+import { icons } from "../../../consts/icons.js";
+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, VCardItem, VCardText, VCardTitle, VDialog, VIconBtn } from "vuetify/components";
+//#region src/components/dialogs/dialog/dialog.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "text-truncate" };
+const _hoisted_2 = ["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;
+		/**
+		* Whether the dialog is open. Updated to `false` when the user closes it with the "Fechar" button
+		* at its top right, `Esc`, a click outside or the browser's back button, once its leave transition
+		* ends.
+		*/
+		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);
+		/**
+		* Closes the dialog from its close button, unless an action loads. The icon button's `disabled`
+		* only blocks pointer clicks and leaves the native `disabled` attribute out, hence its
+		* `aria-disabled`.
+		*/
+		function close() {
+			if (!isLoading.value) isActive.value = false;
+		}
+		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,
+					"data-u-dialog": ""
+				}, createSlots({
+					default: withCtx(() => [createVNode(unref(VCardItem), null, {
+						default: withCtx(() => [createCommentVNode(" The card's title prop has no room for the close button, so the title is built by hand.\n        The flex classes place the button at the end, and the truncation brings back the ellipsis\n        that the flex layout turns off "), createVNode(unref(VCardTitle), { class: "d-flex justify-space-between align-center" }, {
+							default: withCtx(() => [createElementVNode("span", _hoisted_1, toDisplayString(title.value), 1), createVNode(unref(VIconBtn), {
+								icon: unref(icons).close,
+								"aria-label": "Fechar",
+								"aria-disabled": unref(isLoading),
+								variant: "text",
+								size: "small",
+								"data-u-dialog-close": "",
+								disabled: unref(isLoading),
+								onClick: close
+							}, null, 8, [
+								"icon",
+								"aria-disabled",
+								"disabled"
+							])]),
+							_: 1
+						})]),
+						_: 1
+					}), createVNode(unref(VCardText), null, {
+						default: withCtx(() => [createElementVNode("div", { id: unref(contentId) }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_2)]),
+						_: 3
+					})]),
+					_: 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]), 1536)]),
+				_: 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,49 @@
+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. Every dialog displays a "Fechar" button at the top
+ * right of its title, which closes it as `Esc` and a click outside do.
+ */
+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 the "Fechar" button at its
+   * top right, `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 };