@nexdom/uimed-vue 2.0.0-beta.2 → 2.0.0-beta.21

package/dist/components.d.ts

@@ -1,4 +1,4 @@
-import { t as ColorVariant } from "./types-BPXXtbmW.js";
+import { t as ButtonProps } from "./types-HPMP8IrV.js";
 import { RouteLocationRaw } from "vue-router";
 //#region src/components/app-bar/types.d.ts
 /**
@@ -43,9 +43,10 @@ interface AppBarNotification {
    */
   read?: boolean;
   /**
-   * Date the notification was generated.
+   * Free text telling when the notification was generated, shown as is (e.g.
+   * `"10:30"`, `"Ontem"` or `"28/09/2026"`). Hidden when omitted or empty.
    */
-  date?: Date;
+  when?: string;
 }
 interface AppBarUserProps {
   /**
@@ -144,6 +145,9 @@ type MainProps = {
   dataTestid?: string;
   /**
    * URL to logo image.
+   *
+   * The logo is decorative (`alt=""`): screen readers identify the app by
+   * the app bar title (`appBar.title`).
    */
   logo?: string;
   /**
@@ -154,6 +158,13 @@ type MainProps = {
    * Navigation menu properties.
    */
   navigationMenu?: NavigationMenuProps;
+  /**
+   * Shows skeleton loaders in place of the user-related parts of the app bar
+   * and of the navigation menu items while their data is being loaded.
+   * The main content (default slot) isn't affected.
+   * @default false
+   */
+  loading?: boolean;
 };
 //#endregion
 //#region src/components/main/main.vue.d.ts
@@ -171,8 +182,8 @@ type MainProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/main | Main Guide}
  */
