energy-components 1.0.2 → 1.0.4

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

@@ -22,7 +22,6 @@ declare const __VLS_component: import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
         required: true;
-        validator: (value: string) => boolean;
     };
     /**
      * El título del acordeón.
@@ -71,7 +70,6 @@ declare const __VLS_component: import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
         required: true;
-        validator: (value: string) => boolean;
     };
     /**
      * El título del acordeón.

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

@@ -0,0 +1,24 @@
+declare var __VLS_0: {};
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_refs: {};
+declare const __VLS_templateResult: {
+    slots: {
+        default?(_: typeof __VLS_0): any;
+    };
+    refs: __VLS_PickRefsExpose<typeof __VLS_refs>;
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_PickRefsExpose<T> = T extends object ? {
+    [K in keyof T]: (T[K] extends any[] ? Parameters<T[K][0]['expose']>[0][] : T[K] extends {
+        expose?: (exposed: infer E) => void;
+    } ? E : T[K]) | null;
+} : never;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,134 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 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: false;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Indica si el mensaje es colapsable.
+     *
+     * @type {boolean}
+     * @optional
+     */
+    collapsable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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: false;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Indica si el mensaje es colapsable.
+     *
+     * @type {boolean}
+     * @optional
+     */
+    collapsable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>>, {
+    collapsable: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,161 @@
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_refs: {};
+declare const __VLS_templateResult: {
+    slots: {
+        "action-section"?(_: {}): any;
+    };
+    refs: __VLS_PickRefsExpose<typeof __VLS_refs>;
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
+declare const __VLS_component: import("vue").DefineComponent<{
+    /**
+     * 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;
+    };
+    /**
+     * Indica si se debe mostrar el botón de cierre.
+     *
+     * Si es `true`, se mostrará un botón para cerrar el mensaje.
+     *
+     * @type {boolean}
+     * @optional
+     */
+    close: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onCloseToastAction: () => void;
+}, 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;
+    };
+    /**
+     * Indica si se debe mostrar el botón de cierre.
+     *
+     * Si es `true`, se mostrará un botón para cerrar el mensaje.
+     *
+     * @type {boolean}
+     * @optional
+     */
+    close: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & {
+    onOnCloseToastAction?: (() => any) | undefined;
+}, {
+    close: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_PickRefsExpose<T> = T extends object ? {
+    [K in keyof T]: (T[K] extends any[] ? Parameters<T[K][0]['expose']>[0][] : T[K] extends {
+        expose?: (exposed: infer E) => void;
+    } ? E : T[K]) | null;
+} : never;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /**
      * Permite establecer un color personalizado para el icono.
+     * Acepta un valor de color en CSS, como '#333', 'red' o 'var(--rds-color-turquoise-70)'.
      */
     color: {
         type: StringConstructor;
@@ -55,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /**
      * Permite establecer un color personalizado para el icono.
+     * Acepta un valor de color en CSS, como '#333', 'red' o 'var(--rds-color-turquoise-70)'.
      */
     color: {
         type: StringConstructor;

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

@@ -7,14 +7,21 @@ export { default as RDSTextField } from './input/text-field/text-field.vue';
 export { default as RDSTextArea } from './input/text-area/text-area.vue';
 export { default as RDSSwitch } from './input/switch/switch.vue';
 export { default as RDSRadioButton } from './input/radio-button/radio-button.vue';
+export { default as RDSRadioGroup } from './input/radio-button/radio-group.vue';
 export { default as RDSDropdown } from './input/dropdown/dropdown.vue';
+export { default as RDSDatePicker } from './input/datepicker/datepicker.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 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 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 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/dropdown/dropdown.vue.d.ts

@@ -113,6 +113,13 @@ declare const __VLS_component: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Texto de ayuda a mostrar debajo del campo de entrada.
+     */
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Indica la cantidad maxima de elementos seleccionados a mostrar en el imput.
      */
@@ -220,6 +227,13 @@ declare const __VLS_component: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Texto de ayuda a mostrar debajo del campo de entrada.
+     */
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Indica la cantidad maxima de elementos seleccionados a mostrar en el imput.
      */
@@ -250,6 +264,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     small: boolean;
     disabled: boolean;
     helper: boolean;
+    helperText: string;
     multiple: boolean;
     closeOnSelect: boolean;
     showRadio: boolean;

package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts

@@ -1,16 +1,16 @@
 declare const _default: import("vue").DefineComponent<{
     /**
-     * <span>Opción del radio button</span>
+     * <span>Id del radio button</span>
      */
-    option: {
+    id: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     /**
-     * <span>Nombre del grupo al que pertenece el radio button</span>
+     * <span>Opción del radio button</span>
      */
-    groupName: {
-        type: StringConstructor;
+    option: {
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     /**
@@ -42,28 +42,19 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * <span>Estado del radio button</span>
+     * <span>Id del radio button</span>
      */
-    checked: {
-        type: BooleanConstructor;
-        default: boolean;
+    id: {
+        type: StringConstructor;
+        required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (event: string | number | boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * <span>Opción del radio button</span>
      */
     option: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * <span>Nombre del grupo al que pertenece el radio button</span>
-     */
-    groupName: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     /**
@@ -95,20 +86,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * <span>Estado del radio button</span>
-     */
-    checked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((event: string | number | boolean) => any) | undefined;
-}, {
+}>>, {
     error: boolean;
     label: string;
     icon: string;
     disabled: boolean;
-    checked: boolean;
 }, {}>;
 export default _default;

package/dist/types/src/components/input/radio-button/radio-group.vue.d.ts

@@ -0,0 +1,50 @@
+declare var __VLS_0: {};
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_refs: {};
+declare const __VLS_templateResult: {
+    slots: {
+        default?(_: typeof __VLS_0): any;
+    };
+    refs: __VLS_PickRefsExpose<typeof __VLS_refs>;
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
+declare const __VLS_component: import("vue").DefineComponent<{
+    /**
+     * <span>Nombre del grupo de radio. Es importante usar un group-name único para cada grupo de radio.</span>
+     */
+    groupName: {
+        type: StringConstructor;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | null>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string | number | null) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * <span>Nombre del grupo de radio. Es importante usar un group-name único para cada grupo de radio.</span>
+     */
+    groupName: {
+        type: StringConstructor;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | null>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((modelValue: string | number | null) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_PickRefsExpose<T> = T extends object ? {
+    [K in keyof T]: (T[K] extends any[] ? Parameters<T[K][0]['expose']>[0][] : T[K] extends {
+        expose?: (exposed: infer E) => void;
+    } ? E : T[K]) | null;
+} : never;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/input/text-field/text-field.vue.d.ts

@@ -1,12 +1,12 @@
 declare var __VLS_0: {};
-declare var __VLS_12: {};
+declare var __VLS_14: {};
 declare var __VLS_inheritedAttrs: {};
 declare const __VLS_refs: {};
 declare const __VLS_templateResult: {
     slots: {
         "left-icon"?(_: typeof __VLS_0): any;
         "right-icon"?(_: {}): any;
-        "helper-text"?(_: typeof __VLS_12): any;
+        "helper-text"?(_: typeof __VLS_14): any;
     };
     refs: __VLS_PickRefsExpose<typeof __VLS_refs>;
     attrs: Partial<typeof __VLS_inheritedAttrs>;

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

@@ -155,11 +155,11 @@ declare const __VLS_component: import("vue").DefineComponent<{
     icon: Record<string, any>;
     inverse: boolean;
     disabled: boolean;
+    right: boolean;
     tag: string;
     to: string;
     underline: boolean;
     arrow: boolean;
-    right: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;