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

package/dist/components.js

@@ -1,1381 +1,23 @@
-import { a as messages, n as owners, r as requests, s as useVuetifyColor } from "./use-dialog-Ck2_ZW7T.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toValue, unref, useId, useModel, useTemplateRef, watch, withCtx, withModifiers } from "vue";
-import { VApp, VAppBar, VAppBarNavIcon, VAppBarTitle, VAutocomplete, VAvatar, VBadge, VBtn, VCard, VCardActions, VCardItem, VCardText, VCardTitle, VCheckboxBtn, VCol, VCombobox, VContainer, VDialog, VDivider, VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VExpansionPanels, VForm, VIcon, VIconBtn, VImg, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VMain, VMenu, VNavigationDrawer, VRow, VSkeletonLoader, VSnackbarQueue, VTable, VTextField } from "vuetify/components";
-import { formatDateTime, isEmail, isEmpty, isPhone, isUrl, toPeriodInterval } from "@nexdom/shared/utils";
-//#region src/composables/navigation/use-route-props.ts
-function useRouteProps(route) {
-	return computed(() => routeToProps(route));
-}
-function routeToProps(route) {
-	const location = toValue(route);
-	return isExternalRoute(location) ? { href: location } : { to: location };
-}
-function isExternalRoute(route) {
-	return typeof route === "string" && route.startsWith("http");
-}
-//#endregion
-//#region src/components/app-bar/app-bar.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$2 = { class: "opacity-60" };
-//#endregion
-//#region src/components/app-bar/app-bar.vue
-var app_bar_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
-		}
-	}, {
-		"notificationsOpen": {
-			type: Boolean,
-			default: false
-		},
-		"notificationsOpenModifiers": {},
-		"navigationOpen": { type: Boolean },
-		"navigationOpenModifiers": {}
-	}),
-	emits: ["update:notificationsOpen", "update:navigationOpen"],
-	setup(__props) {
-		const props = __props;
-		const notificationsOpen = useModel(__props, "notificationsOpen");
-		const navigationOpen = useModel(__props, "navigationOpen");
-		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 showUser = computed(() => !!props.user);
-		const userAvatarProps = computed(() => props.user.img ? { image: props.user.img } : { icon: "mdi-account-outline" });
-		function isParentOption(option) {
-			return "items" in option;
-		}
-		function formatNotificationDate(date) {
-			const interval = toPeriodInterval(date);
-			if (wasThisMonth(interval)) {
-				if (wasToday(interval)) return formatDateTime(date, "HH:mm");
-				else if (wasYesterday(interval)) return "Ontem";
-			}
-			return formatDateTime(date, "DD/MM/YYYY");
-		}
-		function wasThisMonth(interval) {
-			return interval.months === 0 && interval.years === 0;
-		}
-		function wasToday(interval) {
-			return interval.days === 0;
-		}
-		function wasYesterday(interval) {
-			return interval.days === 1;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VAppBar), { "data-testid": props.dataTestid }, {
-				append: withCtx(() => [
-					showHelp.value ? (openBlock(), createBlock(unref(VBtn), mergeProps({ key: 0 }, unref(routeProps), {
-						"data-testid": helpBtnDataTestid.value,
-						icon: "mdi-help-circle-outline"
-					}), null, 16, ["data-testid"])) : 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,
-							icon: ""
-						}), {
-							default: withCtx(() => [createVNode(unref(VBadge), {
-								"model-value": hasUnreadNotifications.value,
-								content: unreadCount.value,
-								color: "error"
-							}, {
-								default: withCtx(() => [createVNode(unref(VIcon), { icon: "mdi-bell-outline" })]),
-								_: 1
-							}, 8, ["model-value", "content"])]),
-							_: 1
-						}, 16, ["data-testid"])]),
-						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"
-									}, createSlots({ _: 2 }, [notification.date ? {
-										name: "append",
-										fn: withCtx(() => [createVNode(unref(VListItemAction), { end: "" }, {
-											default: withCtx(() => [createElementVNode("small", _hoisted_1$2, toDisplayString(formatNotificationDate(notification.date)), 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,
-							icon: ""
-						}), {
-							default: withCtx(() => [createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, { color: "primary" }), null, 16)]),
-							_: 1
-						}, 16, ["data-testid"])]),
-						default: withCtx(() => [createVNode(unref(VCard), {
-							title: __props.user?.title,
-							subtitle: __props.user?.subtitle,
-							"data-testid": userMenuDataTestid.value
-						}, {
-							prepend: withCtx(() => [createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, { color: "primary" }), null, 16)]),
-							default: withCtx(() => [createVNode(unref(VDivider)), createVNode(unref(VList), { nav: "" }, {
-								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 }) => [createVNode(unref(VListItem), mergeProps({ ref_for: true }, props, { title: option.description }), null, 16, ["title"])]),
-										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(option.items, (childOption, index) => {
-											return openBlock(), createBlock(unref(VListItem), mergeProps({ key: index }, { ref_for: true }, unref(routeToProps)(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(routeToProps)(option.route), { onClick: option.action }), null, 16, ["title", "onClick"]))], 64);
-								}), 128))]),
-								_: 1
-							})]),
-							_: 1
-						}, 8, [
-							"title",
-							"subtitle",
-							"data-testid"
-						])]),
-						_: 1
-					})) : createCommentVNode("v-if", true)
-				]),
-				default: withCtx(() => [
-					__props.navigation ? (openBlock(), createBlock(unref(VAppBarNavIcon), {
-						key: 0,
-						"data-testid": navigationBtnDataTestid.value,
-						onClick: _cache[0] || (_cache[0] = ($event) => navigationOpen.value = !navigationOpen.value)
-					}, null, 8, ["data-testid"])) : createCommentVNode("v-if", true),
-					__props.logo ? (openBlock(), createBlock(unref(VImg), {
-						key: 1,
-						src: props.logo,
-						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 }, {
-						default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
-						_: 1
-					})) : createCommentVNode("v-if", true)
-				]),
-				_: 1
-			}, 8, ["data-testid"]);
-		};
-	}
-});
-//#endregion
-//#region src/composables/inputs/rules.ts
-function required(value) {
-	return !isEmpty(value) || "Campo obrigatório";
-}
-function phone(value) {
-	return isEmpty(value) || isPhone(value) || "Número inválido";
-}
-function email(value) {
-	return isEmpty(value) || isEmail(value) || "E-mail inválido";
-}
-function url(value) {
-	return isEmpty(value) || isUrl(value) || "URL inválida";
-}
-//#endregion
-//#region src/composables/inputs/fields.ts
-const textFieldVariantToVuetifyVariant = {
-	primary: "underlined",
-	secondary: "outlined"
-};
-function useTextFieldVariant(variant) {
-	return computed(() => {
-		const variantValue = toValue(variant);
-		return textFieldVariantToVuetifyVariant[variantValue];
-	});
-}
-function createRequiredRule(required, isPresent) {
-	return (value) => {
-		if (!required) return true;
-		return isPresent(value) || "Campo obrigatório";
-	};
-}
-function useRules(options) {
-	return computed(() => {
-		const rules = [];
-		if (options.required) rules.push(required);
-		return rules;
-	});
-}
-//#endregion
-//#region src/composables/inputs/text-field.ts
-const textFieldTypeToVuetifyType = {
-	text: "text",
-	phone: "tel",
-	email: "email",
-	url: "url",
-	password: "password",
-	search: "text"
-};
-const textFieldTypeToVuetifyRule = {
-	phone,
-	email,
-	url
-};
-function useTextFieldType(type) {
-	return computed(() => {
-		const typeValue = toValue(type);
-		return textFieldTypeToVuetifyType[typeValue];
-	});
-}
-function useTextFieldRules(props) {
-	const defaultRules = useRules(props);
-	return computed(() => {
-		const rules = [...defaultRules.value];
-		const typeRule = associatedRuleType(props.type) ? textFieldTypeToVuetifyRule[props.type] : void 0;
-		if (typeRule) rules.push(typeRule);
-		return rules;
-	});
-}
-function associatedRuleType(type) {
-	return type in textFieldTypeToVuetifyRule;
-}
-//#endregion
-//#region src/components/inputs/text-field/text-field.vue
-var text_field_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "text-field",
-	props: /*@__PURE__*/ mergeModels({
-		variant: {
-			type: String,
-			required: false,
-			default: "primary"
-		},
-		type: {
-			type: String,
-			required: false,
-			default: "text"
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		loading: {
-			type: Boolean,
-			required: false
-		},
-		clearable: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		readonly: {
-			type: Boolean,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		},
-		label: {
-			type: String,
-			required: false
-		},
-		placeholder: {
-			type: String,
-			required: false
-		},
-		hint: {
-			type: String,
-			required: false
-		},
-		dataTestid: {
-			type: String,
-			required: false
-		}
-	}, {
-		"modelValue": {
-			type: String,
-			default: ""
-		},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const modelValue = useModel(__props, "modelValue");
-		const props = __props;
-		const vuetifyVariant = useTextFieldVariant(() => props.variant);
-		const vuetifyType = useTextFieldType(() => props.type);
-		const rules = useTextFieldRules(props);
-		const isSearchField = computed(() => props.type === "search");
-		const computedClearable = computed(() => props.clearable ?? isSearchField.value);
-		const appendIcon = computed(() => isSearchField.value ? "mdi-magnify" : void 0);
-		function clear() {
-			modelValue.value = "";
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VTextField), {
-				modelValue: modelValue.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-				variant: unref(vuetifyVariant),
-				type: unref(vuetifyType),
-				"append-inner-icon": appendIcon.value,
-				rules: unref(rules),
-				"data-testid": props.dataTestid,
-				disabled: props.disabled,
-				loading: props.loading,
-				readonly: props.readonly,
-				label: props.label,
-				placeholder: props.placeholder,
-				hint: props.hint,
-				clearable: computedClearable.value,
-				"onClick:clear": clear
-			}, null, 8, [
-				"modelValue",
-				"variant",
-				"type",
-				"append-inner-icon",
-				"rules",
-				"data-testid",
-				"disabled",
-				"loading",
-				"readonly",
-				"label",
-				"placeholder",
-				"hint",
-				"clearable"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/navigation-menu/navigation-menu.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$1 = { class: "px-4 pt-2" };
-//#endregion
-//#region src/components/navigation-menu/navigation-menu.vue
-var navigation_menu_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "navigation-menu",
-	props: /*@__PURE__*/ mergeModels({
-		dataTestid: {
-			type: String,
-			required: false
-		},
-		items: {
-			type: Array,
-			required: false
-		}
-	}, {
-		"modelValue": {
-			type: Boolean,
-			default: false
-		},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = __props;
-		const open = useModel(__props, "modelValue");
-		const search = ref("");
-		const filteredItems = computed(() => filterItems());
-		const searchDataTestid = computed(() => `${props.dataTestid}-search`);
-		const query = computed(() => search.value.toLowerCase());
-		function filterItems() {
-			return (props.items ?? []).reduce((filtered, item) => {
-				if (matches(item)) filtered.push(item);
-				else if (isParentItem(item)) {
-					const matchingChildren = item.items.filter((child) => matches(child));
-					if (matchingChildren.length) filtered.push({
-						...item,
-						items: matchingChildren
-					});
-				}
-				return filtered;
-			}, []);
-		}
-		function matches(item) {
-			return item.description.toLowerCase().includes(query.value);
-		}
-		function isParentItem(item) {
-			return "items" in item;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VNavigationDrawer), {
-				modelValue: open.value,
-				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => open.value = $event),
-				"data-testid": props.dataTestid,
-				absolute: "",
-				temporary: ""
-			}, {
-				prepend: withCtx(() => [createElementVNode("div", _hoisted_1$1, [createVNode(text_field_default, {
-					modelValue: search.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
-					type: "search",
-					label: "Buscar",
-					"data-testid": searchDataTestid.value
-				}, null, 8, ["modelValue", "data-testid"])])]),
-				default: withCtx(() => [createVNode(unref(VDivider)), createVNode(unref(VList), { nav: "" }, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredItems.value, (item, index) => {
-						return openBlock(), createElementBlock(Fragment, { key: index }, [isParentItem(item) ? (openBlock(), createBlock(unref(VListGroup), { key: 0 }, {
-							activator: withCtx(({ props: activatorProps }) => [createVNode(unref(VListItem), mergeProps({ ref_for: true }, activatorProps, { title: item.description }), null, 16, ["title"])]),
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (childItem, childIndex) => {
-								return openBlock(), createBlock(unref(VListItem), mergeProps({ key: childIndex }, { ref_for: true }, unref(routeToProps)(childItem.route), {
-									title: childItem.description,
-									onClick: childItem.action
-								}), null, 16, ["title", "onClick"]);
-							}), 128))]),
-							_: 2
-						}, 1024)) : (openBlock(), createBlock(unref(VListItem), mergeProps({
-							key: 1,
-							title: item.description
-						}, { ref_for: true }, unref(routeToProps)(item.route), { onClick: item.action }), null, 16, ["title", "onClick"]))], 64);
-					}), 128))]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["modelValue", "data-testid"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/grid/container/container.vue
-var container_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "container",
-	props: { dataTestid: {
-		type: String,
-		required: false
-	} },
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VContainer), {
-				"data-testid": props.dataTestid,
-				fluid: ""
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["data-testid"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/dialogs/toast.vue
-var toast_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "toast",
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSnackbarQueue), {
-				modelValue: unref(messages),
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(messages) ? messages.value = $event : null),
-				"display-strategy": "overflow",
-				location: "top end",
-				"total-visible": "3",
-				collapsed: "",
-				closable: "",
-				timer: ""
-			}, {
-				actions: withCtx(({ props }) => [createVNode(unref(VIconBtn), mergeProps(props, {
-					"aria-label": "Fechar",
-					icon: "$close",
-					size: "small",
-					variant: "text"
-				}), null, 16)]),
-				_: 1
-			}, 8, ["modelValue"]);
-		};
-	}
-});
-//#endregion
-//#region src/composables/button/button.ts
-const buttonVariantToVuetifyVariant = {
-	primary: "elevated",
-	secondary: "flat",
-	ghost: "outlined"
-};
-function useButtonVariant(variant) {
-	return computed(() => {
-		const variantValue = toValue(variant);
-		return variantValue ? buttonVariantToVuetifyVariant[variantValue] : buttonVariantToVuetifyVariant.primary;
-	});
-}
-function useButtonType(type) {
-	return computed(() => {
-		return toValue(type) ?? "button";
-	});
-}
-function useButtonForm(form) {
-	return computed(() => toValue(form));
-}
-//#endregion
-//#region src/components/button/button.vue
-var button_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
-		},
-		form: {
-			type: String,
-			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 = useVuetifyColor(() => props.color);
-		const type = useButtonType(() => props.type);
-		const form = useButtonForm(() => props.form);
-		function onClick(event) {
-			emit("click", event);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VBtn), {
-				disabled: props.disabled,
-				loading: props.loading,
-				"data-testid": props.dataTestid,
-				variant: unref(variant),
-				color: unref(color),
-				type: unref(type),
-				form: unref(form),
-				onClick
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"disabled",
-				"loading",
-				"data-testid",
-				"variant",
-				"color",
-				"type",
-				"form"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/dialogs/dialog.vue
-var dialog_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "dialog",
-	setup(__props) {
-		const owner = Symbol("dialog");
-		const titleId = useId();
-		const messageId = useId();
-		const actions = useTemplateRef("actions");
-		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();
-		const isOpen = ref(false);
-		const selected = shallowRef();
-		const isRunning = computed(() => selected.value !== void 0);
-		/** Element focused before the dialog opened, which gets the focus back when it closes. */
-		let origin = null;
-		onMounted(() => owners.value.push(owner));
-		onUnmounted(() => owners.value = owners.value.filter((item) => item !== owner));
-		watch(next, show);
-		function show() {
-			if (request.value) return;
-			origin = document.activeElement;
-			request.value = next.value;
-			isOpen.value = next.value !== void 0;
-		}
-		function showNext() {
-			request.value = void 0;
-			show();
-		}
-		async function select(current, action) {
-			if (isRunning.value) return;
-			requests.value.shift();
-			selected.value = action;
-			await current.select(action?.value);
-			selected.value = void 0;
-			isOpen.value = false;
-			if (origin instanceof HTMLElement || origin instanceof SVGElement) origin.focus();
-		}
-		function dismiss() {
-			if (request.value) select(request.value);
-		}
-		function focusFirstAction() {
-			actions.value?.$el.querySelector("button").focus();
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VDialog), {
-				"model-value": isOpen.value,
-				persistent: isRunning.value,
-				role: request.value?.role,
-				"aria-labelledby": request.value?.title ? unref(titleId) : unref(messageId),
-				"aria-describedby": unref(messageId),
-				"max-width": "560",
-				"onUpdate:modelValue": dismiss,
-				onAfterEnter: focusFirstAction,
-				onAfterLeave: showNext
-			}, {
-				default: withCtx(() => [createCommentVNode("\n      MD3 dialogs have a 24px padding, 16px between title and message, 24px between message and\n      actions, and 8px between the end-aligned actions. Inside a dialog, the card parts already\n      have 24px sides, 16px below the title, 24px below the message, and end-aligned actions 8px\n      apart, but no prop sets the remaining paddings, hence the spacing classes.\n    "), request.value ? (openBlock(), createBlock(unref(VCard), { key: 0 }, {
-					default: withCtx(() => [
-						request.value.title ? (openBlock(), createBlock(unref(VCardItem), {
-							key: 0,
-							class: "pt-6"
-						}, {
-							default: withCtx(() => [createCommentVNode(" Titles wrap instead of being truncated, since they're part of the message "), createVNode(unref(VCardTitle), {
-								id: unref(titleId),
-								class: "text-wrap"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(request.value.title), 1)]),
-								_: 1
-							}, 8, ["id"])]),
-							_: 1
-						})) : createCommentVNode("v-if", true),
-						createCommentVNode(" Below a title, the card already removes the message's top padding "),
-						createVNode(unref(VCardText), {
-							id: unref(messageId),
-							class: normalizeClass({ "pt-6": !request.value.title })
-						}, {
-							default: withCtx(() => [createTextVNode(toDisplayString(request.value.message), 1)]),
-							_: 1
-						}, 8, ["id", "class"]),
-						request.value.actions.length > 0 ? (openBlock(), createBlock(unref(VCardActions), {
-							key: 1,
-							ref_key: "actions",
-							ref: actions,
-							class: "px-6 pt-0 pb-6"
-						}, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(request.value.actions, (action, index) => {
-								return openBlock(), createBlock(button_default, {
-									key: index,
-									variant: action.variant,
-									color: action.color,
-									loading: selected.value === action,
-									disabled: isRunning.value && selected.value !== action,
-									onClick: ($event) => select(request.value, action)
-								}, {
-									default: withCtx(() => [createTextVNode(toDisplayString(action.text), 1)]),
-									_: 2
-								}, 1032, [
-									"variant",
-									"color",
-									"loading",
-									"disabled",
-									"onClick"
-								]);
-							}), 128))]),
-							_: 1
-						}, 512)) : createCommentVNode("v-if", true)
-					]),
-					_: 1
-				})) : createCommentVNode("v-if", true)]),
-				_: 1
-			}, 8, [
-				"model-value",
-				"persistent",
-				"role",
-				"aria-labelledby",
-				"aria-describedby"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/main/main.vue
-var main_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "main",
-	props: /*@__PURE__*/ mergeModels({
-		dataTestid: {
-			type: String,
-			required: false
-		},
-		logo: {
-			type: String,
-			required: false
-		},
-		appBar: {
-			type: Object,
-			required: false
-		},
-		navigationMenu: {
-			type: Object,
-			required: false
-		}
-	}, {
-		"notificationsOpen": {
-			type: Boolean,
-			default: false
-		},
-		"notificationsOpenModifiers": {}
-	}),
-	emits: ["update:notificationsOpen"],
-	setup(__props) {
-		const props = __props;
-		const appBarProps = computed(() => props.appBar ? {
-			...props.appBar,
-			logo: props.logo,
-			navigation: props.navigationMenu !== void 0
-		} : void 0);
-		const notificationsOpen = useModel(__props, "notificationsOpen");
-		const navigationMenuOpen = ref(false);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VApp), { "data-testid": props.dataTestid }, {
-				default: withCtx(() => [
-					appBarProps.value ? (openBlock(), createBlock(app_bar_default, mergeProps({ key: 0 }, appBarProps.value, {
-						"notifications-open": notificationsOpen.value,
-						"onUpdate:notificationsOpen": _cache[0] || (_cache[0] = ($event) => notificationsOpen.value = $event),
-						"navigation-open": navigationMenuOpen.value,
-						"onUpdate:navigationOpen": _cache[1] || (_cache[1] = ($event) => navigationMenuOpen.value = $event)
-					}), null, 16, ["notifications-open", "navigation-open"])) : createCommentVNode("v-if", true),
-					props.navigationMenu ? (openBlock(), createBlock(navigation_menu_default, mergeProps({ key: 1 }, props.navigationMenu, {
-						modelValue: navigationMenuOpen.value,
-						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => navigationMenuOpen.value = $event)
-					}), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
-					createVNode(unref(VMain), null, {
-						default: withCtx(() => [createVNode(container_default, null, {
-							default: withCtx(() => [
-								renderSlot(_ctx.$slots, "default"),
-								createVNode(toast_default),
-								createVNode(dialog_default)
-							]),
-							_: 3
-						})]),
-						_: 3
-					})
-				]),
-				_: 3
-			}, 8, ["data-testid"]);
-		};
-	}
-});
-//#endregion
-//#region src/composables/inputs/autocomplete-field.ts
-function createAutocompleteRequiredRule(options) {
-	return createRequiredRule(options.required, (value) => {
-		if (options.multiple) return (Array.isArray(value) ? value : []).length > 0;
-		return !isEmpty(String(value ?? ""));
-	});
-}
-function useAutocompleteRules(options) {
-	return computed(() => {
-		const opts = toValue(options);
-		const rules = [];
-		if (opts.required) rules.push(createAutocompleteRequiredRule(opts));
-		return rules;
-	});
-}
-//#endregion
-//#region src/components/inputs/autocomplete-field/autocomplete-field.vue
-var autocomplete_field_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "autocomplete-field",
-	props: /*@__PURE__*/ mergeModels({
-		variant: {
-			type: String,
-			required: false,
-			default: "primary"
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		loading: {
-			type: Boolean,
-			required: false
-		},
-		clearable: {
-			type: Boolean,
-			required: false
-		},
-		readonly: {
-			type: Boolean,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		},
-		label: {
-			type: String,
-			required: false
-		},
-		placeholder: {
-			type: String,
-			required: false
-		},
-		hint: {
-			type: String,
-			required: false
-		},
-		dataTestid: {
-			type: String,
-			required: false
-		},
-		strict: {
-			type: Boolean,
-			required: false
-		},
-		multiple: {
-			type: null,
-			required: false
-		},
-		items: {
-			type: Array,
-			required: false,
-			default: () => []
-		}
-	}, {
-		"modelValue": { type: null },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const modelValue = useModel(__props, "modelValue");
-		const props = __props;
-		const vuetifyVariant = useTextFieldVariant(() => props.variant);
-		const isMultiple = computed(() => props.multiple ?? false);
-		const rules = useAutocompleteRules(() => ({
-			required: props.required,
-			multiple: isMultiple.value
-		}));
-		const vuetifyComponent = computed(() => props.strict ? VAutocomplete : VCombobox);
-		const normalizedItems = computed(() => {
-			return props.items.map((item) => {
-				if (typeof item === "string") return {
-					label: item,
-					value: item
-				};
-				return item;
-			});
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(vuetifyComponent.value), {
-				modelValue: modelValue.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-				variant: unref(vuetifyVariant),
-				items: normalizedItems.value,
-				"data-testid": props.dataTestid,
-				disabled: props.disabled,
-				loading: props.loading,
-				readonly: props.readonly,
-				label: props.label,
-				placeholder: props.placeholder,
-				hint: props.hint,
-				clearable: props.clearable,
-				multiple: isMultiple.value,
-				"item-title": "label",
-				rules: unref(rules),
-				chips: ""
-			}, null, 8, [
-				"modelValue",
-				"variant",
-				"items",
-				"data-testid",
-				"disabled",
-				"loading",
-				"readonly",
-				"label",
-				"placeholder",
-				"hint",
-				"clearable",
-				"multiple",
-				"rules"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/inputs/checkbox/checkbox.vue
-var checkbox_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "checkbox",
-	props: /*@__PURE__*/ mergeModels({
-		label: {
-			type: String,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		readonly: {
-			type: Boolean,
-			required: false
-		},
-		trueValue: {
-			type: Boolean,
-			required: false,
-			skipCheck: true,
-			default: true
-		},
-		falseValue: {
-			type: Boolean,
-			required: false,
-			skipCheck: true,
-			default: false
-		},
-		dataTestid: {
-			type: String,
-			required: false
-		}
-	}, {
-		"modelValue": {
-			type: null,
-			default: (props) => props.falseValue
-		},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = __props;
-		const modelValue = useModel(__props, "modelValue");
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VCheckboxBtn), {
-				modelValue: modelValue.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-				"true-value": props.trueValue,
-				"false-value": props.falseValue,
-				"data-testid": props.dataTestid,
-				disabled: props.disabled,
-				readonly: props.readonly,
-				label: props.label,
-				class: "flex-0-1",
-				"hide-details": ""
-			}, null, 8, [
-				"modelValue",
-				"true-value",
-				"false-value",
-				"data-testid",
-				"disabled",
-				"readonly",
-				"label"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/grid/row/row.vue
-var row_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "row",
-	props: { dataTestid: {
-		type: String,
-		required: false
-	} },
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VRow), { "data-testid": props.dataTestid }, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["data-testid"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/grid/column/column.vue
-var column_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "column",
-	props: {
-		cols: {
-			type: String,
-			required: false,
-			default: "12"
-		},
-		dataTestid: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VCol), {
-				cols: "12",
-				sm: props.cols,
-				"data-testid": props.dataTestid
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["sm", "data-testid"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/form/form.vue
-var form_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
-//#region src/components/sections/section-content/section-content.vue
-var section_content_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "section-content",
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VCardText), null, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region src/composables/section/section.ts
-const sectionVariantToVuetifyVariant = {
-	primary: "elevated",
-	secondary: "outlined"
-};
-function useSectionVariant(variant) {
-	return computed(() => {
-		const variantValue = toValue(variant);
-		return variantValue ? sectionVariantToVuetifyVariant[variantValue] : sectionVariantToVuetifyVariant.primary;
-	});
-}
-//#endregion
-//#region src/components/sections/section/section.vue
-var section_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "section",
-	props: {
-		variant: {
-			type: String,
-			required: false
-		},
-		title: {
-			type: String,
-			required: false
-		},
-		subtitle: {
-			type: String,
-			required: false
-		},
-		actions: {
-			type: Array,
-			required: false
-		},
-		fullWidth: {
-			type: Boolean,
-			required: false
-		},
-		fullHeight: {
-			type: Boolean,
-			required: false
-		},
-		loading: {
-			type: Boolean,
-			required: false
-		},
-		dataTestid: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const variant = useSectionVariant(() => props.variant);
-		const title = computed(() => props.title || void 0);
-		const subtitle = computed(() => props.subtitle || void 0);
-		const width = computed(() => props.fullWidth ? "100%" : void 0);
-		const height = computed(() => props.fullHeight ? "100%" : void 0);
-		const showActions = computed(() => !!props.actions?.length);
-		const skeletonType = computed(() => showActions.value ? "image, actions" : "image");
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSkeletonLoader), {
-				loading: props.loading,
-				type: skeletonType.value,
-				width: width.value,
-				height: height.value
-			}, {
-				default: withCtx(() => [createVNode(unref(VCard), {
-					title: title.value,
-					subtitle: subtitle.value,
-					variant: unref(variant),
-					width: width.value,
-					height: height.value,
-					"data-testid": props.dataTestid,
-					class: "d-flex flex-column"
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default"), showActions.value ? (openBlock(), createBlock(unref(VCardActions), {
-						key: 0,
-						class: "mt-auto justify-end"
-					}, {
-						default: 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))]),
-						_: 1
-					})) : createCommentVNode("v-if", true)]),
-					_: 3
-				}, 8, [
-					"title",
-					"subtitle",
-					"variant",
-					"width",
-					"height",
-					"data-testid"
-				])]),
-				_: 3
-			}, 8, [
-				"loading",
-				"type",
-				"width",
-				"height"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/table/table.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { scope: "row" };
-const _hoisted_2 = { key: 0 };
-//#endregion
-//#region src/components/table/table.vue
-var table_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "table",
-	props: {
-		headers: {
-			type: Array,
-			required: false
-		},
-		items: {
-			type: Array,
-			required: false
-		},
-		vertical: {
-			type: Boolean,
-			required: false
-		},
-		loading: {
-			type: Boolean,
-			required: false
-		},
-		dataTestid: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const hasHeaders = computed(() => !!props.headers?.length);
-		const itemRows = computed(() => props.items ?? []);
-		const type = computed(() => {
-			if (hasHeaders.value && !props.vertical) return "table-thead, table-tbody";
-			return "table-tbody";
-		});
-		function getVerticalTableTestId(index) {
-			if (!props.dataTestid) return void 0;
-			if (itemRows.value.length === 1) return props.dataTestid;
-			return `${props.dataTestid}-${index}`;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSkeletonLoader), {
-				loading: props.loading,
-				type: type.value
-			}, {
-				default: withCtx(() => [props.vertical ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(itemRows.value, (item, itemIndex) => {
-					return openBlock(), createBlock(unref(VTable), {
-						key: itemIndex,
-						"data-testid": getVerticalTableTestId(itemIndex)
-					}, {
-						default: withCtx(() => [createElementVNode("tbody", null, [hasHeaders.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.headers, (header, headerIndex) => {
-							return openBlock(), createElementBlock("tr", { key: headerIndex }, [createElementVNode("th", _hoisted_1, toDisplayString(header), 1), createElementVNode("td", null, toDisplayString(item[headerIndex]), 1)]);
-						}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(item, (cell, cellIndex) => {
-							return openBlock(), createElementBlock("tr", { key: cellIndex }, [createElementVNode("td", null, toDisplayString(cell), 1)]);
-						}), 128))])]),
-						_: 2
-					}, 1032, ["data-testid"]);
-				}), 128)) : (openBlock(), createBlock(unref(VTable), {
-					key: 1,
-					"data-testid": props.dataTestid
-				}, {
-					default: withCtx(() => [hasHeaders.value && !props.vertical ? (openBlock(), createElementBlock("thead", _hoisted_2, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.headers, (header, index) => {
-						return openBlock(), createElementBlock("th", {
-							key: index,
-							scope: "col"
-						}, toDisplayString(header), 1);
-					}), 128))])])) : createCommentVNode("v-if", true), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(itemRows.value, (row, rowIndex) => {
-						return openBlock(), createElementBlock("tr", { key: rowIndex }, [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, cellIndex) => {
-							return openBlock(), createElementBlock("td", { key: cellIndex }, toDisplayString(cell), 1);
-						}), 128))]);
-					}), 128))])]),
-					_: 1
-				}, 8, ["data-testid"]))]),
-				_: 1
-			}, 8, ["loading", "type"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/details/details.vue
-var details_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "details",
-	props: {
-		variant: {
-			type: String,
-			required: false
-		},
-		title: {
-			type: String,
-			required: false
-		},
-		loading: {
-			type: Boolean,
-			required: false
-		},
-		dataTestid: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const outlined = computed(() => props.variant === "secondary");
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSkeletonLoader), {
-				loading: props.loading,
-				type: "heading",
-				width: "100%"
-			}, {
-				default: withCtx(() => [createVNode(unref(VExpansionPanels), {
-					flat: outlined.value,
-					"data-testid": props.dataTestid
-				}, {
-					default: withCtx(() => [createVNode(unref(VExpansionPanel), { class: normalizeClass({ border: outlined.value }) }, {
-						default: withCtx(() => [createVNode(unref(VExpansionPanelTitle), null, {
-							default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
-							_: 1
-						}), createVNode(unref(VExpansionPanelText), null, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-							_: 3
-						})]),
-						_: 3
-					}, 8, ["class"])]),
-					_: 3
-				}, 8, ["flat", "data-testid"])]),
-				_: 3
-			}, 8, ["loading"]);
-		};
-	}
-});
-//#endregion
-export { autocomplete_field_default as UAutocompleteField, button_default as UButton, checkbox_default as UCheckbox, column_default as UColumn, container_default as UContainer, details_default as UDetails, form_default as UForm, main_default as UMain, row_default as URow, section_default as USection, section_content_default as USectionContent, table_default as UTable, text_field_default as UTextField };
+import text_field_default from "./components/inputs/text-field/text-field.js";
+import container_default from "./components/grid/container/container.js";
+import button_default from "./components/button/button.js";
+import dialog_default from "./components/dialogs/dialog/dialog.js";
+import main_default from "./components/main/main.js";
+import icon_button_default from "./components/icon-button/icon-button.js";
+import autocomplete_field_default from "./components/inputs/autocomplete-field/autocomplete-field.js";
+import checkbox_default from "./components/inputs/checkbox/checkbox.js";
+import date_time_field_default from "./components/inputs/date-time-field/date-time-field.js";
+import mask_field_default from "./components/inputs/mask-field/mask-field.js";
+import row_default from "./components/grid/row/row.js";
+import column_default from "./components/grid/column/column.js";
+import form_default from "./components/form/form.js";
+import section_content_default from "./components/sections/section-content/section-content.js";
+import section_default from "./components/sections/section/section.js";
+import table_default from "./components/table/table.js";
+import details_default from "./components/details/details.js";
+import img_default from "./components/img/img.js";
+import link_default from "./components/link/link.js";
+import data_set_default from "./components/data-sets/data-set/data-set.js";
+import data_set_item_default from "./components/data-sets/data-set-item/data-set-item.js";
+import page_transition_default from "./components/page-transition/page-transition.js";
+export { autocomplete_field_default as UAutocompleteField, button_default as UButton, checkbox_default as UCheckbox, column_default as UColumn, container_default as UContainer, data_set_default as UDataSet, data_set_item_default as UDataSetItem, date_time_field_default as UDateTimeField, details_default as UDetails, dialog_default as UDialog, form_default as UForm, icon_button_default as UIconButton, img_default as UImg, link_default as ULink, main_default as UMain, mask_field_default as UMaskField, page_transition_default as UPageTransition, row_default as URow, section_default as USection, section_content_default as USectionContent, table_default as UTable, text_field_default as UTextField };