energy-components 1.0.2

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

@@ -0,0 +1,136 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * <span>Icono a mostrar en el botón</span>
+     */
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Indica la posicion que ocupara el boton respecto del padre
+     * `['relative', 'absolute', 'fixed']`
+     */
+    position: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * <span>Posicion del botón respecto del padre</span>
+     * `['top-left', 'top-right', 'bottom-left', 'bottom-right']` <br>
+     * solo es valido si la posicion es `absolute` o `fixed`
+     */
+    placement: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * <span>Indica si el botón es inverso</span>
+     */
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Indica si el botón es pequeño</span>
+     */
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Indica si el botón es extra pequeño</span>
+     */
+    extraSmall: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Añade una clase por encima de opacidad <br>Los eventos funcionan</span>
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Cambia el estado del botón a cargando</span>
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * <span>Icono a mostrar en el botón</span>
+     */
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Indica la posicion que ocupara el boton respecto del padre
+     * `['relative', 'absolute', 'fixed']`
+     */
+    position: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * <span>Posicion del botón respecto del padre</span>
+     * `['top-left', 'top-right', 'bottom-left', 'bottom-right']` <br>
+     * solo es valido si la posicion es `absolute` o `fixed`
+     */
+    placement: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * <span>Indica si el botón es inverso</span>
+     */
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Indica si el botón es pequeño</span>
+     */
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Indica si el botón es extra pequeño</span>
+     */
+    extraSmall: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Añade una clase por encima de opacidad <br>Los eventos funcionan</span>
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Cambia el estado del botón a cargando</span>
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    loading: boolean;
+    small: boolean;
+    inverse: boolean;
+    disabled: boolean;
+    position: string;
+    placement: string;
+    extraSmall: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,122 @@
+import type { PropType } from 'vue';
+import RDSTag from '../../content/tag/tag.vue';
+type RDSTagProps = Omit<typeof RDSTag['$props'], `$${string}`>;
+declare var __VLS_10: {};
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_refs: {
+    panel: import("vue").HTMLAttributes & import("vue").ReservedProps;
+    panelContent: import("vue").HTMLAttributes & import("vue").ReservedProps;
+};
+declare const __VLS_templateResult: {
+    slots: {
+        default?(_: typeof __VLS_10): 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<{
+    /**
+     * El identificador único del elemento.
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * El título del acordeón.
+     */
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * El contenido del acordeón.
+     * Texto simple a mostrar si no tiene nada mas, si no se utiliza el slot por defecto.
+     */
+    content: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Indica si el acordeón está abierto o cerrado.
+     */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * La etiqueta del acordeón, mostrada a la derecha del panel.
+     */
+    tag: {
+        type: PropType<RDSTagProps>;
+        default: null;
+    };
+}, {
+    /**
+     * Abre el panel.
+     */
+    openPanel: () => void;
+    /**
+     * Cierra el panel.
+     */
+    closePanel: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * El identificador único del elemento.
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * El título del acordeón.
+     */
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * El contenido del acordeón.
+     * Texto simple a mostrar si no tiene nada mas, si no se utiliza el slot por defecto.
+     */
+    content: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * Indica si el acordeón está abierto o cerrado.
+     */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * La etiqueta del acordeón, mostrada a la derecha del panel.
+     */
+    tag: {
+        type: PropType<RDSTagProps>;
+        default: null;
+    };
+}>> & {
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}, {
+    open: boolean;
+    tag: RDSTagProps;
+}, {}>;
+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/content/acordion-group/accordion-group.d.ts

@@ -0,0 +1,6 @@
+export interface AccordionChildRegister {
+    id: string;
+    open: () => void;
+    close: () => void;
+    [key: string]: any;
+}

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

@@ -0,0 +1,33 @@
+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<{}, {
+    /**
+     * Abre todos los paneles del acordeón
+     */
+    openAll: () => void;
+    /**
+     * Cierra todos los paneles del acordeón
+     */
+    closeAll: () => void;
+}, {}, {}, {}, 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/content/divider/divider.vue.d.ts

@@ -0,0 +1,35 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Si es true, el tipo será low, de lo contrario será high
+     */
+    low: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Si es true, el color será inverso
+     */
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Si es true, el tipo será low, de lo contrario será high
+     */
+    low: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Si es true, el color será inverso
+     */
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    inverse: boolean;
+    low: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,105 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Nombre del icono a mostrar en la parte izquierda del tag
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Texto del tag
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Typo de tag
+     * <br>
+     * `[ default, information, success, error, warning, promo ]`
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Define si el tag tiene una acción asociada.
+     */
+    actionable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el esquema de colores es inverso
+     * <br>
+     * Solo para type `default`
+     */
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Define si el tag es pequeño
+     */
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, 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
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Texto del tag
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Typo de tag
+     * <br>
+     * `[ default, information, success, error, warning, promo ]`
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Define si el tag tiene una acción asociada.
+     */
+    actionable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el esquema de colores es inverso
+     * <br>
+     * Solo para type `default`
+     */
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Define si el tag es pequeño
+     */
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    small: boolean;
+    type: string;
+    text: string;
+    icon: string;
+    inverse: boolean;
+    actionable: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,100 @@
+import { type PropType } from 'vue';
+type DirectionType = 'horizontal' | 'vertical' | undefined;
+type VariantType = 'default' | 'small' | undefined;
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Los pasos a mostrar en el indicador.
+     */
+    steps: {
+        type: PropType<string[]>;
+        required: true;
+        validator(value: string[]): boolean;
+    };
+    /**
+     * El paso actual en el indicador.
+     */
+    currentStep: {
+        type: NumberConstructor;
+        required: true;
+        validator(value: number): boolean;
+    };
+    /**
+     * La dirección del indicador, ya sea 'horizontal' o 'vertical'.
+     */
+    direction: {
+        type: () => DirectionType;
+        default: string;
+    };
+    /**
+     * La variante del indicador, ya sea 'default' o 'small'.
+     */
+    variant: {
+        type: () => VariantType;
+        default: string;
+    };
+    /**
+     * Si el indicador debe ocupar todo el ancho.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Si las etiquetas deben ser elipsadas.
+     */
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Los pasos a mostrar en el indicador.
+     */
+    steps: {
+        type: PropType<string[]>;
+        required: true;
+        validator(value: string[]): boolean;
+    };
+    /**
+     * El paso actual en el indicador.
+     */
+    currentStep: {
+        type: NumberConstructor;
+        required: true;
+        validator(value: number): boolean;
+    };
+    /**
+     * La dirección del indicador, ya sea 'horizontal' o 'vertical'.
+     */
+    direction: {
+        type: () => DirectionType;
+        default: string;
+    };
+    /**
+     * La variante del indicador, ya sea 'default' o 'small'.
+     */
+    variant: {
+        type: () => VariantType;
+        default: string;
+    };
+    /**
+     * Si el indicador debe ocupar todo el ancho.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Si las etiquetas deben ser elipsadas.
+     */
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    variant: VariantType;
+    direction: DirectionType;
+    fullWidth: boolean;
+    ellipsis: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,11 @@
+export declare const iconList: {
+    name: any;
+    code: any;
+    codes: any;
+}[];
+export declare const sortedIconList: any[];
+export declare const namedIconList: Record<string, {
+    name: any;
+    code: any;
+    codes: any;
+}>;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,68 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * <span>Nombre del icono, todos en listado.</span>
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * <span>Modificador del icono. Permite añadir una clase CSS adicional para personalizar el estilo.</span>
+     * <br>
+     * `['left', 'up', 'right']`
+     */
+    modifier: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Indica si el icono es pequeño.</span>
+     */
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Permite establecer un color personalizado para el icono.
+     */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * <span>Nombre del icono, todos en listado.</span>
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * <span>Modificador del icono. Permite añadir una clase CSS adicional para personalizar el estilo.</span>
+     * <br>
+     * `['left', 'up', 'right']`
+     */
+    modifier: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Indica si el icono es pequeño.</span>
+     */
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Permite establecer un color personalizado para el icono.
+     */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    modifier: string;
+    small: boolean;
+    color: string;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,20 @@
+export { default as RDSIconSvg } from './icon-svg/icon-svg.vue';
+export { default as RDSButton } from './buttons/button/button.vue';
+export { default as RDSFloatinActionButton } from './buttons/floating-action-button/floating-action-button.vue';
+export { default as RDSActionButton } from './buttons/action-button/action-button.vue';
+export { default as RDSCheckbox } from './input/checkbox/checkbox.vue';
+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 RDSDropdown } from './input/dropdown/dropdown.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 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 RDSTooltip } from './overlay/tooltip/tooltip.vue';