@codeplex-sac/graficos 0.0.19 → 0.0.22

package/lib/_nucleo/animaciones.d.ts

@@ -0,0 +1,30 @@
+export declare const entradaBarraHorizontal: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const entradaBarraVertical: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const entradaTrazo: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const aparecer: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const pulso: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;

package/lib/_nucleo/ejes.d.ts

@@ -0,0 +1,18 @@
+export interface LineasCuadriculaProps {
+    posiciones: number[];
+    orientacion?: 'horizontal' | 'vertical';
+}
+export declare const LineasCuadricula: ({ posiciones, orientacion, }: LineasCuadriculaProps) => import("react/jsx-runtime").JSX.Element;
+export interface MarcaEje {
+    posicion: number;
+    texto: string;
+    anclaje?: 'inicio' | 'centro' | 'fin';
+}
+export interface EjeYProps {
+    marcas: MarcaEje[];
+}
+export declare const EjeY: ({ marcas }: EjeYProps) => import("react/jsx-runtime").JSX.Element;
+export interface EjeXProps {
+    marcas: MarcaEje[];
+}
+export declare const EjeX: ({ marcas }: EjeXProps) => import("react/jsx-runtime").JSX.Element;

package/lib/_nucleo/grafico-tooltip.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export declare const CodeplexGraficoTooltip: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const GraficoTooltipDisparador: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & React.RefAttributes<SVGGElement>>;
+export declare const GraficoTooltipContenido: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/lib/_nucleo/index.d.ts

@@ -0,0 +1,5 @@
+export * from './tipos';
+export * from './usar-paleta-grafico';
+export * from './grafico-tooltip';
+export * from './ejes';
+export * from './animaciones';

package/lib/_nucleo/periodo.d.ts

@@ -0,0 +1,16 @@
+import { PuntoDato } from './tipos';
+export type CodeplexPeriodo = 'diario' | 'semanal' | 'quincenal' | 'mensual' | 'anual';
+export type CodeplexAgregacion = 'suma' | 'promedio' | 'maximo' | 'minimo' | 'ultimo' | 'primero';
+export interface CodeplexRangoFecha {
+    desde?: Date;
+    hasta?: Date;
+}
+export interface CodeplexOpcionesPeriodo {
+    periodo?: CodeplexPeriodo;
+    rango?: CodeplexRangoFecha;
+    agregacion?: CodeplexAgregacion;
+}
+export declare const parsearFecha: (texto: string) => Date | null;
+export declare const formatearFecha: (fecha: Date) => string;
+export declare const filtrarPorRango: (datos: PuntoDato[], rango?: CodeplexRangoFecha) => PuntoDato[];
+export declare const agruparPorPeriodo: (datos: PuntoDato[], opciones?: CodeplexOpcionesPeriodo) => PuntoDato[];

package/lib/_nucleo/tipos.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+export type CodeplexGraficoColor = 'primario' | 'secundario' | 'exito' | 'error' | 'advertencia' | 'info';
+export interface PuntoDato {
+    etiqueta: string | number | Date;
+    valor: number;
+    icono?: ReactNode;
+}
+export interface SerieDato {
+    nombre: string;
+    datos: PuntoDato[];
+    color?: CodeplexGraficoColor;
+}
+export interface PuntoCategoria {
+    clave: string;
+    valor: number;
+    color?: CodeplexGraficoColor;
+    icono?: ReactNode;
+}
+export interface SerieCategoria {
+    nombre: string;
+    valores: number[];
+    color?: CodeplexGraficoColor;
+}
+export interface PuntoDispersion {
+    x: number;
+    y: number;
+    etiqueta?: string;
+    color?: CodeplexGraficoColor;
+    icono?: ReactNode;
+}
+export interface SerieDispersion {
+    nombre: string;
+    puntos: PuntoDispersion[];
+    color?: CodeplexGraficoColor;
+}
+export interface PuntoDivergente {
+    clave: string;
+    valor: number;
+}
+export interface PuntoBarraLinea {
+    clave: string;
+    barra: number;
+    linea: number;
+}
+export interface PuntoOHLC {
+    etiqueta: string;
+    apertura: number;
+    maximo: number;
+    minimo: number;
+    cierre: number;
+}
+export interface MargenGrafico {
+    arriba: number;
+    derecha: number;
+    abajo: number;
+    izquierda: number;
+}

