@nexdom/uimed-vue 1.3.0-beta.3 → 2.0.0-beta.10

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
 /**
@@ -133,11 +133,11 @@ interface NavigationMenuItem {
   action?: () => void;
 }
 //#endregion
-//#region src/components/root/types.d.ts
+//#region src/components/main/types.d.ts
 /**
- * Props exposed by the {@link Root} component.
+ * Props exposed by the {@link Main} component.
  */
-type RootProps = {
+type MainProps = {
   /**
    * Component id to use on automated tests.
    */
@@ -156,103 +156,63 @@ type RootProps = {
   navigationMenu?: NavigationMenuProps;
 };
 //#endregion
-//#region src/components/root/root.vue.d.ts
+//#region src/components/main/main.vue.d.ts
 /**
- * Root component to be placed at the top of the component tree.
+ * Main component to be placed at the top of the component tree.
  *
  * @example
  * ```vue
- * <root>
- *   <!-- uimed-components -->
- * </root>
+ * <template>
+ *  <u-main>
+ *    <!-- uimed-components -->
+ *  </u-main>
+ * </template>
  * ```
  *
- * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/root | Root Guide}
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/main | Main Guide}
  */
-declare const _default$6: typeof __VLS_export$8;
-declare const __VLS_export$8: __VLS_WithSlots$7<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<RootProps & {
+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;
-}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<RootProps & {
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<MainProps & {
   notificationsOpen?: boolean;
 }> & Readonly<{
   "onUpdate:notificationsOpen"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, 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/btn/types.d.ts
-type BtnVariant = "primary" | "secondary" | "ghost";
-/**
- * Props exposed by the {@link Btn} component.
- */
-type BtnProps = {
-  /**
-   * Applies a distinct style variation to the button.
-   * One of `primary`, `secondary`, or `ghost`.
-   * @default "primary"
-   */
-  variant?: BtnVariant;
-  /**
-   * 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/btn/btn.vue.d.ts
+//#region src/components/button/button.vue.d.ts
 /**
  * Button component to be used throughout the application.
  *
  * @example
  * ```vue
- * <btn color="danger" @click="onClick">
- *   Confirmar
- * </btn>
+ * <template>
+ *  <u-button color="danger" @click="onClick">
+ *     Confirmar
+ *  </u-button>
+ * </template>
  * ```
  *
- * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/btn | Btn Guide}
+ * @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<BtnProps, {}, {}, {}, {}, 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<BtnProps> & Readonly<{
+}, 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;
   };
@@ -322,19 +282,133 @@ 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.
  *
  * @example
  * ```vue
- * <text-field label="E-mail" type="email" />
+ * <template>
+ *  <u-text-field label="E-mail" type="email" />
+ * <template>
  * ```
  *
  * @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;
@@ -344,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.
@@ -365,18 +505,20 @@ type ContainerProps = {
  *
  * @example
  * ```vue
- * <container>
- *   <!-- uimed-components -->
- * </container>
+ * <template>
+ *  <u-container>
+ *     <!-- uimed-components -->
+ *  </u-container>
+ * <template>
  * ```
  *
  * @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;
   };
@@ -387,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.
    */
@@ -399,20 +549,22 @@ type RowProps = {
  *
  * @example
  * ```vue
- * <container>
- *   <row>
- *     <!-- uimed-column -->
- *   </row>
- * </container>
+ * <template>
+ *   <u-container>
+ *    <u-row>
+ *       <!-- uimed-column -->
+ *     </u-row>
+ *   </u-container>
+ * </template>
  * ```
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Row Guide}
  */
-declare const _default$7: 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;
   };
@@ -431,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.
    */
@@ -444,34 +603,36 @@ type Cols = "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10"
  *
  * @example
  * ```vue
- * <container>
- *   <row>
- *     <col>
- *       <!-- uimed-components -->
- *     </col>
- *   </row>
- * </container>
+ * <template>
+ *   <u-container>
+ *     <u-row>
+ *       <u-column>
+ *         <!-- uimed-components -->
+ *       </u-column>
+ *     </u-row>
+ *  </u-container>
+ * </template>
  * ```
  *
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/layout | Column Guide}
  */
-declare const _default$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;
   };
 };
 //#endregion
-//#region src/components/frm/types.d.ts
+//#region src/components/form/types.d.ts
 /**
- * Props exposed by the {@link Frm} component.
+ * Props exposed by the {@link Form} component.
  */
-type FrmProps = {
+type FormProps = {
   /**
    * Id to set on `form` native element.
    */
@@ -482,72 +643,76 @@ type FrmProps = {
   dataTestid?: string;
 };
 //#endregion
-//#region src/components/frm/frm.vue.d.ts
+//#region src/components/form/form.vue.d.ts
 /**
  * Form component to be used throughout the application.
  *
  * @example
  * ```vue
- * <frm @submit="onSubmit">
- *   <!-- uimed-field-components -->
- *   <!-- uimed-submit-btn-component -->
- * </frm>
+ * <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/frm | Form Guide}
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/form | Form Guide}
  */
-declare const _default$5: typeof __VLS_export$2;
-declare const __VLS_export$2: __VLS_WithSlots$2<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<FrmProps, {}, {}, {}, {}, 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<FrmProps> & Readonly<{
+}, 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;
   };
 };
 //#endregion
-//#region src/components/content/content.vue.d.ts
+//#region src/components/sections/section-content/section-content.vue.d.ts
 /**
  * Proxy component for Vuetify's `v-card-text`, used to structure content
- * displayed inside a {@link ContentSet}.
+ * displayed inside a {@link Section}.
  *
  * @example
  * ```vue
- * <content-set title="Title">
- *   <content>Content</content>
- * </content-set>
+ * <template>
+ *   <u-section title="Title">
+ *     <u-section-content>Content</u-section-content>
+ *   </u-section>
+ * </template>
  * ```
  *
- * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/content-set | ContentSet Guide}
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/section | Section Guide}
  */
-declare const _default$3: 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;
   };
 };
 //#endregion
