@flux-ui/statistics 3.0.0-next.73 → 3.0.0-next.75

package/dist/component/FluxStatisticsLegend.vue.d.ts

@@ -1,9 +1,15 @@
+import { FluxDirection } from '@flux-ui/types';
+import { FluxStatisticsLegendVariant } from '../composable';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly direction?: FluxDirection;
+    readonly variant?: FluxStatisticsLegendVariant;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/component/index.d.ts

@@ -14,8 +14,8 @@ export { default as FluxStatisticsDonutChart } from './FluxStatisticsDonutChart.
 export { default as FluxStatisticsEmpty } from './FluxStatisticsEmpty.vue';
 export { default as FluxStatisticsGrid } from './FluxStatisticsGrid.vue';
 export { default as FluxStatisticsHeatmapChart } from './FluxStatisticsHeatmapChart.vue';
-export { default as FluxStatisticsLineChart } from './FluxStatisticsLineChart.vue';
 export { default as FluxStatisticsKpi } from './FluxStatisticsKpi.vue';
+export { default as FluxStatisticsLineChart } from './FluxStatisticsLineChart.vue';
 export { default as FluxStatisticsLegend } from './FluxStatisticsLegend.vue';
 export { default as FluxStatisticsLegendItem } from './FluxStatisticsLegendItem.vue';
 export { default as FluxStatisticsLegendScope } from './FluxStatisticsLegendScope.vue';

package/dist/composable/index.d.ts

@@ -10,3 +10,5 @@ export type { UseChartSlicesSetupReturn } from './useChartSlicesSetup';
 export { useChartSlicesSetup } from './useChartSlicesSetup';
 export type { EChartsInstance, EChartsOption, UseEChartsReturn } from './useECharts';
 export { useECharts } from './useECharts';
+export type { FluxStatisticsLegendVariant } from './useLegendVariant';
+export { FluxStatisticsLegendVariantInjectionKey } from './useLegendVariant';

package/dist/composable/useLegendVariant.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey, Ref } from 'vue';
+export type FluxStatisticsLegendVariant = 'detailed' | 'compact';
+export declare const FluxStatisticsLegendVariantInjectionKey: InjectionKey<Ref<FluxStatisticsLegendVariant>>;

package/dist/index.css

@@ -513,6 +513,44 @@
   right: 0;
   content: "";
   border-top: 1px dashed var(--surface-stroke);
