energy-components 1.14.1 → 1.15.0

package/dist/types/src/components/buttons/action-button/action-button.vue.d.ts

@@ -44,6 +44,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>ID del botón para testing</span>
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * <span>Contenido del tooltip. Si se proporciona, se mostrará el tooltip al hacer hover</span>
+     */
+    tooltip: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Posición del tooltip (top, bottom, left, right). Si no se especifica, se posiciona automáticamente</span>
+     */
+    tooltipPosition: {
+        type: StringConstructor;
+        default: undefined;
+        validator(value: string): boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * <span>Icono a mostrar en el botón</span>
@@ -90,11 +112,36 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>ID del botón para testing</span>
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * <span>Contenido del tooltip. Si se proporciona, se mostrará el tooltip al hacer hover</span>
+     */
+    tooltip: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Posición del tooltip (top, bottom, left, right). Si no se especifica, se posiciona automáticamente</span>
+     */
+    tooltipPosition: {
+        type: StringConstructor;
+        default: undefined;
+        validator(value: string): boolean;
+    };
 }>> & Readonly<{}>, {
     loading: boolean;
     small: boolean;
+    id: string;
     variant: string;
     inverse: boolean;
     disabled: boolean;
+    tooltip: string;
+    tooltipPosition: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/src/components/buttons/button/button.vue.d.ts

@@ -89,6 +89,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>ID del botón para testing</span>
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * <span>Texto a mostrar en el botón</span>
@@ -175,9 +182,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>ID del botón para testing</span>
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     loading: boolean;
     small: boolean;
+    id: string;
     type: ButtonType;
     text: string;
     icon: string;

package/dist/types/src/components/buttons/floating-action-button/floating-action-button.vue.d.ts

@@ -61,6 +61,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>ID del botón para testing</span>
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * <span>Icono a mostrar en el botón</span>
@@ -124,9 +131,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>ID del botón para testing</span>
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     loading: boolean;
     small: boolean;
+    id: string;
     inverse: boolean;
     disabled: boolean;
     position: string;

package/dist/types/src/components/content/avatar/avatar.vue.d.ts

@@ -68,6 +68,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /**
+     * ID del avatar para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (event: MouseEvent | KeyboardEvent) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -138,10 +145,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /**
+     * ID del avatar para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {
     size: AvatarSizeType;
+    id: string;
     type: AvatarType;
     initials: string;
     src: string;

package/dist/types/src/components/content/card/card.vue.d.ts

@@ -10,6 +10,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * ID de la card para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Clase personalizada.
@@ -18,7 +25,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * ID de la card para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
+    id: string;
     customClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/types/src/components/content/collapsable/collapsable.vue.d.ts

@@ -38,11 +38,11 @@ declare const __VLS_component: import("vue").DefineComponent<RDSCollapsableProps
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     open: boolean;
+    id: string;
     icon: string;
     disabled: boolean;
     content: string;
     fullWidth: boolean;
-    id: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/src/components/content/tag/tag.vue.d.ts

@@ -46,6 +46,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * ID del tag para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Nombre del icono a mostrar en la parte izquierda del tag
@@ -94,8 +101,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * ID del tag para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     small: boolean;
+    id: string;
     type: string;
     text: string;
     icon: string;

package/dist/types/src/components/feedback/indicator/indicator.vue.d.ts

@@ -46,6 +46,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * ID del indicador para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Los pasos a mostrar en el indicador.
@@ -91,7 +98,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * ID del indicador para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
+    id: string;
     variant: VariantType;
     fullWidth: boolean;
     ellipsis: boolean;

package/dist/types/src/components/feedback/info-box/info-box.vue.d.ts

@@ -69,6 +69,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         required: false;
         default: boolean;
     };
+    /**
+     * ID del info-box para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Tipo del mensaje.
@@ -134,7 +141,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         required: false;
         default: boolean;
     };
+    /**
+     * ID del info-box para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
+    id: string;
     collapsable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/types/src/components/feedback/loader/loader.vue.d.ts

@@ -142,8 +142,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     size: number;
-    variant: string;
     id: string;
+    variant: string;
     ariaLabel: string;
     animationType: string;
     strokeWidth: number;

package/dist/types/src/components/feedback/persistent-toast/persistent-toast.vue.d.ts

@@ -70,6 +70,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * ID del persistent-toast para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     onCloseToastAction: () => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -138,10 +145,18 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * ID del persistent-toast para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     onOnCloseToastAction?: (() => any) | undefined;
 }>, {
     close: boolean;
+    id: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/src/components/feedback/progress-bar/progress-bar.vue.d.ts

@@ -63,6 +63,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * ID del progress-bar para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     goBack: () => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -117,9 +124,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * ID del progress-bar para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     onGoBack?: (() => any) | undefined;
 }>, {
+    id: string;
     inverse: boolean;
     backButton: boolean;
     percentage: boolean;

package/dist/types/src/components/feedback/snack-bar/snack-bar.vue.d.ts

@@ -0,0 +1,180 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Tipo del mensaje.
+     *
+     * Define el tipo de mensaje que se mostrará. Puede ser uno de los siguientes valores:
+     * - `warning`: Indica un mensaje de advertencia.
+     * - `success`: Indica un mensaje de éxito.
+     * - `error`: Indica un mensaje de error.
+     * - `info`: Indica un mensaje informativo.
+     *
+     * @type {string}
+     * @required
+     */
+    type: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * El contenido del mensaje.
+     *
+     * El texto principal que se mostrará en el mensaje.
+     *
+     * @type {string}
+     * @required
+     */
+    message: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * El título del mensaje.
+     *
+     * Un título opcional que se mostrará en la parte superior del mensaje.
+     *
+     * @type {string}
+     * @optional
+     */
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * El icono asociado con el mensaje.
+     *
+     * Un icono opcional que se mostrará junto al mensaje. Puede ser el nombre de un icono de una biblioteca de iconos.
+     *
+     * @type {string}
+     * @optional
+     */
+    icon: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Controla si se muestra el botón de cerrar.
+     * - Si es true: Solo se cierra manualmente con el botón X
+     * - Si es false: Se cierra automáticamente en 5 segundos
+     *
+     * @type {boolean}
+     * @default true
+     */
+    close: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * ID del snack-bar para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Selector del contenedor donde renderizar el snack-bar.
+     * - Si se proporciona: Se renderiza dentro del contenedor especificado
+     * - Si no se proporciona: Se renderiza en el body (comportamiento por defecto)
+     *
+     * @type {string}
+     * @default undefined
+     */
+    teleportTo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Tipo del mensaje.
+     *
+     * Define el tipo de mensaje que se mostrará. Puede ser uno de los siguientes valores:
+     * - `warning`: Indica un mensaje de advertencia.
+     * - `success`: Indica un mensaje de éxito.
+     * - `error`: Indica un mensaje de error.
+     * - `info`: Indica un mensaje informativo.
+     *
+     * @type {string}
+     * @required
+     */
+    type: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * El contenido del mensaje.
+     *
+     * El texto principal que se mostrará en el mensaje.
+     *
+     * @type {string}
+     * @required
+     */
+    message: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * El título del mensaje.
+     *
+     * Un título opcional que se mostrará en la parte superior del mensaje.
+     *
+     * @type {string}
+     * @optional
+     */
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * El icono asociado con el mensaje.
+     *
+     * Un icono opcional que se mostrará junto al mensaje. Puede ser el nombre de un icono de una biblioteca de iconos.
+     *
+     * @type {string}
+     * @optional
+     */
+    icon: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Controla si se muestra el botón de cerrar.
+     * - Si es true: Solo se cierra manualmente con el botón X
+     * - Si es false: Se cierra automáticamente en 5 segundos
+     *
+     * @type {boolean}
+     * @default true
+     */
+    close: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * ID del snack-bar para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Selector del contenedor donde renderizar el snack-bar.
+     * - Si se proporciona: Se renderiza dentro del contenedor especificado
+     * - Si no se proporciona: Se renderiza en el body (comportamiento por defecto)
+     *
+     * @type {string}
+     * @default undefined
+     */
+    teleportTo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    close: boolean;
+    id: string;
+    teleportTo: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/src/components/icon-svg/icon-svg.vue.d.ts

@@ -39,6 +39,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    /**
+     * ID del icono para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * <span>Nombre del icono, todos en listado.</span>
@@ -80,10 +87,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    /**
+     * ID del icono para testing
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     modifier: string;
     small: boolean;
     color: string;
     size: string | number;
+    id: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/src/components/index.d.ts

@@ -32,11 +32,13 @@ export { default as RDSPagination } from './navigation/pagination/pagination.vue
 export { default as RDSDirectAccess } from './navigation/direct-access/direct-access.vue';
 export { default as RDSIndicator } from './feedback/indicator/indicator.vue';
 export { default as RDSPersistentToast } from './feedback/persistent-toast/persistent-toast.vue';
+export { default as RDSSnackBar } from './feedback/snack-bar/snack-bar.vue';
 export { default as RDSInfoBox } from './feedback/info-box/info-box.vue';
 export { default as RDSProgressBar } from './feedback/progress-bar/progress-bar.vue';
 export { default as RDSLoader } from './feedback/loader/loader.vue';
 export { default as RDSModal } from './overlay/modal/modal.vue';
 export { default as RDSOverlay } from './overlay/overlay/overlay.vue';
 export { default as RDSTooltip } from './overlay/tooltip/tooltip.vue';
+export { default as RDSPopover } from './overlay/popover/popover.vue';
 export { default as RDSSidebar } from './layout/sidebar/sidebar.vue';
 export { default as RDSSidedrawer } from './layout/sidedrawer/sidedrawer.vue';