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

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

@@ -0,0 +1,57 @@
+import section_content_default from "../../sections/section-content/section-content.js";
+import section_default from "../../sections/section/section.js";
+import { createBlock, createCommentVNode, defineComponent, openBlock, renderSlot, useSlots, withCtx } from "vue";
+var data_set_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "data-set-item",
+	props: {
+		title: {
+			type: String,
+			required: false
+		},
+		subtitle: {
+			type: String,
+			required: false
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		actions: {
+			type: Array,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(section_default, {
+				title: props.title,
+				subtitle: props.subtitle,
+				variant: props.variant,
+				actions: props.actions,
+				"data-testid": props.dataTestid,
+				"full-height": ""
+			}, {
+				default: withCtx(() => [slots.default ? (openBlock(), createBlock(section_content_default, { key: 0 }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				})) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 8, [
+				"title",
+				"subtitle",
+				"variant",
+				"actions",
+				"data-testid"
+			]);
+		};
+	}
+});
+//#endregion
+export { data_set_item_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,42 @@
+import { SectionAction, SectionVariant } from "../../sections/section/types.js";
+//#region src/components/data-sets/data-set-item/types.d.ts
+/**
+ * Props exposed by the {@link DataSetItem} component.
+ */
+export type DataSetItemProps = {
+  /**
+   * Title displayed at the top of the record's card.
+   */
+  title?: string;
+  /**
+   * Short description displayed below the title.
+   */
+  subtitle?: string;
+  /**
+   * Applies a distinct style variation to the record's card, just like on
+   * `USection`. One of `primary` or `secondary`.
+   * @default "primary"
+   */
+  variant?: SectionVariant;
+  /**
+   * Actions of the record, like "Editar" and "Excluir", displayed at the
+   * bottom of its card, just like on `USection`. When undefined or empty, no
+   * actions area is rendered.
+   */
+  actions?: SectionAction[];
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+/**
+ * Slots exposed by the {@link DataSetItem} component.
+ */
+export type DataSetItemSlots = {
+  /**
+   * Details of the record, displayed below the title and subtitle, like a
+   * vertical `UTable` with some of its fields.
+   */
+  default?: () => unknown;
+};
+//#endregion

package/dist/components/details/details.js

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

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

@@ -0,0 +1,28 @@
+import { DetailsProps } from "./types.js";
+//#region src/components/details/details.vue.d.ts
+/**
+ * Details component to show content that can be expanded or collapsed by
+ * clicking on its title. Starts collapsed.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-details title="Title">
+ *     Content
+ *   </u-details>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/details | Details Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<DetailsProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<DetailsProps> & 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/details/details.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import skeleton_loader_default from "../skeleton-loader/skeleton-loader.js";
+import { computed, createBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VExpansionPanels } from "vuetify/components";
+var details_vue_vue_type_script_setup_true_lang_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(skeleton_loader_default, {
+				loading: props.loading,
+				type: "heading",
+				"full-width": ""
+			}, {
+				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 { details_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,29 @@
+//#region src/components/details/types.d.ts
+export type DetailsVariant = "primary" | "secondary";
+/**
+ * Props exposed by the {@link Details} component.
+ */
+export type DetailsProps = {
+  /**
+   * Applies a distinct style variation to the details.
+   * One of `primary` or `secondary`.
+   * @default "primary"
+   */
+  variant?: DetailsVariant;
+  /**
+   * Title displayed on the header, which expands or collapses the content
+   * when clicked. The header stays clickable even without a title.
+   */
+  title?: string;
+  /**
+   * Shows a skeleton loader in place of the details while data is being
+   * loaded.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#endregion

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

@@ -0,0 +1,10 @@
+//#region src/components/dialogs/dialog/dialog-host-key.ts
+/**
+* Injection key of {@link DialogHostContext}, provided by the internal `DialogHost`. Besides the
+* role, the blocking while an action runs and the end of the leave transitions, it makes the
+* dialog's content describe the dialog (`aria-describedby`), since `DialogHost` only displays text
+* messages. Not part of the public API.
+*/
+const dialogHostKey = Symbol("dialog-host");
+//#endregion
+export { dialogHostKey };

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

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

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

@@ -0,0 +1,36 @@
+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 & {
+  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 & {
+  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,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 };