+}
+
+.statistics-legend-compact {
+  display: flex;
+  user-select: none;
+}
+.statistics-legend-compact.is-horizontal {
+  flex-flow: row wrap;
+  gap: 12px 18px;
+}
+.statistics-legend-compact.is-vertical {
+  flex-flow: column;
+  gap: 12px;
+}
+
+.statistics-legend-item-compact {
+  --color: var(--primary-600);
+  display: flex;
+  align-items: center;
+  flex-flow: row nowrap;
+  gap: 6px;
+  font-size: 14px;
+  line-height: 1;
+  white-space: nowrap;
+}
+.statistics-legend-item-compact .statistics-legend-item-color {
+  margin: 0;
+  border-radius: var(--radius-full);
+}
+.statistics-legend-item-compact .statistics-legend-item-icon {
+  margin: 0;
+}
+.statistics-legend-item-compact .statistics-legend-item-label {
+  flex-grow: 0;
+  font-weight: 400;
+}
+.statistics-legend-item-compact .statistics-legend-item-value {
+  margin-left: 0;
 }.statistics-meter {
   --color: var(--primary-600);
   --percentage: 0%;

package/dist/index.js

@@ -1,10 +1,10 @@
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, customRef, defineComponent, inject, markRaw, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, ref, renderList, renderSlot, toDisplayString, toValue, unref, useSlots, useTemplateRef, watch, watchEffect, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, customRef, defineComponent, inject, markRaw, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, ref, renderList, renderSlot, toDisplayString, toRef, toValue, unref, useSlots, useTemplateRef, watch, watchEffect, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
 import { FluxIcon, FluxPane, FluxToolbar, FluxTooltip, iconRegistry } from "@flux-ui/components";
 import { merge } from "lodash-es";
 import { init } from "echarts/core";
 //#region ../internals/dist/data/index.js
-var oe = `#ef4444`, _e$1 = `#f97316`, Oe = `#f59e0b`, ze = `#eab308`, Xe = `#84cc16`, st = `#22c55e`, vt = `#10b981`, kt = `#14b8a6`, Bt = `#06b6d4`, Zt = `#0ea5e9`, an = `#dbeafe`, sn = `#93c5fd`, ln = `#3b82f6`, dn = `#1d4ed8`, bn = `#6366f1`, jn = `#8b5cf6`, Hn = `#a855f7`, $n = `#d946ef`, ur = `#ec4899`, gr = `#fff1f2`;
+var oe = `#ef4444`, _e$1 = `#f97316`, Oe = `#f59e0b`, ze = `#eab308`, Xe = `#84cc16`, st = `#22c55e`, vt = `#10b981`, kt = `#14b8a6`, Bt = `#06b6d4`, Zt = `#0ea5e9`, an = `#dbeafe`, sn = `#93c5fd`, ln = `#3b82f6`, dn = `#1d4ed8`, bn = `#6366f1`, jn = `#8b5cf6`, Hn = `#a855f7`, $n = `#d946ef`, ur = `#ec4899`, xr = `#f43f5e`;
 //#endregion
 //#region src/composable/useChartBaseSetup.ts
 function useChartBaseSetup() {
@@ -6808,7 +6808,7 @@ function friendlyDateTime(dateTimeish) {
 	else throw new InvalidArgumentError(`Unknown datetime argument: ${dateTimeish}, of type ${typeof dateTimeish}`);
 }
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+utils@3.37.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.40.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
 function p$2(e, t = 0) {
 	let n = typeof navigator < `u` ? navigator.language : `nl-NL`;
 	return new Intl.NumberFormat(n, {
@@ -10767,7 +10767,7 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.37.0+f97c77f67c914c00/node_modules/@basmilius/http-client/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+http-client@3.40.0+24cbb59c6ffe9d25/node_modules/@basmilius/http-client/dist/index.mjs
 function adapter_default(Parent) {
 	return class extends Parent {
 		constructor(...args) {
@@ -10775,11 +10775,6 @@ function adapter_default(Parent) {
 		}
 	};
 }
-function bound_default() {
-	return (target, method) => {
-		target[method] = target[method].bind(target);
-	};
-}
 /**
 * Checks if the two given values are equal. When both values are a
 * dto, the check is done by firstly converthing them to JSON.
@@ -10803,7 +10798,7 @@ var TRIGGER = Symbol();
 * Checks if the given object is a dto.
 */
 function isDto_default(obj) {
-	return typeof obj === "object" && obj !== null && NAME in obj;
+	return obj && typeof obj === "object" && !!obj[NAME];
 }
 /**
 * Asserts that the given object is a dto.
@@ -10858,9 +10853,6 @@ var markDtoClean = circularProtect_default(function(obj) {
 	if (!obj[CHILDREN] || obj[CHILDREN].length === 0) return;
 	obj[CHILDREN].filter(isDtoDirty_default).forEach(markDtoClean);
 });
-function isProxiedArray_default(value) {
-	return Array.isArray(value) && PARENT in value;
-}
 /**
 * Marks the given dto dirty.
 */
@@ -10887,7 +10879,7 @@ function relateDtoTo_default(dto, parent, key) {
 */
 function relateValueTo_default(dto, key, value) {
 	if (isDto_default(value)) relateDtoTo_default(value, dto, key);
-	else if (isProxiedArray_default(value)) {
+	else if (Array.isArray(value)) {
 		for (const item of value) {
 			if (!isDto_default(item)) continue;
 			relateDtoTo_default(item, dto, key);
@@ -10919,7 +10911,7 @@ function unrelateDtoFrom_default(dto, parent) {
 */
 function unrelateValueFrom_default(dto, value) {
 	if (isDto_default(value)) unrelateDtoFrom_default(value, dto);
-	else if (isProxiedArray_default(value)) {
+	else if (Array.isArray(value)) {
 		for (const item of value) if (isDto_default(item)) unrelateDtoFrom_default(item, dto);
 		value[PARENT] = void 0;
 		value[PARENT_KEY] = void 0;
@@ -10963,7 +10955,7 @@ var arrayProxy_default = {
 	}
 };
 /**
-* Checks if the proxy should ignore the given key.
+* Checks if the given key should be ignored by the proxy.
 */
 function ignored(target, key) {
 	return typeof key === "symbol" || typeof target[key] === "function" || key === "length";
@@ -11008,7 +11000,7 @@ var instanceProxy_default = {
 		const oldValue = descriptor.get?.call(target) ?? void 0;
 		if (areEqual_default(value, oldValue)) return true;
 		unrelateValueFrom_default(target, oldValue);
-		if (Array.isArray(value) && !isProxiedArray_default(value)) value = new Proxy(value, arrayProxy_default);
+		if (Array.isArray(value) && !value[PROXY]) value = new Proxy(value, arrayProxy_default);
 		descriptor.set.call(target, value);
 		relateValueTo_default(target, key, value);
 		markDtoDirty(target, key);
@@ -11132,7 +11124,7 @@ function dto_default(clazz) {
 	K(clazz.prototype, DESCRIPTORS, descriptors);
 	K(clazz.prototype, NAME, clazz.name);
 	K(clazz.prototype, PROPERTIES, properties);
-	K(clazz, Symbol.hasInstance, (instance) => typeof instance === "object" && instance !== null && NAME in instance && instance[NAME] === clazz.name);
+	K(clazz, Symbol.hasInstance, (instance) => typeof instance === "object" && instance?.[NAME] === clazz.name);
 	G$1(clazz, "clone", clone_default);
 	G$1(clazz, "fill", fill_default);
 	G$1(clazz, "toJSON", toJSON_default);
@@ -11153,12 +11145,6 @@ function __decorate(decorators, target, key, desc) {
 	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-var X = class {
-	test() {
-		return true;
-	}
-};
-__decorate([bound_default()], X.prototype, "test", null);
 var BlobResponse = class BlobResponse {
 	get blob() {
 		return this.#blob;
@@ -11271,7 +11257,7 @@ var HttpAdapter = _HttpAdapter = class HttpAdapter {
 		const defaultFilename = `download-${DateTime.now().toFormat("yyyy-MM-dd HH-mm-ss")}`;
 		if (!header.startsWith("attachment")) return defaultFilename;
 		const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(header);
-		if (!matches || matches.length < 2) return defaultFilename;
+		if ((matches?.length || 0) < 2) return defaultFilename;
 		return matches[1].replaceAll("'", "").replaceAll("\"", "").replaceAll("/", "-").replaceAll(":", "-");
 	}
 	static parseRequestError(data, statusCode) {
@@ -11279,7 +11265,12 @@ var HttpAdapter = _HttpAdapter = class HttpAdapter {
 	}
 	static parseValidationError(data) {
 		let errors;
-		if (data.errors) errors = Object.fromEntries(Object.entries(data.errors).map(([key, value]) => [key, _HttpAdapter.parseValidationError(value)]));
+		if (data.errors) {
+			errors = {};
+			Object.entries(data.errors).forEach(([key, value]) => {
+				errors[key] = _HttpAdapter.parseValidationError(value);
+			});
+		}
 		return new ValidationError_default(data.code, data.error, data.error_description, errors, data.params);
 	}
 };
@@ -11334,6 +11325,9 @@ function useECharts(target, options) {
 		resize: () => chartInstance.value?.resize()
 	};
 }
+//#endregion
+//#region src/composable/useLegendVariant.ts
+var FluxStatisticsLegendVariantInjectionKey = Symbol("flux-statistics-legend-variant");
 var Chart_module_default = {
 	pane: `pane`,
 	statisticsChart: `statistics-chart`,
@@ -12042,6 +12036,51 @@ var FluxStatisticsHeatmapChart_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var Kpi_module_default = {
+	statisticsKpiBottom: `statistics-kpi-bottom`,
+	statisticsChange: `statistics-change`,
+	statisticsKpiFooter: `statistics-kpi-footer`,
+	statisticsKpiValue: `statistics-kpi-value`
+};
+//#endregion
+//#region src/component/FluxStatisticsKpi.vue
+var FluxStatisticsKpi_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxStatisticsKpi",
+	props: {
+		footer: {},
+		change: {},
+		icon: {},
+		title: {},
+		value: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FluxStatisticsBase_default, {
+				"is-small": "",
+				icon: __props.icon,
+				title: __props.title
+			}, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(Kpi_module_default).statisticsKpiValue) }, toDisplayString(__props.value), 3), __props.change || __props.footer ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(Kpi_module_default).statisticsKpiBottom)
+				}, [__props.change ? (openBlock(), createBlock(FluxStatisticsChange_default, {
+					key: 0,
+					color: __props.change.color,
+					icon: __props.change.icon,
+					value: __props.change.value
+				}, null, 8, [
+					"color",
+					"icon",
+					"value"
+				])) : createCommentVNode("", true), __props.footer ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(unref(Kpi_module_default).statisticsKpiFooter)
+				}, toDisplayString(__props.footer), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, ["icon", "title"]);
+		};
+	}
+});
 //#endregion
 //#region src/component/FluxStatisticsLineChart.vue
 var FluxStatisticsLineChart_default = /* @__PURE__ */ defineComponent({
@@ -12091,51 +12130,6 @@ var FluxStatisticsLineChart_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Kpi_module_default = {
-	statisticsKpiBottom: `statistics-kpi-bottom`,
-	statisticsChange: `statistics-change`,
-	statisticsKpiFooter: `statistics-kpi-footer`,
-	statisticsKpiValue: `statistics-kpi-value`
-};
-//#endregion
-//#region src/component/FluxStatisticsKpi.vue
-var FluxStatisticsKpi_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxStatisticsKpi",
-	props: {
-		footer: {},
-		change: {},
-		icon: {},
-		title: {},
-		value: {}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FluxStatisticsBase_default, {
-				"is-small": "",
-				icon: __props.icon,
-				title: __props.title
-			}, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(Kpi_module_default).statisticsKpiValue) }, toDisplayString(__props.value), 3), __props.change || __props.footer ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(unref(Kpi_module_default).statisticsKpiBottom)
-				}, [__props.change ? (openBlock(), createBlock(FluxStatisticsChange_default, {
-					key: 0,
-					color: __props.change.color,
-					icon: __props.change.icon,
-					value: __props.change.value
-				}, null, 8, [
-					"color",
-					"icon",
-					"value"
-				])) : createCommentVNode("", true), __props.footer ? (openBlock(), createElementBlock("span", {
-					key: 1,
-					class: normalizeClass(unref(Kpi_module_default).statisticsKpiFooter)
-				}, toDisplayString(__props.footer), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)]),
-				_: 1
-			}, 8, ["icon", "title"]);
-		};
-	}
-});
 var Legend_module_default = {
 	statisticsLegend: `statistics-legend`,
 	statisticsChartPaneBody: `statistics-chart-pane-body`,
@@ -12144,7 +12138,11 @@ var Legend_module_default = {
 	statisticsLegendItemColor: `statistics-legend-item-color`,
 	statisticsLegendItemIcon: `statistics-legend-item-icon`,
 	statisticsLegendItemLabel: `statistics-legend-item-label`,
-	statisticsLegendItemValue: `statistics-legend-item-value`
+	statisticsLegendItemValue: `statistics-legend-item-value`,
+	statisticsLegendCompact: `statistics-legend-compact`,
+	isHorizontal: `is-horizontal`,
+	isVertical: `is-vertical`,
+	statisticsLegendItemCompact: `statistics-legend-item-compact`
 };
 //#endregion
 //#region src/component/FluxStatisticsLegendItem.vue
@@ -12158,6 +12156,8 @@ var FluxStatisticsLegendItem_default = /* @__PURE__ */ defineComponent({
 		value: {}
 	},
 	setup(__props) {
+		const variantRef = inject(FluxStatisticsLegendVariantInjectionKey, null);
+		const variant = computed(() => variantRef?.value ?? "detailed");
 		const colorValue = computed(() => {
 			if (!__props.color) return;
 			if ([
@@ -12172,7 +12172,7 @@ var FluxStatisticsLegendItem_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(clsx)(unref(Legend_module_default).statisticsLegendItem, __props.isHovered && unref(Legend_module_default).isHovered)),
+				class: normalizeClass(unref(clsx)(variant.value === "compact" ? unref(Legend_module_default).statisticsLegendItemCompact : unref(Legend_module_default).statisticsLegendItem, variant.value !== "compact" && __props.isHovered && unref(Legend_module_default).isHovered)),
 				style: normalizeStyle({ "--color": colorValue.value })
 			}, [
 				__props.icon ? (openBlock(), createBlock(unref(FluxIcon), {
@@ -12200,11 +12200,20 @@ var FluxStatisticsLegendItem_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxStatisticsLegend.vue
 var FluxStatisticsLegend_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxStatisticsLegend",
+	props: {
+		direction: { default: "horizontal" },
+		variant: { default: "detailed" }
+	},
 	setup(__props) {
 		const slots = useSlots();
 		const legendContext = inject(FluxStatisticsChartLegendInjectionKey, null);
 		const hasSlot = computed(() => !!slots.default);
 		const autoItems = computed(() => legendContext?.items.value ?? []);
+		const containerClass = computed(() => {
+			if (__props.variant === "compact") return clsx(Legend_module_default.statisticsLegendCompact, __props.direction === "vertical" ? Legend_module_default.isVertical : Legend_module_default.isHorizontal);
+			return Legend_module_default.statisticsLegend;
+		});
+		provide(FluxStatisticsLegendVariantInjectionKey, toRef(() => __props.variant));
 		function onItemMouseEnter(index) {
 			if (legendContext) legendContext.hoveredIndex.value = index;
 		}
@@ -12212,7 +12221,7 @@ var FluxStatisticsLegend_default = /* @__PURE__ */ defineComponent({
 			if (legendContext) legendContext.hoveredIndex.value = null;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(Legend_module_default).statisticsLegend) }, [hasSlot.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(autoItems.value, (item, index) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(containerClass.value) }, [hasSlot.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(autoItems.value, (item, index) => {
 				return openBlock(), createBlock(FluxStatisticsLegendItem_default, {
 					key: item.label,
 					color: item.color,
@@ -12772,9 +12781,9 @@ var CHART_COLORFUL_COLORS = [
 	Hn,
 	$n,
 	ur,
-	gr
+	xr
 ];
 //#endregion
-export { CHART_COLORFUL_COLORS, CHART_COLORS, FluxStatisticsAreaChart_default as FluxStatisticsAreaChart, FluxStatisticsBarChart_default as FluxStatisticsBarChart, FluxStatisticsBase_default as FluxStatisticsBase, FluxStatisticsBoxPlotChart_default as FluxStatisticsBoxPlotChart, FluxStatisticsBubbleChart_default as FluxStatisticsBubbleChart, FluxStatisticsCandlestickChart_default as FluxStatisticsCandlestickChart, FluxStatisticsChange_default as FluxStatisticsChange, FluxStatisticsChart_default as FluxStatisticsChart, FluxStatisticsChartLegendInjectionKey, FluxStatisticsChartPane_default as FluxStatisticsChartPane, FluxStatisticsComparison_default as FluxStatisticsComparison, FluxStatisticsDetailsTable_default as FluxStatisticsDetailsTable, FluxStatisticsDetailsTableRow_default as FluxStatisticsDetailsTableRow, FluxStatisticsDonutChart_default as FluxStatisticsDonutChart, FluxStatisticsEmpty_default as FluxStatisticsEmpty, FluxStatisticsGrid_default as FluxStatisticsGrid, FluxStatisticsHeatmapChart_default as FluxStatisticsHeatmapChart, FluxStatisticsKpi_default as FluxStatisticsKpi, FluxStatisticsLegend_default as FluxStatisticsLegend, FluxStatisticsLegendItem_default as FluxStatisticsLegendItem, FluxStatisticsLegendScope_default as FluxStatisticsLegendScope, FluxStatisticsLineChart_default as FluxStatisticsLineChart, FluxStatisticsMeter_default as FluxStatisticsMeter, FluxStatisticsMetric_default as FluxStatisticsMetric, FluxStatisticsMixedChart_default as FluxStatisticsMixedChart, FluxStatisticsPercentageBar_default as FluxStatisticsPercentageBar, FluxStatisticsPieChart_default as FluxStatisticsPieChart, FluxStatisticsPolarAreaChart_default as FluxStatisticsPolarAreaChart, FluxStatisticsRadarChart_default as FluxStatisticsRadarChart, FluxStatisticsRadialBar_default as FluxStatisticsRadialBar, FluxStatisticsScatterChart_default as FluxStatisticsScatterChart, FluxStatisticsSparkline_default as FluxStatisticsSparkline, FluxStatisticsTreemapChart_default as FluxStatisticsTreemapChart, createChartLegendContext, useChartBaseSetup, useChartHoverSync, useChartSeriesSetup, useChartSlicesSetup, useECharts };
+export { CHART_COLORFUL_COLORS, CHART_COLORS, FluxStatisticsAreaChart_default as FluxStatisticsAreaChart, FluxStatisticsBarChart_default as FluxStatisticsBarChart, FluxStatisticsBase_default as FluxStatisticsBase, FluxStatisticsBoxPlotChart_default as FluxStatisticsBoxPlotChart, FluxStatisticsBubbleChart_default as FluxStatisticsBubbleChart, FluxStatisticsCandlestickChart_default as FluxStatisticsCandlestickChart, FluxStatisticsChange_default as FluxStatisticsChange, FluxStatisticsChart_default as FluxStatisticsChart, FluxStatisticsChartLegendInjectionKey, FluxStatisticsChartPane_default as FluxStatisticsChartPane, FluxStatisticsComparison_default as FluxStatisticsComparison, FluxStatisticsDetailsTable_default as FluxStatisticsDetailsTable, FluxStatisticsDetailsTableRow_default as FluxStatisticsDetailsTableRow, FluxStatisticsDonutChart_default as FluxStatisticsDonutChart, FluxStatisticsEmpty_default as FluxStatisticsEmpty, FluxStatisticsGrid_default as FluxStatisticsGrid, FluxStatisticsHeatmapChart_default as FluxStatisticsHeatmapChart, FluxStatisticsKpi_default as FluxStatisticsKpi, FluxStatisticsLegend_default as FluxStatisticsLegend, FluxStatisticsLegendItem_default as FluxStatisticsLegendItem, FluxStatisticsLegendScope_default as FluxStatisticsLegendScope, FluxStatisticsLegendVariantInjectionKey, FluxStatisticsLineChart_default as FluxStatisticsLineChart, FluxStatisticsMeter_default as FluxStatisticsMeter, FluxStatisticsMetric_default as FluxStatisticsMetric, FluxStatisticsMixedChart_default as FluxStatisticsMixedChart, FluxStatisticsPercentageBar_default as FluxStatisticsPercentageBar, FluxStatisticsPieChart_default as FluxStatisticsPieChart, FluxStatisticsPolarAreaChart_default as FluxStatisticsPolarAreaChart, FluxStatisticsRadarChart_default as FluxStatisticsRadarChart, FluxStatisticsRadialBar_default as FluxStatisticsRadialBar, FluxStatisticsScatterChart_default as FluxStatisticsScatterChart, FluxStatisticsSparkline_default as FluxStatisticsSparkline, FluxStatisticsTreemapChart_default as FluxStatisticsTreemapChart, createChartLegendContext, useChartBaseSetup, useChartHoverSync, useChartSeriesSetup, useChartSlicesSetup, useECharts };
 
 //# sourceMappingURL=index.js.map