package/lib/_nucleo/usar-paleta-grafico.d.ts

@@ -0,0 +1,10 @@
+import { CodeplexGraficoColor } from './tipos';
+export interface PaletaGrafico {
+    color: (nombre?: CodeplexGraficoColor) => string;
+    contraste: (nombre?: CodeplexGraficoColor) => string;
+    serie: (indice: number) => string;
+    cuadricula: string;
+    ejeTexto: string;
+    superficie: string;
+}
+export declare const usarPaletaGrafico: () => PaletaGrafico;

package/lib/grafico-area/grafico-area.d.ts

@@ -0,0 +1,18 @@
+import { CodeplexGraficoColor, PuntoDato, SerieDato } from '../_nucleo/tipos';
+export type CodeplexGraficoAreaCurva = 'lineal' | 'suave' | 'escalon';
+export interface CodeplexGraficoAreaProps {
+    series?: SerieDato[];
+    datos?: PuntoDato[];
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    curva?: CodeplexGraficoAreaCurva;
+    color?: CodeplexGraficoColor;
+    colorLinea?: CodeplexGraficoColor;
+    gradiente?: boolean;
+    contorno?: boolean;
+    apilado?: boolean;
+    conCuadricula?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoArea: ({ series, datos, titulo, subtitulo, alto, curva, color, colorLinea, gradiente, contorno, apilado, conCuadricula, conPapel, }: CodeplexGraficoAreaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-area/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-area';

package/lib/grafico-barra-linea/grafico-barra-linea.d.ts

@@ -0,0 +1,11 @@
+import { CodeplexGraficoColor, PuntoBarraLinea } from '../_nucleo/tipos';
+export interface CodeplexGraficoBarraLineaProps {
+    datos: PuntoBarraLinea[];
+    colorBarra?: CodeplexGraficoColor;
+    colorLinea?: CodeplexGraficoColor;
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoBarraLinea: ({ datos, colorBarra, colorLinea, titulo, subtitulo, alto, conPapel, }: CodeplexGraficoBarraLineaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-barra-linea/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-barra-linea';

package/lib/grafico-barras/grafico-barras.d.ts

@@ -0,0 +1,18 @@
+import { CodeplexGraficoColor, PuntoCategoria } from '../_nucleo/tipos';
+export type CodeplexGraficoBarrasOrientacion = 'horizontal' | 'vertical';
+export interface CodeplexGraficoBarrasProps {
+    datos: PuntoCategoria[];
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    orientacion?: CodeplexGraficoBarrasOrientacion;
+    color?: CodeplexGraficoColor;
+    gradiente?: boolean;
+    animado?: boolean;
+    delgado?: boolean;
+    mostrarValores?: boolean;
+    conCuadricula?: boolean;
+    conTooltip?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoBarras: ({ datos, titulo, subtitulo, alto, orientacion, color, gradiente, animado, delgado, mostrarValores, conCuadricula, conTooltip, conPapel, }: CodeplexGraficoBarrasProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-barras/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-barras';

package/lib/grafico-barras-apiladas/grafico-barras-apiladas.d.ts

@@ -0,0 +1,14 @@
+import { SerieCategoria } from '../_nucleo/tipos';
+export type CodeplexGraficoBarrasApiladasOrientacion = 'horizontal' | 'vertical';
+export interface CodeplexGraficoBarrasApiladasProps {
+    categorias: string[];
+    series: SerieCategoria[];
+    orientacion?: CodeplexGraficoBarrasApiladasOrientacion;
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    conCuadricula?: boolean;
+    conLeyenda?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoBarrasApiladas: ({ categorias, series, orientacion, titulo, subtitulo, alto, conCuadricula, conLeyenda, conPapel, }: CodeplexGraficoBarrasApiladasProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-barras-apiladas/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-barras-apiladas';

package/lib/grafico-barras-divergentes/grafico-barras-divergentes.d.ts

@@ -0,0 +1,13 @@
+import { CodeplexGraficoColor, PuntoDivergente } from '../_nucleo/tipos';
+export interface CodeplexGraficoBarrasDivergentesProps {
+    datos: PuntoDivergente[];
+    colorPositivo?: CodeplexGraficoColor;
+    colorNegativo?: CodeplexGraficoColor;
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    conCuadricula?: boolean;
+    conTooltip?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoBarrasDivergentes: ({ datos, colorPositivo, colorNegativo, titulo, subtitulo, alto, conCuadricula, conTooltip, conPapel, }: CodeplexGraficoBarrasDivergentesProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-barras-divergentes/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-barras-divergentes';

package/lib/grafico-barras-multiples/grafico-barras-multiples.d.ts

@@ -0,0 +1,14 @@
+import { SerieCategoria } from '../_nucleo/tipos';
+export type CodeplexGraficoBarrasMultiplesOrientacion = 'horizontal' | 'vertical';
+export interface CodeplexGraficoBarrasMultiplesProps {
+    categorias: string[];
+    series: SerieCategoria[];
+    orientacion?: CodeplexGraficoBarrasMultiplesOrientacion;
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    conCuadricula?: boolean;
+    conLeyenda?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoBarrasMultiples: ({ categorias, series, orientacion, titulo, subtitulo, alto, conCuadricula, conLeyenda, conPapel, }: CodeplexGraficoBarrasMultiplesProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-barras-multiples/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-barras-multiples';

package/lib/grafico-burbujas/grafico-burbujas.d.ts

@@ -0,0 +1,15 @@
+import { CodeplexGraficoColor } from '../_nucleo/tipos';
+export interface CodeplexPuntoBurbuja {
+    nombre: string;
+    grupo: string;
+    valor: number;
+    color?: CodeplexGraficoColor;
+}
+export interface CodeplexGraficoBurbujasProps {
+    datos: CodeplexPuntoBurbuja[];
+    alto?: number;
+    titulo?: string;
+    subtitulo?: string;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoBurbujas: ({ datos, alto, titulo, subtitulo, conPapel, }: CodeplexGraficoBurbujasProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-burbujas/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-burbujas';

package/lib/grafico-comparativa/grafico-comparativa.d.ts

@@ -0,0 +1,9 @@
+import { PuntoCategoria } from '../_nucleo/tipos';
+export interface CodeplexGraficoComparativaProps {
+    datos: PuntoCategoria[];
+    indiceDestacado?: number;
+    titulo?: string;
+    subtitulo?: string;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoComparativa: ({ datos, indiceDestacado, titulo, subtitulo, conPapel, }: CodeplexGraficoComparativaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-comparativa/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-comparativa';

package/lib/grafico-desglose/grafico-desglose.d.ts

@@ -0,0 +1,10 @@
+import { PuntoCategoria } from '../_nucleo/tipos';
+export type CodeplexGraficoDesgloseVariante = 'grueso' | 'delgado';
+export interface CodeplexGraficoDesgloseProps {
+    datos: PuntoCategoria[];
+    variante?: CodeplexGraficoDesgloseVariante;
+    titulo?: string;
+    subtitulo?: string;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoDesglose: ({ datos, variante, titulo, subtitulo, conPapel, }: CodeplexGraficoDesgloseProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-desglose/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-desglose';

package/lib/grafico-dispersion/grafico-dispersion.d.ts

@@ -0,0 +1,14 @@
+import { CodeplexGraficoColor, PuntoDispersion, SerieDispersion } from '../_nucleo/tipos';
+export interface CodeplexGraficoDispersionProps {
+    datos?: PuntoDispersion[];
+    series?: SerieDispersion[];
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    color?: CodeplexGraficoColor;
+    conCuadricula?: boolean;
+    conTooltip?: boolean;
+    conLeyenda?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoDispersion: ({ datos, series, titulo, subtitulo, alto, color, conCuadricula, conTooltip, conLeyenda, conPapel, }: CodeplexGraficoDispersionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-dispersion/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-dispersion';

package/lib/grafico-embudo/grafico-embudo.d.ts

@@ -0,0 +1,10 @@
+import { PuntoCategoria } from '../_nucleo/tipos';
+export interface CodeplexGraficoEmbudoProps {
+    datos: PuntoCategoria[];
+    gradiente?: boolean;
+    alto?: number;
+    titulo?: string;
+    subtitulo?: string;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoEmbudo: ({ datos, gradiente, alto, titulo, subtitulo, conPapel, }: CodeplexGraficoEmbudoProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-embudo/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-embudo';

package/lib/grafico-lineas/grafico-lineas.d.ts

@@ -0,0 +1,18 @@
+import { CodeplexGraficoColor, PuntoDato, SerieDato } from '../_nucleo/tipos';
+export type CodeplexGraficoLineasCurva = 'lineal' | 'suave' | 'escalon' | 'natural';
+export interface CodeplexGraficoLineasProps {
+    series?: SerieDato[];
+    datos?: PuntoDato[];
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    curva?: CodeplexGraficoLineasCurva;
+    color?: CodeplexGraficoColor;
+    gradiente?: boolean;
+    mostrarValores?: boolean;
+    pulsante?: boolean;
+    conCuadricula?: boolean;
+    conTooltip?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoLineas: ({ series, datos, titulo, subtitulo, alto, curva, color, gradiente, mostrarValores, pulsante, conCuadricula, conTooltip, conPapel, }: CodeplexGraficoLineasProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-lineas/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-lineas';

package/lib/grafico-mapa-calor/grafico-mapa-calor.d.ts

@@ -0,0 +1,16 @@
+import { CodeplexGraficoColor } from '../_nucleo/tipos';
+export interface CodeplexCeldaMapaCalor {
+    fila: string;
+    columna: string;
+    valor: number;
+}
+export interface CodeplexGraficoMapaCalorProps {
+    datos: CodeplexCeldaMapaCalor[];
+    color?: CodeplexGraficoColor;
+    alto?: number;
+    conValores?: boolean;
+    titulo?: string;
+    subtitulo?: string;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoMapaCalor: ({ datos, color, alto, conValores, titulo, subtitulo, conPapel, }: CodeplexGraficoMapaCalorProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-mapa-calor/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-mapa-calor';

package/lib/grafico-medidor/grafico-medidor.d.ts

@@ -0,0 +1,11 @@
+import { CodeplexGraficoColor } from '../_nucleo/tipos';
+export type CodeplexGraficoMedidorVariante = 'completo' | 'medio';
+export interface CodeplexGraficoMedidorProps {
+    valor: number;
+    variante?: CodeplexGraficoMedidorVariante;
+    color?: CodeplexGraficoColor;
+    etiqueta?: string;
+    alto?: number;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoMedidor: ({ valor, variante, color, etiqueta, alto, conPapel, }: CodeplexGraficoMedidorProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-medidor/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-medidor';

package/lib/grafico-pastel/grafico-pastel.d.ts

@@ -0,0 +1,17 @@
+import { PuntoCategoria } from '../_nucleo/tipos';
+export type CodeplexGraficoPastelVariante = 'pastel' | 'dona' | 'media-dona';
+export interface CodeplexGraficoPastelProps {
+    datos: PuntoCategoria[];
+    variante?: CodeplexGraficoPastelVariante;
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    valorCentral?: string | number;
+    etiquetaCentral?: string;
+    etiquetasEnPorciones?: boolean;
+    gradiente?: boolean;
+    conTooltip?: boolean;
+    conLeyenda?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoPastel: ({ datos, variante, titulo, subtitulo, alto, valorCentral, etiquetaCentral, etiquetasEnPorciones, gradiente, conTooltip, conLeyenda, conPapel, }: CodeplexGraficoPastelProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-pastel/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-pastel';

package/lib/grafico-puntos-conectados/grafico-puntos-conectados.d.ts

@@ -0,0 +1,12 @@
+import { CodeplexGraficoColor, PuntoCategoria } from '../_nucleo/tipos';
+export interface CodeplexGraficoPuntosConectadosProps {
+    datos: PuntoCategoria[];
+    color?: CodeplexGraficoColor;
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    conCuadricula?: boolean;
+    conTooltip?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoPuntosConectados: ({ datos, color, titulo, subtitulo, alto, conCuadricula, conTooltip, conPapel, }: CodeplexGraficoPuntosConectadosProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-puntos-conectados/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-puntos-conectados';

package/lib/grafico-radar/grafico-radar.d.ts

@@ -0,0 +1,19 @@
+import { CodeplexGraficoColor } from '../_nucleo/tipos';
+export interface CodeplexSerieRadar {
+    nombre: string;
+    valores: number[];
+    color?: CodeplexGraficoColor;
+}
+export type CodeplexGraficoRadarVariante = 'lineal' | 'redondeado';
+export interface CodeplexGraficoRadarProps {
+    ejes: string[];
+    series: CodeplexSerieRadar[];
+    variante?: CodeplexGraficoRadarVariante;
+    conPuntos?: boolean;
+    conLeyenda?: boolean;
+    alto?: number;
+    titulo?: string;
+    subtitulo?: string;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoRadar: ({ ejes, series, variante, conPuntos, conLeyenda, alto, titulo, subtitulo, conPapel, }: CodeplexGraficoRadarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-radar/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-radar';

package/lib/grafico-treemap/grafico-treemap.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { CodeplexGraficoColor } from '../_nucleo/tipos';
+export interface CodeplexItemTreemap {
+    nombre: string;
+    valor: number;
+    icono?: ReactNode;
+}
+export interface CodeplexGrupoTreemap {
+    grupo: string;
+    color?: CodeplexGraficoColor;
+    items: CodeplexItemTreemap[];
+}
+export type CodeplexGraficoTreemapVariante = 'solido' | 'gradiente' | 'logos';
+export interface CodeplexGraficoTreemapProps {
+    datos: CodeplexGrupoTreemap[];
+    variante?: CodeplexGraficoTreemapVariante;
+    alto?: number;
+    titulo?: string;
+    subtitulo?: string;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoTreemap: ({ datos, variante, alto, titulo, subtitulo, conPapel, }: CodeplexGraficoTreemapProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-treemap/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-treemap';

package/lib/grafico-velas/grafico-velas.d.ts

@@ -0,0 +1,11 @@
+import { PuntoOHLC } from '../_nucleo/tipos';
+export interface CodeplexGraficoVelasProps {
+    datos: PuntoOHLC[];
+    titulo?: string;
+    subtitulo?: string;
+    alto?: number;
+    conCuadricula?: boolean;
+    conTooltip?: boolean;
+    conPapel?: boolean;
+}
+export declare const CodeplexGraficoVelas: ({ datos, titulo, subtitulo, alto, conCuadricula, conTooltip, conPapel, }: CodeplexGraficoVelasProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grafico-velas/index.d.ts

@@ -0,0 +1 @@
+export * from './grafico-velas';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeplex-sac/graficos",
-  "version": "0.0.19",
+  "version": "0.0.22",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",
@@ -24,6 +24,9 @@
     "@mui/system": "^7.3.7",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/x-charts": "^8.23.0"
+    "d3-scale": "^4.0.2",
+    "d3-shape": "^3.2.0",
+    "d3-array": "^3.2.4",
+    "d3-hierarchy": "^3.1.2"
   }
 }

package/lib/area-chart.d.ts

@@ -1,11 +0,0 @@
-import { LineChartProps } from '@mui/x-charts/LineChart';
-export interface CodeplexAreaChartProps extends Omit<LineChartProps, 'series'> {
-    titulo?: string;
-    subtitulo?: string;
-    conPapel?: boolean;
-    alto?: number;
-    series: (LineChartProps['series'][number] & {
-        area?: boolean;
-    })[];
-}
-export declare const CodeplexAreaChart: ({ titulo, subtitulo, conPapel, alto, sx, series, ...props }: CodeplexAreaChartProps) => import("react/jsx-runtime").JSX.Element;

package/lib/area-chart.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { CodeplexAreaChart } from './area-chart';
-declare const meta: Meta<typeof CodeplexAreaChart>;
-export default meta;
-type Story = StoryObj<typeof CodeplexAreaChart>;
-export declare const Basico: Story;
-export declare const MultiplesSeries: Story;
-export declare const SinPapel: Story;

package/lib/bar-chart.d.ts

@@ -1,8 +0,0 @@
-import { BarChartProps } from '@mui/x-charts/BarChart';
-export interface CodeplexBarChartProps extends BarChartProps {
-    titulo?: string;
-    subtitulo?: string;
-    conPapel?: boolean;
-    alto?: number;
-}
-export declare const CodeplexBarChart: ({ titulo, subtitulo, conPapel, alto, sx, ...props }: CodeplexBarChartProps) => import("react/jsx-runtime").JSX.Element;

package/lib/bar-chart.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { CodeplexBarChart } from './bar-chart';
-declare const meta: Meta<typeof CodeplexBarChart>;
-export default meta;
-type Story = StoryObj<typeof CodeplexBarChart>;
-export declare const Basico: Story;
-export declare const Comparativo: Story;

package/lib/donut-chart.d.ts

@@ -1,12 +0,0 @@
-import { PieChartProps } from '@mui/x-charts/PieChart';
-export interface CodeplexDonutChartProps extends PieChartProps {
-    titulo?: string;
-    subtitulo?: string;
-    conPapel?: boolean;
-    alto?: number;
-    radioInterior?: number;
-    etiquetaCentral?: string;
-    valorCentral?: string | number;
-}
-export declare const CodeplexDonutChart: ({ titulo, subtitulo, conPapel, alto, radioInterior, etiquetaCentral, valorCentral, sx, series, ...props }: CodeplexDonutChartProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CodeplexGraficoPastelDonut: ({ titulo, subtitulo, conPapel, alto, radioInterior, etiquetaCentral, valorCentral, sx, series, ...props }: CodeplexDonutChartProps) => import("react/jsx-runtime").JSX.Element;

package/lib/donut-chart.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { CodeplexDonutChart } from './donut-chart';
-declare const meta: Meta<typeof CodeplexDonutChart>;
-export default meta;
-type Story = StoryObj<typeof CodeplexDonutChart>;
-export declare const Basico: Story;
-export declare const ConEtiquetaCentral: Story;
-export declare const RadioGrande: Story;
-export declare const SinPapel: Story;

package/lib/line-chart.d.ts

@@ -1,8 +0,0 @@
-import { LineChartProps } from '@mui/x-charts/LineChart';
-export interface CodeplexLineChartProps extends LineChartProps {
-    titulo?: string;
-    subtitulo?: string;
-    conPapel?: boolean;
-    alto?: number;
-}
-export declare const CodeplexLineChart: ({ titulo, subtitulo, conPapel, alto, sx, ...props }: CodeplexLineChartProps) => import("react/jsx-runtime").JSX.Element;

package/lib/line-chart.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { CodeplexLineChart } from './line-chart';
-declare const meta: Meta<typeof CodeplexLineChart>;
-export default meta;
-type Story = StoryObj<typeof CodeplexLineChart>;
-export declare const Basico: Story;
-export declare const UnicoSerie: Story;

package/lib/pie-chart.d.ts

@@ -1,8 +0,0 @@
-import { PieChartProps } from '@mui/x-charts/PieChart';
-export interface CodeplexPieChartProps extends PieChartProps {
-    titulo?: string;
-    subtitulo?: string;
-    conPapel?: boolean;
-    alto?: number;
-}
-export declare const CodeplexPieChart: ({ titulo, subtitulo, conPapel, alto, sx, ...props }: CodeplexPieChartProps) => import("react/jsx-runtime").JSX.Element;