@nexdom/uimed-vue 2.0.0-beta.1 → 2.0.0-beta.11

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
 /**
@@ -171,8 +171,8 @@ type MainProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/main | Main Guide}
  */
-declare const _default$4: typeof __VLS_export$8;
-declare const __VLS_export$8: __VLS_WithSlots$7<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<MainProps & {
+declare const _default$9: typeof __VLS_export$14;
+declare const __VLS_export$14: __VLS_WithSlots$9<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 +183,12 @@ declare const __VLS_export$8: __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$9<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 +204,15 @@ type ButtonProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/button | Button Guide}
  */
-declare const _default: typeof __VLS_export$7;
-declare const __VLS_export$7: __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$13;
+declare const __VLS_export$13: __VLS_WithSlots$8<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$8<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -326,6 +282,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$12;
+declare const __VLS_export$12: <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 +407,8 @@ type TextFieldProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/text-field | TextField Guide}
  */
-declare const _default$8: typeof __VLS_export$6;
-declare const __VLS_export$6: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<TextFieldProps & {
+declare const _default$14: typeof __VLS_export$11;
+declare const __VLS_export$11: 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;
@@ -350,10 +418,76 @@ declare const __VLS_export$6: import("vue", { with: { "resolution-mode": "import
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   variant: TextFieldVariant;
-  type: TextFieldType;
   clearable: boolean;
+  type: TextFieldType;
 }, {}, {}, {}, 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$10;
+declare const __VLS_export$10: <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/grid/container/types.d.ts
 /**
  * Props exposed by the {@link Container} component.
@@ -380,11 +514,11 @@ type ContainerProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Container Guide}
  */
-declare const _default$2: typeof __VLS_export$5;
-declare const __VLS_export$5: __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$9;
+declare const __VLS_export$9: __VLS_WithSlots$7<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$7<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -395,6 +529,14 @@ type __VLS_WithSlots$5<T, S> = T & {
  * Props exposed by the {@link Row} component.
  */
 type RowProps = {
+  /**
+   * 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.
    */
@@ -418,11 +560,11 @@ type RowProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Row Guide}
  */
-declare const _default$5: typeof __VLS_export$4;
-declare const __VLS_export$4: __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$10: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$6<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>, {
   default?: (props: {}) => any;
 }>;
-type __VLS_WithSlots$4<T, S> = T & {
+type __VLS_WithSlots$6<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -441,6 +583,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 +616,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$3;
-declare const __VLS_export$3: __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$7;
+declare const __VLS_export$7: __VLS_WithSlots$5<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$5<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -510,15 +659,15 @@ type FormProps = {
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/form | Form Guide}
  */
-declare const _default$3: typeof __VLS_export$2;
-declare const __VLS_export$2: __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$8: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$4<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$4<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -540,11 +689,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$1;
-declare const __VLS_export$1: __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$12: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$3<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$3<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -626,14 +775,316 @@ 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;
-declare const __VLS_export: __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$11: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$2<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$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/table/types.d.ts
+/**
+ * Props exposed by the {@link UTable} component.
+ */
+type TableProps = {
+  /**
+   * Optional column headers. When not provided or empty, no `<thead>` is
+   * rendered in horizontal mode. In vertical mode, headers (when non-empty)
+   * are used as labels for rows. When `vertical` is true and `headers` is
+   * `undefined`, the component falls back to horizontal mode (single table,
+   * plain rows). When `vertical` is true and `headers` is an empty array,
+   * vertical mode is still used, but rows are rendered without labels (a
+   * single `<td>` per row).
+   */
+  headers?: string[];
+  /**
+   * Optional rows of data. Each entry is a list of string cell values.
+   * In horizontal mode, each item becomes one `<tr>` with cells as `<td>`.
+   * In vertical mode with headers, renders one `v-table` per item with one `<tr>`
+   * per header (th + td for that item's value). In vertical mode with an empty
+   * `headers` array, renders one `v-table` per item with one `<tr>` per cell
+   * value (a single `<td>`, no `<th>`). No padding or truncation applied —
+   * cells are rendered exactly as provided, even if rows have different lengths.
+   */
+  items?: string[][];
+  /**
+   * Changes table layout when true. When enabled with a non-empty `headers`
+   * array, renders one `v-table` per item in `items`, with each table showing
+   * that item's values vertically (one row per header). When enabled with an
+   * empty `headers` array, still renders one `v-table` per item, but each row
+   * only has the item's value (no header label). When `headers` is
+   * `undefined`, falls back to horizontal layout (single table, plain rows)
+   * regardless of this prop.
+   * @default false
+   */
+  vertical?: boolean;
+  /**
+   * Shows a skeleton loader in place of the table content while data is being
+   * loaded.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Component id to use on automated tests. In vertical mode with multiple
+   * items, each table gets a suffixed id: `${dataTestid}-${index}`. With a
+   * single table (non-vertical or vertical with one item), the unsuffixed id
+   * is used. When undefined, no data-testid attribute is set.
+   */
+  dataTestid?: string;
+};
+//#endregion
+//#region src/components/table/table.vue.d.ts
+/**
+ * Component to present data using tables. All content is data-driven via props
+ * — no slots. Supports both horizontal (default) and vertical layouts.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-table :headers="['Nome', 'Idade']" :items="[['Ana', '30'], ['Bruno', '25']]" />
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/table | Table Guide}
+ */
+declare const _default$13: typeof __VLS_export$3;
+declare const __VLS_export$3: 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$7: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$1<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$1<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$1;
+declare const __VLS_export$1: <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;
+declare const __VLS_export: __VLS_WithSlots<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<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
 //#endregion
-export { type AppBarProps as AppBarConfig, type AppBarUserProps as AppBarUserConfig, type NavigationMenuProps as NavigationMenuConfig, type SectionAction, _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 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 UDetails, _default$8 as UForm, _default$9 as UMain, _default$10 as URow, _default$11 as USection, _default$12 as USectionContent, _default$13 as UTable, _default$14 as UTextField };