@semcore/d3-chart 16.0.2-prerelease.4 → 16.0.3-prerelease.0

package/lib/types/a11y/PlotA11yModule.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DataStructureHints, PartialDataSummarizationConfig } from './hints';
+import type { DataStructureHints, PartialDataSummarizationConfig } from './hints';
 export type A11yViewProps = {
     id: string;
     data: Record<string, unknown>[];

package/lib/types/a11y/hints.d.ts

@@ -1,4 +1,4 @@
-import { SerializableDataType } from './insights';
+import type { SerializableDataType } from './insights';
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
@@ -70,13 +70,13 @@ export type PartialDataSummarizationConfig = DeepPartial<Omit<DataSummarizationC
 export declare const makeDataHintsContainer: () => DataStructureHints;
 export declare const makeDataHintsHandlers: (mutableContainer: DataStructureHints) => {
     specifyDataRowFields: (x?: string, y?: string, value?: string) => void;
-    setupGrid: (direction: 'vertical' | 'horizontal', size: number) => void;
+    setupGrid: (direction: "vertical" | "horizontal", size: number) => void;
     establishDataType: (dataType: SerializableDataType) => void;
     describeValueEntity: (dataKey: string | number, readableName: string) => void;
     describeGroupedValues: (groupKey: string | number, dataKey: string | number) => void;
-    labelKey: (axes: 'vertical' | 'horizontal' | 'value', dataKey: string | number, label: string) => void;
-    addKeyLabelGetter: (axes: 'vertical' | 'horizontal' | 'value', getter: (dataKey: string | number) => string) => void;
-    setTitle: (describedDataAxes: 'vertical' | 'horizontal', title: string) => void;
+    labelKey: (axes: "vertical" | "horizontal" | "value", dataKey: string | number, label: string) => void;
+    addKeyLabelGetter: (axes: "vertical" | "horizontal" | "value", getter: (dataKey: string | number) => string) => void;
+    setTitle: (describedDataAxes: "vertical" | "horizontal", title: string) => void;
     setPointsDensity: (horizontalAxes: number, verticalAxes: number) => void;
 };
 export type DataHintsHandler = ReturnType<typeof makeDataHintsHandlers>;

package/lib/types/a11y/insights.d.ts

@@ -1,4 +1,4 @@
-import { DataStructureHints, DataSummarizationConfig } from './hints';
+import type { DataStructureHints, DataSummarizationConfig } from './hints';
 export type TrendNode = {
     type: 'trend';
     priority: number;

package/lib/types/a11y/intl.d.ts

@@ -1,4 +1,4 @@
-import { IntlShape } from '@formatjs/intl';
+import { type IntlShape } from '@formatjs/intl';
 import type { localizedMessages as localizedMessagesTypeBase } from './translations/view/__intergalactic-dynamic-locales';
 export type Intl = IntlShape<typeof localizedMessagesTypeBase['en']>;
 export declare const getIntl: (locale: string, translations: {

package/lib/types/a11y/serialize.d.ts

@@ -1,17 +1,17 @@
-import { AnalyzedData } from './insights';
-import { DataSummarizationConfig } from './hints';
-import { Intl } from './intl';
+import type { DataSummarizationConfig } from './hints';
+import type { AnalyzedData } from './insights';
+import { type Intl } from './intl';
 export declare const defaultValueFormatter: (intl: Intl, value: unknown, { siblingsTimeMark, maxListSymbols, datesWithTime, }?: {
     siblingsTimeMark?: unknown;
-    maxListSymbols?: number | undefined;
-    datesWithTime?: boolean | undefined;
+    maxListSymbols?: number;
+    datesWithTime?: boolean;
 }) => string;
 export declare const serialize: ({ insights, dataType, dataRange, dataTitle, entitiesCount }: AnalyzedData, { datesWithTime, maxListSymbols, clustersLimit, valuesLimit, groupsLimit, titlesFormatter, valuesFormatter, }: DataSummarizationConfig, { locale, translations, availableLocales, }: {
     locale: string;
     translations?: {
         [messageId: string]: string;
-    } | undefined;
+    };
     availableLocales?: {
         [localeId: string]: any;
-    } | undefined;
+    };
 }) => string | null;

package/lib/types/a11y/summarize.d.ts

@@ -1,5 +1,5 @@
-import { DataStructureHints, DataSummarizationConfig } from './hints';
-export declare const summarize: (data: Record<string, unknown>[] | Record<string, unknown>, hints: DataStructureHints, config: DataSummarizationConfig, locale: NavigatorLanguage['language'], translations: {
+import type { DataStructureHints, DataSummarizationConfig } from './hints';
+export declare const summarize: (data: Record<string, unknown>[] | Record<string, unknown>, hints: DataStructureHints, config: DataSummarizationConfig, locale: NavigatorLanguage["language"], translations: {
     [messageId: string]: string;
 }, availableLocales: {
     [localeId: string]: any;

package/lib/types/component/Chart/AbstractChart.d.ts

@@ -1,9 +1,9 @@
-import { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';
-import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
-import { interpolateValue } from '../../utils';
-import React from 'react';
 import { Component } from '@semcore/core';
-import { BaseChartProps, BaseLegendProps, ListData, ObjectData } from './AbstractChart.type';
+import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import React from 'react';
+import type { BaseChartProps, BaseLegendProps, ListData, ObjectData } from './AbstractChart.type';
+import { interpolateValue } from '../../utils';
+import type { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';
 type ChartState = {
     dataDefinitions: Array<LegendItem & {
         columns: React.ReactNode[];
@@ -45,7 +45,7 @@ export declare abstract class AbstractChart<D extends ListData | ObjectData, T e
     protected resolveColor(id: string, index: number): string;
     protected tooltipValueFormatter(value?: string | number | typeof interpolateValue | Date): string;
     protected defaultLegendProps(): Partial<BaseLegendProps>;
-    protected renderLegend(): JSX.Element | null;
+    protected renderLegend(): React.JSX.Element | null;
     protected renderAxis(): React.ReactNode;
     render(): React.ReactNode;
 }

package/lib/types/component/Chart/AbstractChart.type.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { FlexProps } from '@semcore/flex-box';
-import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
-import Icon from '@semcore/icon';
-import { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
-import { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
-import { PatternsConfig } from '../../Pattern';
-import { PlotSummarizerConfig } from '../../Plot';
-import { Intergalactic } from '@semcore/core';
+import type { Intergalactic } from '@semcore/core';
+import type { FlexProps } from '@semcore/flex-box';
+import type Icon from '@semcore/icon';
+import type React from 'react';
+import type { PatternsConfig } from '../../Pattern';
+import type { PlotSummarizerConfig } from '../../Plot';
+import type { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
+import type { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
+import type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
 export type BaseLegendProps = BaseChartLegendProps & {
     /**
      * Disable hover (for transition items legend of each not hovered)
@@ -18,21 +18,21 @@ export type BaseLegendProps = BaseChartLegendProps & {
     disableSelectItems?: boolean;
 } & ((TrendProps & {
     /**
-     * How to render Legend - Flex view. Just list of legend items
-     */
+       * How to render Legend - Flex view. Just list of legend items
+       */
     legendType?: never | 'Flex';
     /**
-     * Config for Legend items
-     */
+       * Config for Legend items
+       */
     legendMap?: LegendDataMap<'Flex'>;
 }) | {
     /**
-     * How to render Legend - Table view. Table of legend items with some additional information in columns
-     */
+       * How to render Legend - Table view. Table of legend items with some additional information in columns
+       */
     legendType: 'Table';
     /**
-     * Config for Legend items
-     */
+       * Config for Legend items
+       */
     legendMap?: LegendDataMap<'Table'>;
 });
 export type ObjectData = Record<string, unknown>;
@@ -44,7 +44,7 @@ export type ListData = ObjectData[];
 export type AriaNameProps = Intergalactic.RequireAtLeastOne<{
     'aria-label'?: string;
     'aria-labelledby'?: string;
-    title?: string;
+    'title'?: string;
 }>;
 export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & AriaNameProps & {
     /**
@@ -136,22 +136,22 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & AriaNa
 } /**
  * By default, we show the Legend for all charts with more the one data item.
  * For hide the Legend, you should set showLegend prop to `false`.
- */ & ({
+*/ & ({
     /**
-     * Don't show legend
-     */
+       * Don't show legend
+       */
     showLegend?: false;
     legendProps?: never;
 } | {
     /**
-     *  By default (if showLegend don't set), for one data item on chart,
-     *  Legend component will be hide, and show for more then 1 data item.
-     *  If set `true` - Legend component will show always.
-     */
+       *  By default (if showLegend don't set), for one data item on chart,
+       *  Legend component will be hide, and show for more then 1 data item.
+       *  If set `true` - Legend component will show always.
+       */
     showLegend?: true;
     /**
-     * Props for Legend
-     */
+       * Props for Legend
+       */
     legendProps?: Partial<BaseLegendProps>;
 });
 type LegendDataMap<T extends 'Flex' | 'Table'> = Record<LegendItemKey, {

package/lib/types/component/Chart/AreaChart.d.ts

@@ -1,2 +1,2 @@
-import { AreaChartType } from './AreaChart.type';
+import type { AreaChartType } from './AreaChart.type';
 export declare const AreaChart: AreaChartType;

package/lib/types/component/Chart/AreaChart.type.d.ts

@@ -1,9 +1,9 @@
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { interpolateValue } from '../../utils';
-import { ScaleLinear, ScaleTime } from 'd3-scale';
-import { CurveFactory } from 'd3-shape';
-import { BaseChartProps } from './AbstractChart.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleLinear, ScaleTime } from 'd3-scale';
+import type { CurveFactory } from 'd3-shape';
+import type { BaseChartProps } from './AbstractChart.type';
+import type { interpolateValue } from '../../utils';
 export type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
 export type AreaChartProps = BaseChartProps<AreaChartData> & {
     groupKey: string;

package/lib/types/component/Chart/BarChart.d.ts

@@ -1,2 +1,2 @@
-import { BarChartType } from './BarChart.type';
+import type { BarChartType } from './BarChart.type';
 export declare const BarChart: BarChartType;

package/lib/types/component/Chart/BarChart.type.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
-import { BaseChartProps } from './AbstractChart.type';
-import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import type React from 'react';
+import type { BaseChartProps } from './AbstractChart.type';
+import type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
 type TrendItem = {
     x: number;
     y: number;

package/lib/types/component/Chart/BubbleChart.d.ts

@@ -1,2 +1,2 @@
-import { BubbleChartType } from './BubbleChart.type';
+import type { BubbleChartType } from './BubbleChart.type';
 export declare const BubbleChart: BubbleChartType;

package/lib/types/component/Chart/BubbleChart.type.d.ts

@@ -1,7 +1,7 @@
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { ScaleLinear } from 'd3-scale';
-import { BaseChartProps } from './AbstractChart.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleLinear } from 'd3-scale';
+import type { BaseChartProps } from './AbstractChart.type';
 export type ScaledValues = {
     x: number[];
     y: number[];

package/lib/types/component/Chart/CigaretteChart.d.ts

@@ -1,2 +1,2 @@
-import { CigaretteChartType } from './CigaretteChart.type';
+import type { CigaretteChartType } from './CigaretteChart.type';
 export declare const CigaretteChart: CigaretteChartType;

package/lib/types/component/Chart/CigaretteChart.type.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { Intergalactic } from '@semcore/core';
-import { BaseChartProps } from './AbstractChart.type';
-import { interpolateValue } from '../../utils';
+import type { Intergalactic } from '@semcore/core';
+import type React from 'react';
+import type { BaseChartProps } from './AbstractChart.type';
+import type { interpolateValue } from '../../utils';
 type DataKey = string;
 export type CigaretteChartData = Record<DataKey, number | typeof interpolateValue>;
 export type CigaretteChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<CigaretteChartData>, 'xScale' | 'yScale'> & {

package/lib/types/component/Chart/CompactHorizontalBarChart.d.ts

@@ -1,2 +1,2 @@
-import { CompactHorizontalBarChartType } from './CompactHorizontalBarChart.type';
+import type { CompactHorizontalBarChartType } from './CompactHorizontalBarChart.type';
 export declare const CompactHorizontalBarChart: CompactHorizontalBarChartType;

package/lib/types/component/Chart/CompactHorizontalBarChart.type.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
-import { BaseChartProps } from './AbstractChart.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import type React from 'react';
+import type { BaseChartProps } from './AbstractChart.type';
 type BarKey = string;
 export type CompactHorizontalBarChartData = Array<Record<BarKey, number | string>>;
 export type CompactHorizontalBarChartProps = BaseChartProps<CompactHorizontalBarChartData> & {

package/lib/types/component/Chart/DonutChart.d.ts

@@ -1,2 +1,2 @@
-import { DonutChartType } from './DonutChart.type';
+import type { DonutChartType } from './DonutChart.type';
 export declare const DonutChart: DonutChartType;

package/lib/types/component/Chart/DonutChart.type.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { ScaleLinear } from 'd3-scale';
-import { BaseChartProps } from './AbstractChart.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleLinear } from 'd3-scale';
+import type React from 'react';
+import type { BaseChartProps } from './AbstractChart.type';
 export type DonutChartData = Record<string, number>;
 export type DonutChartProps = BaseChartProps<DonutChartData> & {
     groupKey?: never;

package/lib/types/component/Chart/HistogramChart.d.ts

@@ -1,2 +1,2 @@
-import { HistogramChartType } from './HistogramChart.type';
+import type { HistogramChartType } from './HistogramChart.type';
 export declare const HistogramChart: HistogramChartType;

package/lib/types/component/Chart/HistogramChart.type.d.ts

@@ -1,7 +1,7 @@
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
-import { BaseChartProps } from './AbstractChart.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import type { BaseChartProps } from './AbstractChart.type';
 export type HistogramChartData = Array<Record<string, number | Date>>;
 export type HistogramChartProps = BaseChartProps<HistogramChartData> & {
     groupKey: string;

package/lib/types/component/Chart/LineChart.d.ts

@@ -1,2 +1,2 @@
-import { LineChartType } from './LineChart.type';
+import type { LineChartType } from './LineChart.type';
 export declare const LineChart: LineChartType;

package/lib/types/component/Chart/LineChart.type.d.ts

@@ -1,10 +1,10 @@
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { interpolateValue } from '../../utils';
-import { ScaleLinear, ScaleTime } from 'd3-scale';
-import { CurveFactory } from 'd3-shape';
-import { BaseChartProps } from './AbstractChart.type';
-import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleLinear, ScaleTime } from 'd3-scale';
+import type { CurveFactory } from 'd3-shape';
+import type { BaseChartProps } from './AbstractChart.type';
+import type { interpolateValue } from '../../utils';
+import type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
 type AreaItem = {
     x: number;
     y0: number;

package/lib/types/component/Chart/RadarChart.d.ts

@@ -1,2 +1,2 @@
-import { RadarChartType } from './RadarChart.type';
+import type { RadarChartType } from './RadarChart.type';
 export declare const RadarChart: RadarChartType;

package/lib/types/component/Chart/RadarChart.type.d.ts

@@ -1,7 +1,7 @@
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { ScaleLinear } from 'd3-scale';
-import { BaseChartProps } from './AbstractChart.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleLinear } from 'd3-scale';
+import type { BaseChartProps } from './AbstractChart.type';
 export type RadarChartData = Record<string, string[] | number[]>;
 export type RadarChartProps = BaseChartProps<RadarChartData> & {
     groupKey: string;

package/lib/types/component/Chart/ScatterPlotChart.d.ts

@@ -1,2 +1,2 @@
-import { ScatterPlotChartType } from './ScatterPlotChart.type';
+import type { ScatterPlotChartType } from './ScatterPlotChart.type';
 export declare const ScatterPlotChart: ScatterPlotChartType;

package/lib/types/component/Chart/ScatterPlotChart.type.d.ts

@@ -1,8 +1,8 @@
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { interpolateValue } from '../../utils';
-import { ScaleLinear, ScaleTime } from 'd3-scale';
-import { BaseChartProps } from './AbstractChart.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleLinear, ScaleTime } from 'd3-scale';
+import type { BaseChartProps } from './AbstractChart.type';
+import type { interpolateValue } from '../../utils';
 export type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
 export type ScatterPlotChartProps = BaseChartProps<ScatterPlotChartData> & {
     groupKey: string;

package/lib/types/component/Chart/VennChart.d.ts

@@ -1,2 +1,2 @@
-import { VennChartType } from './VennChart.type';
+import type { VennChartType } from './VennChart.type';
 export declare const VennChart: VennChartType;

package/lib/types/component/Chart/VennChart.type.d.ts

@@ -1,7 +1,7 @@
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { ScaleLinear } from 'd3-scale';
-import { BaseChartProps } from './AbstractChart.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type { ScaleLinear } from 'd3-scale';
+import type { BaseChartProps } from './AbstractChart.type';
 export type VennChartData = Record<string, number>;
 export type VennChartProps = BaseChartProps<VennChartData> & {
     groupKey?: never;

package/lib/types/component/ChartLegend/BaseLegend.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { Component, Intergalactic } from '@semcore/core';
-import { LegendItemKey, LegendItemProps } from './LegendItem/LegendItem.type';
-import { LegendProps } from './BaseLegend.type';
+import { Component, type Intergalactic } from '@semcore/core';
+import type React from 'react';
+import type { LegendProps } from './BaseLegend.type';
+import type { LegendItemKey, LegendItemProps } from './LegendItem/LegendItem.type';
 export declare abstract class BaseLegend<T extends LegendProps> extends Component<T> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: T): void;
@@ -9,6 +9,8 @@ export declare abstract class BaseLegend<T extends LegendProps> extends Componen
     getItem(index: number): import("./LegendItem/LegendItem.type").LegendItem;
     getLegendItemProps(_: {}, index: number): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'>;
     onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;
+    onFocusLegendItem: (checked: boolean) => (id: LegendItemKey) => void;
+    onBlurLegendItem: (id: LegendItemKey) => void;
     bindOnMouseEnterItem: (id: LegendItemKey) => (e: React.SyntheticEvent) => void;
     bindOnMouseLeaveItem: (id: LegendItemKey) => (e: React.SyntheticEvent) => void;
 }

package/lib/types/component/ChartLegend/BaseLegend.type.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { BoxProps, FlexProps } from '@semcore/flex-box';
-import { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';
-import { DataStructureHints } from '../../a11y/hints';
+import type { BoxProps, FlexProps } from '@semcore/flex-box';
+import type { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';
+import type { DataStructureHints } from '../../a11y/hints';
 import type { PatternsConfig } from '../../Pattern';
-import { AriaNameProps } from '../Chart/AbstractChart.type';
+import type { AriaNameProps } from '../Chart/AbstractChart.type';
 export type LSize = 'm' | 'l';
 export type BaseChartLegendProps = FlexProps & AriaNameProps & {
     /**

package/lib/types/component/ChartLegend/LegendFlex/LegendFlex.d.ts

@@ -1,2 +1,2 @@
-import { LegendFlexType } from './LegendFlex.type';
+import type { LegendFlexType } from './LegendFlex.type';
 export declare const LegendFlex: LegendFlexType;

package/lib/types/component/ChartLegend/LegendFlex/LegendFlex.type.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { Flex, FlexProps } from '@semcore/flex-box';
-import { Intergalactic } from '@semcore/core';
-import { LegendItemType } from '../LegendItem/LegendItem.type';
-import { LegendProps } from '../BaseLegend.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Flex, FlexProps } from '@semcore/flex-box';
+import type { LegendProps } from '../BaseLegend.type';
+import type { LegendItemType } from '../LegendItem/LegendItem.type';
 export type TrendProps = {
     /**
      * Flag for include trend LegendItem in Legend

package/lib/types/component/ChartLegend/LegendItem/LegendItem.d.ts

@@ -1,2 +1,2 @@
-import { LegendItemType } from './LegendItem.type';
+import { type LegendItemType } from './LegendItem.type';
 export declare const LegendItemComponent: LegendItemType;

package/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { Flex } from '@semcore/flex-box';
-import { Intergalactic, Root } from '@semcore/core';
-import Icon from '@semcore/icon';
-import { Text } from '@semcore/typography';
-import { LSize } from '../BaseLegend.type';
-import { PatternsConfig } from '../../../Pattern';
+import type { Intergalactic, Root } from '@semcore/core';
+import type { Flex } from '@semcore/flex-box';
+import type Icon from '@semcore/icon';
+import type { Text } from '@semcore/typography';
+import type { PatternsConfig } from '../../../Pattern';
+import type { LSize } from '../BaseLegend.type';
 /**
  * Key of chart data item
  */
@@ -63,14 +62,22 @@ export type LegendItemProps = LegendItem & {
      * Handler for select/deselect legend item
      */
     onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;
+    /**
+     * Handler for focus legend item
+     */
+    onFocusLegendItem: (id: LegendItemKey) => void;
+    /**
+     * Handler for focus out legend item
+     */
+    onBlurLegendItem: (id: LegendItemKey) => void;
 };
 export type ShapeProps = LegendItem & ({
     size: LSize;
     shape: Exclude<ShapeType, 'Checkbox'>;
 } | {
-    size: LSize;
-    shape: Extract<ShapeType, 'Checkbox'>;
-    onChange: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
+    'size': LSize;
+    'shape': Extract<ShapeType, 'Checkbox'>;
+    'onChange': (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
     'aria-labelledby'?: string;
 });
 export declare const StaticShapes: readonly ["Circle", "Line", "Square", "Pattern"];

package/lib/types/component/ChartLegend/LegendTable/LegendTable.d.ts

@@ -1,2 +1,2 @@
-import { LegendTableType } from './LegendTable.type';
+import type { LegendTableType } from './LegendTable.type';
 export declare const LegendTable: LegendTableType;

package/lib/types/component/ChartLegend/LegendTable/LegendTable.type.d.ts

@@ -1,8 +1,8 @@
-import { Intergalactic } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-import { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';
-import React from 'react';
-import { LegendProps, LSize } from '../BaseLegend.type';
+import type { Intergalactic } from '@semcore/core';
+import type { Box } from '@semcore/flex-box';
+import type React from 'react';
+import type { LegendProps, LSize } from '../BaseLegend.type';
+import type { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';
 export type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {
     /**
      * Legend items

package/lib/types/component/StackGroupBar/StackGroupBar.d.ts

@@ -1,3 +1,3 @@
-import { StackGroupType } from './StackGroupBar.type';
+import type { StackGroupType } from './StackGroupBar.type';
 declare const StackGroupBar: StackGroupType;
 export default StackGroupBar;

package/lib/types/component/StackGroupBar/StackGroupBar.type.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { ScaleBand, ScaleLinear } from 'd3-scale';
-import { Stack } from 'd3-shape';
-import { IntergalacticD3Component } from '../../Plot';
+import type { ScaleBand, ScaleLinear } from 'd3-scale';
+import type { Stack } from 'd3-shape';
+import type { IntergalacticD3Component } from '../../Plot';
 type StackGroupData = {
     [key: string]: number;
 };

package/lib/types/component/SvgElement.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type FilteredTags<T, ValueType> = {
+    [K in keyof T]: K extends ValueType ? K : never;
+}[keyof T];
+type AvailableTags = FilteredTags<JSX.IntrinsicElements, keyof SVGElementTagNameMap>;
+type SvgElementProps<T extends AvailableTags> = React.SVGProps<SVGElementTagNameMap[T]> & {
+    tag: T;
+};
+export declare const SvgElement: <T extends AvailableTags>({ tag: Tag, ...props }: SvgElementProps<T>) => React.JSX.Element;
+export {};

package/lib/types/index.d.ts

@@ -1,6 +1,7 @@
 // Utils
 // @ts-ignore
-import { interpolateValue as intValue, PlotEventEmitter } from './utils';
+import type { interpolateValue as intValue } from './utils';
+import { PlotEventEmitter } from './utils';
 
 export declare const interpolateValue: typeof intValue;
 export declare function minMax(data: any, key: string | number): any;