-declare const _default$4: typeof __VLS_export$9;
-declare const __VLS_export$9: __VLS_WithSlots$7<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<MainProps & {
+declare const _default$11: typeof __VLS_export$16;
+declare const __VLS_export$16: __VLS_WithSlots$10<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<MainProps & {
   notificationsOpen?: boolean;
 }, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
   "update:notificationsOpen": (value: boolean) => any;
@@ -183,56 +194,12 @@ declare const __VLS_export$9: __VLS_WithSlots$7<import("vue", { with: { "resolut
 }>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$7<T, S> = T & {
+type __VLS_WithSlots$10<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
 //#endregion
-//#region src/components/button/types.d.ts
-type ButtonVariant = "primary" | "secondary" | "ghost";
-/**
- * Props exposed by the {@link Button} component.
- */
-type ButtonProps = {
-  /**
-   * Applies a distinct style variation to the button.
-   * One of `primary`, `secondary`, or `ghost`.
-   * @default "primary"
-   */
-  variant?: ButtonVariant;
-  /**
-   * Applies a distinct behavior to the button.
-   * One of `button` or `submit`.
-   * @default "button"
-   */
-  type?: "submit" | "button";
-  /**
-   * Applies a color to the button.
-   * One of `primary`, `secondary`, `positive`, `informative`, `caution`, or `danger`.
-   * @default "primary"
-   */
-  color?: ColorVariant;
-  /**
-   * Removes the ability to click or target the button.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * Displays a loading indicator on the button, disabling interaction.
-   * @default false
-   */
-  loading?: boolean;
-  /**
-   * Associated [form](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/form) id.
-   */
-  form?: string;
-  /**
-   * Component id to use on automated tests.
-   */
-  dataTestid?: string;
-};
-//#endregion
 //#region src/components/button/button.vue.d.ts
 /**
  * Button component to be used throughout the application.
@@ -248,15 +215,15 @@ type ButtonProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/button | Button Guide}
  */
-declare const _default: typeof __VLS_export$8;
-declare const __VLS_export$8: __VLS_WithSlots$6<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+declare const _default$1: typeof __VLS_export$15;
+declare const __VLS_export$15: __VLS_WithSlots$9<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
   click: (event: MouseEvent) => any;
 }, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$6<T, S> = T & {
+type __VLS_WithSlots$9<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -326,6 +293,118 @@ type TextFieldProps = {
   dataTestid?: string;
 };
 //#endregion
+//#region src/components/inputs/autocomplete-field/types.d.ts
+/**
+ * Autocomplete/Combobox item type that can be either a string or an object with label and value.
+ */
+type AutocompleteItem<T = string> = string | {
+  label: string;
+  value: T;
+};
+/**
+ * Props exposed by the {@link AutocompleteField} component.
+ */
+type AutocompleteFieldProps<T = string, Multiple extends boolean = false> = {
+  /**
+   * Applies a distinct style variation to the field.
+   * One of `primary` or `secondary`.
+   * @default "primary"
+   */
+  variant?: TextFieldVariant;
+  /**
+   * Removes the ability to click or target the field.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Displays a loading indicator on the input.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Displays clear action.
+   * @default false
+   */
+  clearable?: boolean;
+  /**
+   * Prevent value changes.
+   * @default false
+   */
+  readonly?: boolean;
+  /**
+   * Add rules to require field to be filled before form submission.
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * Field label.
+   */
+  label?: string;
+  /**
+   * Field placeholder.
+   */
+  placeholder?: string;
+  /**
+   * Field message to show and direct user to fill field correctly.
+   *
+   * This message will be replaced when there's an error message to be shown.
+   */
+  hint?: string;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+  /**
+   * Used to prevent user from adding new values to the list.
+   * @default false
+   */
+  strict?: boolean;
+  /**
+   * Allow selecting/typing more than one value.
+   *
+   * Passing the literal `true` narrows `modelValue` and `update:modelValue`
+   * to `T[]` instead of `T`.
+   * @default false
+   */
+  multiple?: Multiple;
+  /**
+   * List of autocomplete items. Can be strings or objects with label and value.
+   * @default []
+   */
+  items?: AutocompleteItem<T>[];
+};
+//#endregion
+//#region src/components/inputs/autocomplete-field/autocomplete-field.vue.d.ts
+/**
+ * Select field component to be used throughout the application.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *  <u-autocomplete-field label="Country" :items="['Brazil', 'Argentina']" />
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/autocomplete-field | AutocompleteField Guide}
+ */
+declare const _default: typeof __VLS_export$14;
+declare const __VLS_export$14: <T = string, Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$2<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal$2<(AutocompleteFieldProps<T, Multiple> & {
+    modelValue?: Multiple extends true ? T[] : T;
+  }) & {
+    "onUpdate:modelValue"?: ((value: Multiple extends true ? T[] : T | undefined) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: (event: "update:modelValue", value: Multiple extends true ? T[] : T | undefined) => void;
+}>) => import("vue").VNode & {
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal$2<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
+//#endregion
 //#region src/components/inputs/text-field/text-field.vue.d.ts
 /**
  * Text field component to be used throughout the application.
@@ -339,8 +418,8 @@ type TextFieldProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/text-field | TextField Guide}
  */
-declare const _default$9: typeof __VLS_export$7;
-declare const __VLS_export$7: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<TextFieldProps & {
+declare const _default$16: typeof __VLS_export$13;
+declare const __VLS_export$13: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<TextFieldProps & {
   modelValue?: string;
 }, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
@@ -354,6 +433,183 @@ declare const __VLS_export$7: import("vue", { with: { "resolution-mode": "import
   clearable: boolean;
 }, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 //#endregion
+//#region src/components/inputs/checkbox/types.d.ts
+/**
+ * Props exposed by the {@link Checkbox} component.
+ */
+type CheckboxProps<T = boolean> = {
+  /**
+   * Field label.
+   */
+  label?: string;
+  /**
+   * Removes the ability to click or target the checkbox.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Prevent value changes.
+   * @default false
+   */
+  readonly?: boolean;
+  /**
+   * Value applied to the model when the checkbox is checked.
+   * @default true
+   */
+  trueValue?: T;
+  /**
+   * Value applied to the model when the checkbox is unchecked.
+   * @default false
+   */
+  falseValue?: T;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#endregion
+//#region src/components/inputs/checkbox/checkbox.vue.d.ts
+/**
+ * Checkbox component to be used throughout the application.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *  <u-checkbox label="Aceito os termos" />
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/checkbox | Checkbox Guide}
+ */
+declare const _default$2: typeof __VLS_export$12;
+declare const __VLS_export$12: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$1<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal$1<(CheckboxProps<boolean | T> & {
+    modelValue?: T;
+  }) & {
+    "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: (event: "update:modelValue", value: T) => void;
+}>) => import("vue").VNode & {
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal$1<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
+//#endregion
+//#region src/components/inputs/date-time-field/types.d.ts
+type DateTimeFieldVariant = TextFieldVariant;
+type DateTimeFieldType = "date" | "time" | "datetime";
+/**
+ * Props exposed by the {@link DateTimeField} component.
+ */
+type DateTimeFieldProps = {
+  /**
+   * Applies a distinct style variation to the field.
+   * One of `primary` or `secondary`.
+   * @default "primary"
+   */
+  variant?: DateTimeFieldVariant;
+  /**
+   * Defines which pickers are available and the format of the value.
+   *
+   * - `date`: value formatted as `YYYY-MM-DD` (e.g. `2026-09-24`);
+   * - `time`: value formatted as `HH:mm`, 24h (e.g. `14:30`);
+   * - `datetime`: value formatted as `YYYY-MM-DDTHH:mm` (e.g. `2026-09-24T14:30`).
+   * @default "datetime"
+   */
+  type?: DateTimeFieldType;
+  /**
+   * Minimum allowed value, in the same format as the value for the current `type`.
+   *
+   * Earlier options can't be picked, and an earlier value shows an error message.
+   * For `datetime`, the time limit only applies to the minimum's own date.
+   */
+  min?: string;
+  /**
+   * Maximum allowed value, in the same format as the value for the current `type`.
+   *
+   * Later options can't be picked, and a later value shows an error message.
+   * For `datetime`, the time limit only applies to the maximum's own date.
+   */
+  max?: string;
+  /**
+   * Removes the ability to click or target the field.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Displays a loading indicator on the input.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Displays clear action, which is hidden while the field is `readonly`.
+   * @default false
+   */
+  clearable?: boolean;
+  /**
+   * Prevent value changes. The pickers won't open.
+   * @default false
+   */
+  readonly?: boolean;
+  /**
+   * Add `rules` to require field to be filled before form submission.
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * Field label.
+   */
+  label?: string;
+  /**
+   * Field placeholder.
+   */
+  placeholder?: string;
+  /**
+   * Field message to show and direct user to fill field correctly.
+   *
+   * This message will be replaced when there's an error message to be shown.
+   */
+  hint?: string;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#endregion
+//#region src/components/inputs/date-time-field/date-time-field.vue.d.ts
+/**
+ * Date and/or time field component to be used throughout the application.
+ *
+ * Its value uses the native input formats: `YYYY-MM-DD` for `date`, `HH:mm`
+ * for `time` and `YYYY-MM-DDTHH:mm` for `datetime`.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *  <u-date-time-field v-model="birthDate" label="Data de nascimento" type="date" />
+ * <template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/date-time-field | DateTimeField Guide}
+ */
+declare const _default$7: typeof __VLS_export$11;
+declare const __VLS_export$11: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<DateTimeFieldProps & {
+  modelValue?: string;
+}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<DateTimeFieldProps & {
+  modelValue?: string;
+}> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+  variant: DateTimeFieldVariant;
+  type: DateTimeFieldType;
+}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+//#endregion
 //#region src/components/grid/container/types.d.ts
 /**
  * Props exposed by the {@link Container} component.
@@ -380,11 +636,11 @@ type ContainerProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Container Guide}
  */
-declare const _default$2: typeof __VLS_export$6;
-declare const __VLS_export$6: __VLS_WithSlots$5<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<ContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
+declare const _default$4: typeof __VLS_export$10;
+declare const __VLS_export$10: __VLS_WithSlots$8<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ContainerProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<ContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$5<T, S> = T & {
+type __VLS_WithSlots$8<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -395,11 +651,36 @@ type __VLS_WithSlots$5<T, S> = T & {
  * Props exposed by the {@link Row} component.
  */
 type RowProps = {
+  /**
+   * Vertical alignment of the row's columns, relative to the tallest column on the same line.
+   * Available options are:
+   * - `"start"`: aligns the columns to the top;
+   * - `"center"`: centers the columns vertically;
+   * - `"end"`: aligns the columns to the bottom;
+   * - `"stretch"`: stretches every column to the height of the tallest one.
+   *
+   * Use `"stretch"` to keep side by side columns at the same height, e.g. cards made of
+   * `USection`s with `fullHeight`.
+   *
+   * Columns sit side by side only from the `sm` breakpoint up. Below it, each column takes a
+   * whole line, so the alignment has no visible effect.
+   * @default "start"
+   */
+  align?: RowAlign;
+  /**
+   * Renders the row as a list (`<ul>`), without the list's default indentation
+   * and bullets, so assistive technologies announce its columns as the items
+   * of a list. Use it for a grid of records that is, semantically, a list,
+   * like cards of patients, and set `listItem` on each of its `UColumn`s.
+   * @default false
+   */
+  list?: boolean;
   /**
    * Component id to use on automated tests.
    */
   dataTestid?: string;
 };
+type RowAlign = "start" | "center" | "end" | "stretch";
 //#endregion
 //#region src/components/grid/row/row.vue.d.ts
 /**
@@ -409,7 +690,7 @@ type RowProps = {
  * ```vue
  * <template>
  *   <u-container>
- *    <u-row>
+ *     <u-row align="center">
  *       <!-- uimed-column -->
  *     </u-row>
  *   </u-container>
@@ -418,11 +699,13 @@ type RowProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Row Guide}
  */
-declare const _default$5: typeof __VLS_export$5;
-declare const __VLS_export$5: __VLS_WithSlots$4<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<RowProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<RowProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
+declare const _default$12: typeof __VLS_export$9;
+declare const __VLS_export$9: __VLS_WithSlots$7<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<RowProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<RowProps> & Readonly<{}>, {
+  align: RowAlign;
+}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$4<T, S> = T & {
+type __VLS_WithSlots$7<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -441,6 +724,13 @@ type ColumnProps = {
    * @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.
    */
@@ -467,13 +757,13 @@ type Cols = "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10"
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Column Guide}
  */
-declare const _default$1: typeof __VLS_export$4;
-declare const __VLS_export$4: __VLS_WithSlots$3<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<{}>, {
+declare const _default$3: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$6<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$3<T, S> = T & {
+type __VLS_WithSlots$6<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -510,15 +800,15 @@ type FormProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/form | Form Guide}
  */
-declare const _default$3: typeof __VLS_export$3;
-declare const __VLS_export$3: __VLS_WithSlots$2<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<FormProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+declare const _default$10: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$5<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$2<T, S> = T & {
+type __VLS_WithSlots$5<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -540,11 +830,11 @@ type __VLS_WithSlots$2<T, S> = T & {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/section | Section Guide}
  */
-declare const _default$7: typeof __VLS_export$2;
-declare const __VLS_export$2: __VLS_WithSlots$1<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>, {
+declare const _default$14: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$4<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$1<T, S> = T & {
+type __VLS_WithSlots$4<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -552,6 +842,7 @@ type __VLS_WithSlots$1<T, S> = T & {
 //#endregion
 //#region src/components/sections/section/types.d.ts
 type SectionVariant = "primary" | "secondary";
+type SectionTextAlign = "start" | "center" | "end";
 /**
  * Props exposed by the {@link Section} component.
  */
@@ -570,6 +861,20 @@ type SectionProps = {
    * Subtitle displayed below the title.
    */
   subtitle?: string;
+  /**
+   * Horizontal alignment of the section's title, subtitle, content and actions.
+   * Available options are:
+   * - `"start"`: aligns the text to the start (left in left-to-right languages)
+   *   and keeps the actions at the end;
+   * - `"center"`: centers the text and the actions;
+   * - `"end"`: aligns the text and the actions to the end.
+   *
+   * Uses `start`/`end` instead of `left`/`right`, so it follows the text
+   * direction in right-to-left languages. Nested components inherit the
+   * alignment, unless they define their own.
+   * @default "start"
+   */
+  textAlign?: SectionTextAlign;
   /**
    * List of actions displayed at the bottom of the section, inside
    * `v-card-actions`. When undefined or empty, no actions area is rendered.
@@ -582,6 +887,9 @@ type SectionProps = {
   fullWidth?: boolean;
   /**
    * Makes the section occupy 100% of its parent's height.
+   *
+   * Inside a `URow`, set its `align` to `"stretch"` so the section takes the height of the
+   * tallest column on the same line.
    * @default false
    */
   fullHeight?: boolean;
@@ -626,11 +934,11 @@ interface SectionAction extends ButtonProps {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/section | Section Guide}
  */
-declare const _default$6: typeof __VLS_export$1;
-declare const __VLS_export$1: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<SectionProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<SectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
+declare const _default$13: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$3<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<SectionProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<SectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithSlots$3<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -701,7 +1009,318 @@ type TableProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/table | Table Guide}
  */
-declare const _default$8: typeof __VLS_export;
-declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<TableProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<TableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+declare const _default$15: typeof __VLS_export$4;
+declare const __VLS_export$4: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<TableProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<TableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/details/types.d.ts
+type DetailsVariant = "primary" | "secondary";
+/**
+ * Props exposed by the {@link Details} component.
+ */
+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
+//#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$8: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$2<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$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/data-sets/data-set/types.d.ts
+/**
+ * Number of records shown side by side on each row of a {@link DataSet}.
+ */
+type DataSetColumns = 1 | 2 | 3 | 4 | 6;
+/**
+ * Props exposed by the {@link DataSet} component.
+ */
+type DataSetProps<T extends object> = {
+  /**
+   * Records to be listed. Each record of the current page is passed, as is,
+   * to the default slot.
+   * @default []
+   */
+  items?: T[];
+  /**
+   * Maximum number of records shown side by side on each row of the grid.
+   * One of `1`, `2`, `3`, `4` or `6`.
+   *
+   * It's reduced to the largest of these values that keeps each record's card
+   * at least 240px wide within the data set's own width, so narrow
+   * containers, like dialogs or side panels, show fewer records per row, down
+   * to a single one. On extra small screens, each record always takes the
+   * full width.
+   * @default 3
+   */
+  columns?: DataSetColumns;
+  /**
+   * Maximum number of records shown per page. Page controls are only shown
+   * when there's more than one page.
+   * @default 10
+   */
+  itemsPerPage?: number;
+  /**
+   * Shows a search field above the records, bound to `v-model:search`.
+   * @default false
+   */
+  searchable?: boolean;
+  /**
+   * Record properties considered by the search. When undefined or empty,
+   * every property of the record is considered.
+   */
+  searchKeys?: Array<Extract<keyof T, string>>;
+  /**
+   * Message shown when there are no records to list, either because `items`
+   * is empty or because no record matches the search.
+   * @default "Nenhum registro encontrado."
+   */
+  noDataText?: string;
+  /**
+   * Shows a skeleton loader in place of the records while data is being
+   * loaded.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+/**
+ * Slots exposed by the {@link DataSet} component.
+ */
+type DataSetSlots<T extends object> = {
+  /**
+   * Renders each record of the current page in its own grid column, usually
+   * with `UDataSetItem`.
+   * @param props.item The original record, from `items`.
+   * @param props.index Position of the record inside the current page.
+   */
+  default?: (props: {
+    item: T;
+    index: number;
+  }) => unknown;
+};
+//#endregion
+//#region src/components/data-sets/data-set/data-set.vue.d.ts
+/**
+ * Data set component to list records as a responsive grid of cards, with
+ * client-side pagination and an optional search field. Each record of the
+ * current page is rendered by the default slot, usually with `UDataSetItem`.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-data-set :items="patients" :columns="4" searchable>
+ *     <template #default="{ item }">
+ *       <u-data-set-item :title="item.name" :subtitle="item.plan" />
+ *     </template>
+ *   </u-data-set>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/data-set | DataSet Guide}
+ */
+declare const _default$5: typeof __VLS_export$2;
+declare const __VLS_export$2: <T extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<(DataSetProps<T> & {
+    page?: number;
+    search?: string;
+  }) & {
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:search"?: ((value: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: DataSetSlots<T>;
+  emit: ((event: "update:page", value: number) => void) & ((event: "update:search", value: string) => void);
+}>) => import("vue").VNode & {
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
+//#endregion
+//#region src/components/data-sets/data-set-item/types.d.ts
+/**
+ * Props exposed by the {@link DataSetItem} component.
+ */
+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;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+/**
+ * Slots exposed by the {@link DataSetItem} component.
+ */
+type DataSetItemSlots = {
+  /**
+   * Details of the record, displayed below the title and subtitle, like a
+   * vertical `UTable` with some of its fields.
+   */
+  default?: () => unknown;
+};
+//#endregion
+//#region src/components/data-sets/data-set-item/data-set-item.vue.d.ts
+/**
+ * Card of a single record listed by a {@link DataSet}, built on `USection`.
+ * It fills the height of its grid column, so the cards of a row line up. Its
+ * details, like a vertical `UTable`, go in the default slot.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-data-set :items="patients">
+ *     <template #default="{ item }">
+ *       <u-data-set-item :title="item.name" subtitle="Beneficiário">
+ *         <u-table :headers="['Plano', 'Idade']" :items="[[item.plan, item.age]]" vertical />
+ *       </u-data-set-item>
+ *     </template>
+ *   </u-data-set>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/data-set | DataSet Guide}
+ */
+declare const _default$6: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<DataSetItemProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<DataSetItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, DataSetItemSlots>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/dialogs/dialog/types.d.ts
+type DialogSize = "small" | "medium" | "large";
+/**
+ * Props exposed by the {@link Dialog} component.
+ */
+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`.
+   */
+  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.
+ */
+interface DialogButtonAction extends ButtonProps {
+  /**
+   * Text displayed on the action button.
+   */
+  label: string;
+  /**
+   * Called when the action button is clicked. The dialog stays open.
+   */
+  onClick?: (event: MouseEvent) => void;
+}
+//#endregion
+//#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$9: 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 { type AppBarProps as AppBarConfig, type AppBarUserProps as AppBarUserConfig, type NavigationMenuProps as NavigationMenuConfig, type SectionAction, type TableProps, _default as UButton, _default$1 as UColumn, _default$2 as UContainer, _default$3 as UForm, _default$4 as UMain, _default$5 as URow, _default$6 as USection, _default$7 as USectionContent, _default$8 as UTable, _default$9 as UTextField };
+export { _default as UAutocompleteField, _default$1 as UButton, _default$2 as UCheckbox, _default$3 as UColumn, _default$4 as UContainer, _default$5 as UDataSet, _default$6 as UDataSetItem, _default$7 as UDateTimeField, _default$8 as UDetails, _default$9 as UDialog, _default$10 as UForm, _default$11 as UMain, _default$12 as URow, _default$13 as USection, _default$14 as USectionContent, _default$15 as UTable, _default$16 as UTextField };