energy-components 1.8.1 → 1.10.0-beta.0

package/dist/types/src/components/input/file-upload-item/file-upload-item.vue.d.ts

@@ -0,0 +1,229 @@
+import type { PropType } from 'vue';
+interface FileAction {
+    type: string;
+    icon: string;
+    label?: string;
+}
+type FileStatus = 'default' | 'uploading' | 'error' | 'disabled';
+declare var __VLS_1: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    'file-icon'?: (props: typeof __VLS_1) => any;
+} & {
+    action?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Identificador único para el ítem de archivo (opcional, pero útil para eventos).
+     */
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Nombre del archivo a mostrar.
+     */
+    fileName: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Tamaño del archivo en bytes.
+     */
+    fileSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * Nombre del icono a mostrar para el archivo.
+     * Ver la sección 'Options > Icon' en el diseño para ejemplos.
+     * Por defecto es 'document_generic' (representando "Document final content").
+     */
+    fileIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Estado actual del ítem de archivo.
+     * Determina la apariencia y elementos mostrados (ej. barra de progreso, mensaje de error).
+     * Posibles valores: 'default', 'uploading', 'error', 'disabled'.
+     */
+    status: {
+        type: PropType<FileStatus>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Progreso de la subida (0-100). Usado por RDSProgressBar si showProgressBar es true.
+     */
+    progress: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Texto que indica el tiempo restante de subida (ej. "4 second left").
+     * Solo visible si status es 'uploading'.
+     */
+    timeRemaining: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Mensaje de error a mostrar. Solo visible si status es 'error'.
+     * Reemplaza el campo de detalle con el contexto de error.
+     */
+    errorMessage: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Indica si el componente está deshabilitado.
+     * Esto aplicará estilos de deshabilitado y prevendrá interacciones.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Define la acción disponible para el ítem.
+     * Por defecto es una acción de eliminar.
+     * Ejemplo: { type: 'delete', icon: 'delete', label: 'Eliminar archivo' }
+     */
+    action: {
+        type: PropType<FileAction>;
+        default: () => {
+            type: string;
+            icon: string;
+            label: string;
+        };
+    };
+    /**
+     * Indica si se debe mostrar el componente RDSProgressBar durante el estado 'uploading'.
+     * Si es false, no se muestra ninguna barra de progreso.
+     */
+    showProgressBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    action: (payload: {
+        actionType: string;
+        fileId: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Identificador único para el ítem de archivo (opcional, pero útil para eventos).
+     */
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Nombre del archivo a mostrar.
+     */
+    fileName: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Tamaño del archivo en bytes.
+     */
+    fileSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * Nombre del icono a mostrar para el archivo.
+     * Ver la sección 'Options > Icon' en el diseño para ejemplos.
+     * Por defecto es 'document_generic' (representando "Document final content").
+     */
+    fileIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Estado actual del ítem de archivo.
+     * Determina la apariencia y elementos mostrados (ej. barra de progreso, mensaje de error).
+     * Posibles valores: 'default', 'uploading', 'error', 'disabled'.
+     */
+    status: {
+        type: PropType<FileStatus>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Progreso de la subida (0-100). Usado por RDSProgressBar si showProgressBar es true.
+     */
+    progress: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Texto que indica el tiempo restante de subida (ej. "4 second left").
+     * Solo visible si status es 'uploading'.
+     */
+    timeRemaining: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Mensaje de error a mostrar. Solo visible si status es 'error'.
+     * Reemplaza el campo de detalle con el contexto de error.
+     */
+    errorMessage: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Indica si el componente está deshabilitado.
+     * Esto aplicará estilos de deshabilitado y prevendrá interacciones.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Define la acción disponible para el ítem.
+     * Por defecto es una acción de eliminar.
+     * Ejemplo: { type: 'delete', icon: 'delete', label: 'Eliminar archivo' }
+     */
+    action: {
+        type: PropType<FileAction>;
+        default: () => {
+            type: string;
+            icon: string;
+            label: string;
+        };
+    };
+    /**
+     * Indica si se debe mostrar el componente RDSProgressBar durante el estado 'uploading'.
+     * Si es false, no se muestra ninguna barra de progreso.
+     */
+    showProgressBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onAction?: ((payload: {
+        actionType: string;
+        fileId: string;
+    }) => any) | undefined;
+}>, {
+    progress: number;
+    disabled: boolean;
+    id: string;
+    errorMessage: string;
+    fileIcon: string;
+    status: FileStatus;
+    timeRemaining: string;
+    action: FileAction;
+    showProgressBar: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/input/filter-chip/filter-chip.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     leftNumber: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     /**
      * <span>Indica si se muestra el icono de flecha a la derecha</span>
@@ -91,6 +92,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     leftNumber: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     /**
      * <span>Indica si se muestra el icono de flecha a la derecha</span>

package/dist/types/src/components/navigation/direct-access/direct-access.vue.d.ts

@@ -0,0 +1,178 @@
+interface ArtworkBase {
+    name?: string;
+    size?: number;
+    color?: string;
+}
+interface ArtworkIcon extends ArtworkBase {
+    name: string;
+}
+interface ArtworkMicroillustration extends ArtworkBase {
+    path?: string;
+    url?: string;
+    alt?: string;
+    name?: string;
+}
+interface ArtworkProp {
+    icon?: ArtworkIcon;
+    microillustration?: ArtworkMicroillustration;
+}
+declare var __VLS_10: {}, __VLS_12: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    artwork?: (props: typeof __VLS_12) => any;
+} & {
+    text?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Texto principal a mostrar en el componente.
+     */
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Define la disposición de los elementos: 'horizontal' o 'vertical'.
+     * <br>
+     * `['horizontal', 'vertical']`
+     */
+    layout: {
+        type: () => "horizontal" | "vertical";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Objeto para configurar el arte gráfico (icono o microilustración).
+     * <br>
+     * Ejemplo para icono: `{ icon: { name: 'icon-name', size: 24, color: 'blue' } }`
+     * <br>
+     * Ejemplo para microilustración: `{ microillustration: { path: 'path/to/image.svg', alt: 'Descripción', size: 48 } }`
+     */
+    artwork: {
+        type: () => ArtworkProp;
+        default: () => {};
+    };
+    /**
+     * Indica si se debe mostrar una flecha a la derecha (generalmente en layout horizontal).
+     */
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el componente está deshabilitado.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Etiqueta ARIA para accesibilidad. Si no se proporciona, se usará el texto del componente.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * URL de destino si el componente debe funcionar como un enlace.
+     * Si se proporciona, el componente se renderizará como <a> o <router-link>.
+     */
+    linkTo: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /**
+     * Determina si linkTo debe tratarse como ruta de Vue Router.
+     * Si es true y linkTo está presente, se usará <router-link>.
+     */
+    useRouterLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Texto principal a mostrar en el componente.
+     */
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Define la disposición de los elementos: 'horizontal' o 'vertical'.
+     * <br>
+     * `['horizontal', 'vertical']`
+     */
+    layout: {
+        type: () => "horizontal" | "vertical";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Objeto para configurar el arte gráfico (icono o microilustración).
+     * <br>
+     * Ejemplo para icono: `{ icon: { name: 'icon-name', size: 24, color: 'blue' } }`
+     * <br>
+     * Ejemplo para microilustración: `{ microillustration: { path: 'path/to/image.svg', alt: 'Descripción', size: 48 } }`
+     */
+    artwork: {
+        type: () => ArtworkProp;
+        default: () => {};
+    };
+    /**
+     * Indica si se debe mostrar una flecha a la derecha (generalmente en layout horizontal).
+     */
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el componente está deshabilitado.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Etiqueta ARIA para accesibilidad. Si no se proporciona, se usará el texto del componente.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * URL de destino si el componente debe funcionar como un enlace.
+     * Si se proporciona, el componente se renderizará como <a> o <router-link>.
+     */
+    linkTo: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /**
+     * Determina si linkTo debe tratarse como ruta de Vue Router.
+     * Si es true y linkTo está presente, se usará <router-link>.
+     */
+    useRouterLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    ariaLabel: string;
+    arrow: boolean;
+    layout: "vertical" | "horizontal";
+    artwork: ArtworkProp;
+    linkTo: string | Record<string, any>;
+    useRouterLink: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/navigation/link/link.vue.d.ts

@@ -81,6 +81,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * <span>Color personalizado para el link. Si se define, sobrescribe el color por defecto. Puede ser cualquier valor CSS válido: #333, rgb(), var(--color), etc.</span>
+     */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * <span>Texto a mostrar en el link</span>
@@ -158,7 +165,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * <span>Color personalizado para el link. Si se define, sobrescribe el color por defecto. Puede ser cualquier valor CSS válido: #333, rgb(), var(--color), etc.</span>
+     */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {
+    color: string;
     icon: Record<string, any>;
     inverse: boolean;
     disabled: boolean;

package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts

@@ -92,8 +92,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     title: string;
     fullWidth: boolean;
     content: string;
-    offsetSpace: number;
     large: boolean;
+    offsetSpace: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;