-//#region src/components/content/types.d.ts
-type ContentSetVariant = "primary" | "secondary";
+//#region src/components/sections/section/types.d.ts
+type SectionVariant = "primary" | "secondary";
 /**
- * Props exposed by the {@link ContentSet} component.
+ * Props exposed by the {@link Section} component.
  */
-type ContentSetProps = {
+type SectionProps = {
   /**
-   * Applies a distinct style variation to the content set.
+   * Applies a distinct style variation to the section.
    * One of `primary` or `secondary`.
    * @default "primary"
    */
-  variant?: ContentSetVariant;
+  variant?: SectionVariant;
   /**
-   * Title displayed at the top of the content set.
+   * Title displayed at the top of the section.
    */
   title?: string;
   /**
@@ -555,17 +720,17 @@ type ContentSetProps = {
    */
   subtitle?: string;
   /**
-   * List of actions displayed at the bottom of the content set, inside
+   * List of actions displayed at the bottom of the section, inside
    * `v-card-actions`. When undefined or empty, no actions area is rendered.
    */
-  actions?: ContentSetAction[];
+  actions?: SectionAction[];
   /**
-   * Makes the content set occupy 100% of its parent's width.
+   * Makes the section occupy 100% of its parent's width.
    * @default false
    */
   fullWidth?: boolean;
   /**
-   * Makes the content set occupy 100% of its parent's height.
+   * Makes the section occupy 100% of its parent's height.
    * @default false
    */
   fullHeight?: boolean;
@@ -581,9 +746,9 @@ type ContentSetProps = {
   dataTestid?: string;
 };
 /**
- * A single action rendered inside {@link ContentSet}'s actions area.
+ * A single action rendered inside {@link Section}'s actions area.
  */
-interface ContentSetAction extends BtnProps {
+interface SectionAction extends ButtonProps {
   /**
    * Text displayed on the action button.
    */
@@ -594,28 +759,332 @@ interface ContentSetAction extends BtnProps {
   onClick?: (event: MouseEvent) => void;
 }
 //#endregion
-//#region src/components/content/content-set.vue.d.ts
+//#region src/components/sections/section/section.vue.d.ts
 /**
- * Content set component to group related content and actions, to be used
+ * Section component to group related content and actions, to be used
  * throughout the application.
  *
  * @example
  * ```vue
- * <content-set title="Title" subtitle="Subtitle">
- *   Content
- * </content-set>
+ * <template>
+ *   <u-section title="Title" subtitle="Subtitle">
+ *     Content
+ *   </u-section>
+ * <template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/section | Section Guide}
+ */
+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/content-set | ContentSet Guide}
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/table | Table Guide}
  */
-declare const _default$4: typeof __VLS_export;
-declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<ContentSetProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<ContentSetProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
+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, _default as Btn, _default$1 as Column, _default$2 as Container, _default$3 as Content, _default$4 as ContentSet, type ContentSetAction, _default$5 as Frm, type NavigationMenuProps as NavigationMenuConfig, _default$6 as Root, _default$7 as Row, _default$8 as TextField };
+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 };