@flux-ui/statistics 3.0.0-next.28

package/README.md

@@ -0,0 +1,16 @@
+# `@flux-ui/dashboard`
+
+Contains Flux UI components for creating dashboards.
+
+## ⭐️ Prerequisites
+
+- Bun >= 1.2.13
+- Node >= 23
+
+## 🚀 Getting started
+
+1. Make sure that the monorepo of Flux is used.
+2. Run `bun install` in the root of the project.
+3. Run `bun --cwd packages/dashboard build` to build the project.
+4. To link Flux Dashboard globally, using Bun, run `bun link --cwd packages/dashboard`.
+    - In another project, use `link:@flux-ui/dashboard` as the dependency version in `package.json`.

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

@@ -0,0 +1,9 @@
+import { ApexOptions } from 'apexcharts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly aspectRatio?: number;
+    readonly options?: ApexOptions;
+    readonly series: ApexOptions['series'];
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,9 @@
+import { ApexOptions } from 'apexcharts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly aspectRatio?: number;
+    readonly options?: ApexOptions;
+    readonly series: ApexOptions['series'];
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,28 @@
+import { FluxIconName } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly icon?: FluxIconName;
+    readonly isSmall?: boolean;
+    readonly title?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        content?(): any;
+        default?(): any;
+    }> & {
+        content?(): any;
+        default?(): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,9 @@
+import { FluxColor, FluxIconName } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly color?: FluxColor;
+    readonly icon?: FluxIconName;
+    readonly value: string | number;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,22 @@
+import { ApexOptions } from 'apexcharts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ComputedOptions, MethodOptions, GlobalComponents, GlobalDirectives } from 'vue';
+import { VueApexChartsComponentProps, VueApexChartsComponentMethods } from 'vue3-apexcharts';
+type __VLS_Props = {
+    readonly options?: ApexOptions;
+    readonly series: ApexOptions['series'];
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    chart: CreateComponentPublicInstanceWithMixins<Readonly< VueApexChartsComponentProps>, VueApexChartsComponentMethods, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        series: any;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< VueApexChartsComponentProps>, VueApexChartsComponentMethods, {}, ComputedOptions, MethodOptions, {
+        series: any;
+    }>;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,32 @@
+import { FluxIconName } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly aspectRatio?: number;
+    readonly maxHeight?: number;
+    readonly minHeight?: number;
+    readonly icon?: FluxIconName;
+    readonly title?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): any;
+        legend?(): any;
+        toolbar?(): any;
+    }> & {
+        default(): any;
+        legend?(): any;
+        toolbar?(): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,23 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly title: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): any;
+    }> & {
+        default(): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly label: string;
+    readonly value: string;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,9 @@
+import { ApexOptions } from 'apexcharts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly aspectRatio?: number;
+    readonly options?: ApexOptions;
+    readonly series: ApexOptions['series'];
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,26 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly gap?: number;
+    readonly xs?: number;
+    readonly sm?: number;
+    readonly md?: number;
+    readonly lg?: number;
+    readonly xl?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,11 @@
+import { FluxIconName, FluxStatisticsChange } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly footer?: string;
+    readonly change?: FluxStatisticsChange;
+    readonly icon?: FluxIconName;
+    readonly title: string;
+    readonly value: string | number;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,18 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,10 @@
+import { FluxColor, FluxIconName } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly color?: FluxColor | `#${string}`;
+    readonly icon?: FluxIconName;
+    readonly label: string;
+    readonly value?: string | number;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,9 @@
+import { ApexOptions } from 'apexcharts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly aspectRatio?: number;
+    readonly options?: ApexOptions;
+    readonly series: ApexOptions['series'];
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,14 @@
+import { FluxColor, FluxIconName } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly color?: FluxColor | `#${string}`;
+    readonly icon?: FluxIconName;
+    readonly isSmall?: boolean;
+    readonly footer?: string;
+    readonly subTitle?: string;
+    readonly tip?: string;
+    readonly title?: string;
+    readonly value: number;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,29 @@
+import { FluxIconName, FluxStatisticsChange } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly footer?: string;
+    readonly change?: FluxStatisticsChange;
+    readonly icon?: FluxIconName;
+    readonly label?: string;
+    readonly title: string;
+    readonly value?: string | number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?(): any;
+    }> & {
+        default?(): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,9 @@
+import { ApexOptions } from 'apexcharts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly aspectRatio?: number;
+    readonly options?: ApexOptions;
+    readonly series: ApexOptions['series'];
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/component/index.d.ts

@@ -0,0 +1,17 @@
+export { default as FluxStatisticsAreaChart } from './FluxStatisticsAreaChart.vue';
+export { default as FluxStatisticsBarChart } from './FluxStatisticsBarChart.vue';
+export { default as FluxStatisticsBase } from './FluxStatisticsBase.vue';
+export { default as FluxStatisticsChange } from './FluxStatisticsChange.vue';
+export { default as FluxStatisticsChart } from './FluxStatisticsChart.vue';
+export { default as FluxStatisticsChartPane } from './FluxStatisticsChartPane.vue';
+export { default as FluxStatisticsDetailsTable } from './FluxStatisticsDetailsTable.vue';
+export { default as FluxStatisticsDetailsTableRow } from './FluxStatisticsDetailsTableRow.vue';
+export { default as FluxStatisticsDonutChart } from './FluxStatisticsDonutChart.vue';
+export { default as FluxStatisticsGrid } from './FluxStatisticsGrid.vue';
+export { default as FluxStatisticsLineChart } from './FluxStatisticsLineChart.vue';
+export { default as FluxStatisticsKpi } from './FluxStatisticsKpi.vue';
+export { default as FluxStatisticsLegend } from './FluxStatisticsLegend.vue';
+export { default as FluxStatisticsLegendItem } from './FluxStatisticsLegendItem.vue';
+export { default as FluxStatisticsMeter } from './FluxStatisticsMeter.vue';
+export { default as FluxStatisticsMetric } from './FluxStatisticsMetric.vue';
+export { default as FluxStatisticsPieChart } from './FluxStatisticsPieChart.vue';