energy-components 1.8.1 → 1.10.0-beta.0

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

@@ -0,0 +1,153 @@
+type AvatarType = 'icon' | 'image' | 'initials';
+type AvatarSizeType = 's' | 'm' | 'l' | 'xl';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Tipo de contenido para el avatar.
+     * <br>
+     * `['icon', 'image', 'initials']`
+     */
+    type: {
+        type: () => AvatarType;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * URL de la imagen a mostrar si el tipo es 'image'.
+     */
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Nombre del icono a mostrar si el tipo es 'icon'.
+     * Por defecto es 'user_default'.
+     */
+    iconName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Texto de las iniciales a mostrar si el tipo es 'initials'.
+     * Se mostrarán como máximo los dos primeros caracteres en mayúsculas.
+     */
+    initials: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si se debe mostrar un badge de notificación en el avatar.
+     */
+    badge: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Color de fondo del avatar.
+     * Puede ser un valor de color CSS válido (ej: '#333', 'rgb(255,0,0)', 'red') o una variable CSS.
+     * Por defecto es '#DBE6F0'.
+     */
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Tamaño del avatar.
+     * <br>
+     * `'s'` (24px), `'m'` (32px), `'l'` (40px), `'xl'` (48px)
+     * Por defecto es 'l'.
+     */
+    size: {
+        type: () => AvatarSizeType;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Texto alternativo para la imagen del avatar (usado para accesibilidad si el tipo es 'image').
+     */
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: KeyboardEvent | MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Tipo de contenido para el avatar.
+     * <br>
+     * `['icon', 'image', 'initials']`
+     */
+    type: {
+        type: () => AvatarType;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * URL de la imagen a mostrar si el tipo es 'image'.
+     */
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Nombre del icono a mostrar si el tipo es 'icon'.
+     * Por defecto es 'user_default'.
+     */
+    iconName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Texto de las iniciales a mostrar si el tipo es 'initials'.
+     * Se mostrarán como máximo los dos primeros caracteres en mayúsculas.
+     */
+    initials: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si se debe mostrar un badge de notificación en el avatar.
+     */
+    badge: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Color de fondo del avatar.
+     * Puede ser un valor de color CSS válido (ej: '#333', 'rgb(255,0,0)', 'red') o una variable CSS.
+     * Por defecto es '#DBE6F0'.
+     */
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Tamaño del avatar.
+     * <br>
+     * `'s'` (24px), `'m'` (32px), `'l'` (40px), `'xl'` (48px)
+     * Por defecto es 'l'.
+     */
+    size: {
+        type: () => AvatarSizeType;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Texto alternativo para la imagen del avatar (usado para accesibilidad si el tipo es 'image').
+     */
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((event: KeyboardEvent | MouseEvent) => any) | undefined;
+}>, {
+    size: AvatarSizeType;
+    type: AvatarType;
+    initials: string;
+    src: string;
+    iconName: string;
+    badge: boolean;
+    backgroundColor: string;
+    alt: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,151 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Define el diámetro del loader en píxeles.
+     * El valor se ajustará para estar entre 32px (mínimo) y 120px (máximo).
+     *
+     * @type {number}
+     * @optional
+     */
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Especifica la variante del loader.
+     * 'default': Muestra solo el spinner.
+     * 'contained': Envuelve el spinner en un contenedor con estilo de tarjeta (104x104px con padding de 24px).
+     * El prop `size` afectará al spinner dentro de este contenedor.
+     *
+     * @type {string}
+     * @optional
+     */
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Controla el tipo de animación del loader.
+     * 'normal': Una rotación continua de un arco del círculo.
+     * 'infinite': Una animación donde un segmento del círculo parece crecer, encogerse y rotar.
+     *
+     * @type {string}
+     * @optional
+     */
+    animationType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Define el grosor del trazo del spinner en píxeles.
+     * Si no se especifica, se calcula automáticamente como `size / 8` (con un mínimo de 2px).
+     *
+     * @type {number}
+     * @optional
+     */
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Etiqueta ARIA para accesibilidad. Describe la acción que se está realizando.
+     *
+     * @type {string}
+     * @optional
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Identificador único para el componente y sus elementos internos (como el gradiente SVG).
+     * Si no se proporciona, se usará un valor por defecto.
+     *
+     * @type {string}
+     * @optional
+     */
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Define el diámetro del loader en píxeles.
+     * El valor se ajustará para estar entre 32px (mínimo) y 120px (máximo).
+     *
+     * @type {number}
+     * @optional
+     */
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Especifica la variante del loader.
+     * 'default': Muestra solo el spinner.
+     * 'contained': Envuelve el spinner en un contenedor con estilo de tarjeta (104x104px con padding de 24px).
+     * El prop `size` afectará al spinner dentro de este contenedor.
+     *
+     * @type {string}
+     * @optional
+     */
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Controla el tipo de animación del loader.
+     * 'normal': Una rotación continua de un arco del círculo.
+     * 'infinite': Una animación donde un segmento del círculo parece crecer, encogerse y rotar.
+     *
+     * @type {string}
+     * @optional
+     */
+    animationType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * Define el grosor del trazo del spinner en píxeles.
+     * Si no se especifica, se calcula automáticamente como `size / 8` (con un mínimo de 2px).
+     *
+     * @type {number}
+     * @optional
+     */
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Etiqueta ARIA para accesibilidad. Describe la acción que se está realizando.
+     *
+     * @type {string}
+     * @optional
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Identificador único para el componente y sus elementos internos (como el gradiente SVG).
+     * Si no se proporciona, se usará un valor por defecto.
+     *
+     * @type {string}
+     * @optional
+     */
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+    variant: string;
+    id: string;
+    ariaLabel: string;
+    animationType: string;
+    strokeWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -47,6 +47,22 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Si es true, oculta completamente el contador de pasos y solo muestra la barra de progreso.
+     * Útil para barras de progreso sencillas en componentes con espacio limitado.
+     */
+    hideCounter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica el color de fondo de la bara principal.
+     * si el whiteBar esta true = $rds-color-neutral-white
+     */
+    whiteBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     goBack: () => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -85,12 +101,30 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Si es true, oculta completamente el contador de pasos y solo muestra la barra de progreso.
+     * Útil para barras de progreso sencillas en componentes con espacio limitado.
+     */
+    hideCounter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica el color de fondo de la bara principal.
+     * si el whiteBar esta true = $rds-color-neutral-white
+     */
+    whiteBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onGoBack?: (() => any) | undefined;
 }>, {
     inverse: boolean;
     backButton: boolean;
     percentage: boolean;
+    hideCounter: boolean;
+    whiteBar: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -15,20 +15,24 @@ export { default as RDSToggle } from './input/toggle/toggle.vue';
 export { default as RDSSelectionChip } from './input/selection-chip/selection-chip.vue';
 export { default as RDSFilterChip } from './input/filter-chip/filter-chip.vue';
 export { default as RDSDragAndDrop } from './input/drag-and-drop/drag-and-drop.vue';
+export { default as RDSFileUploadItem } from './input/file-upload-item/file-upload-item.vue';
 export { default as RDSTag } from './content/tag/tag.vue';
 export { default as RDSAccordionGroup } from './content/acordion-group/accordion-group.vue';
 export { default as RDSAccordion } from './content/accordion/accordion.vue';
 export { default as RDSDivider } from './content/divider/divider.vue';
 export { default as RDSCard } from './content/card/card.vue';
 export { default as RDSTable } from './content/table/table-paginated/TablePaginatedComponent.vue';
+export { default as RDSAvatar } from './content/avatar/avatar.vue';
 export { default as RDSLink } from './navigation/link/link.vue';
 export { default as RDSBreadcrumbs } from './navigation/breadcrumbs/breadcrumbs.vue';
 export { default as RDSTabBar } from './navigation/tab-bar/tab-bar.vue';
 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 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';

package/dist/types/src/components/input/checkbox/checkbox.vue.d.ts

@@ -59,6 +59,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Estado "indeterminado" visual del checkbox. Solo afecta si está checked.</span>
+     */
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (event: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -118,6 +125,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Estado "indeterminado" visual del checkbox. Solo afecta si está checked.</span>
+     */
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((event: boolean) => any) | undefined;
 }>, {
@@ -129,6 +143,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     id: string | number;
     accessibilityLabel: string;
     isChecked: boolean;
+    indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts

@@ -90,8 +90,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (message: string) => any;
     filesSelected: (files: FileList) => any;
+    validationError: (message: string) => any;
+    fileReady: (payload: {
+        id: string;
+        file: File;
+        name: string;
+        size: number;
+    }) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Tipos de archivo aceptados por el input (ej. '.png,.jpg,.pdf', 'image/*').
@@ -179,8 +185,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
 }>> & Readonly<{
-    onError?: ((message: string) => any) | undefined;
     onFilesSelected?: ((files: FileList) => any) | undefined;
+    onValidationError?: ((message: string) => any) | undefined;
+    onFileReady?: ((payload: {
+        id: string;
+        file: File;
+        name: string;
+        size: number;
+    }) => any) | undefined;
 }>, {
     error: boolean;
     icon: string;

package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts

@@ -157,6 +157,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Define la dirección de apertura del dropdown
+     * 'auto': detecta automáticamente (default)
+     * 'above': siempre se abre hacia arriba
+     * 'below': siempre se abre hacia abajo
+     */
+    openDirection: {
+        type: StringConstructor;
+        default: string;
+        validator(value: string): boolean;
+    };
     /**
      * Muestra un campo de texto para filtrar los elementos del dropdown.
      * La propiedad `autocompleteFilter` es requerida cuando se usa esta opción.
@@ -302,6 +313,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Define la dirección de apertura del dropdown
+     * 'auto': detecta automáticamente (default)
+     * 'above': siempre se abre hacia arriba
+     * 'below': siempre se abre hacia abajo
+     */
+    openDirection: {
+        type: StringConstructor;
+        default: string;
+        validator(value: string): boolean;
+    };
     /**
      * Muestra un campo de texto para filtrar los elementos del dropdown.
      * La propiedad `autocompleteFilter` es requerida cuando se usa esta opción.
@@ -342,6 +364,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     maxHeight: number;
     limitText: Function;
     appendToBody: boolean;
+    openDirection: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;