vlite3 1.1.2 → 1.1.5

package/components/CategoryManager/CategoryNode.vue.js

@@ -1,176 +1,181 @@
-import { defineComponent as F, inject as K, computed as p, resolveComponent as R, openBlock as r, createBlock as x, unref as l, withCtx as T, createElementBlock as s, Fragment as A, renderList as L, isMemoSame as O, createElementVNode as f, normalizeClass as u, createVNode as i, createCommentVNode as c, withDirectives as k, withModifiers as P, withKeys as w, vModelText as U, toDisplayString as Q, vShow as q } from "vue";
-import { VueDraggable as G } from "vue-draggable-plus";
+import { defineComponent as K, inject as R, computed as g, resolveComponent as T, openBlock as r, createBlock as f, unref as l, withCtx as A, createElementBlock as d, Fragment as L, renderList as O, isMemoSame as P, createElementVNode as y, normalizeClass as u, createVNode as i, createCommentVNode as c, withDirectives as k, withModifiers as Q, withKeys as w, vModelText as z, toDisplayString as q, vShow as G } from "vue";
+import { VueDraggable as H } from "vue-draggable-plus";
 import C from "../Icon.vue.js";
-import g from "../Button.vue.js";
-import N from "../IconPicker.vue.js";
-const H = { class: "flex items-center gap-px overflow-hidden flex-1" }, J = ["onClick"], W = { class: "flex items-center gap-1.5 overflow-hidden flex-1 w-full" }, X = {
+import m from "../Button.vue.js";
+import E from "../IconPicker.vue.js";
+const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["onClick"], X = { class: "flex items-center gap-1.5 overflow-hidden flex-1 w-full" }, Y = {
   key: 0,
   class: "drag-handle cursor-grab active:cursor-grabbing text-muted hover:text-foreground transition-colors p-0.5 shrink-0"
-}, Y = ["onUpdate:modelValue", "onChange"], Z = {
+}, Z = ["onUpdate:modelValue", "onChange"], ee = {
   key: 0,
   class: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0 bg-background/80 px-1 rounded ml-2"
-}, ee = {
+}, te = {
   key: 0,
   class: "ml-6 pl-3 border-l border-border mt-1.5 flex flex-col relative"
-}, te = {
+}, ne = {
   key: 1,
   class: "flex items-center gap-1.5 py-1.5 px-2 bg-background border border-border shadow-sm rounded-lg w-full mb-1.5"
-}, de = /* @__PURE__ */ F({
+}, ue = /* @__PURE__ */ K({
   __name: "CategoryNode",
   props: {
     modelValue: {},
     level: { default: 0 }
   },
-  emits: ["update:modelValue", "change"],
-  setup(V, { emit: D }) {
-    const S = V, y = D, t = K("categoryManager"), b = p({
+  emits: ["update:modelValue", "change", "dragEnd"],
+  setup(V, { emit: U }) {
+    const S = V, p = U, n = R("categoryManager"), b = g({
       get: () => S.modelValue,
-      set: (d) => y("update:modelValue", d)
-    }), M = (d, n) => {
-      n.children = d, y("change");
-    }, I = () => y("change"), v = p(() => t?.readonly.value || !1), a = p(() => t?.size.value || "md"), j = p(() => a.value === "sm" ? "p-1 md:p-1.5" : a.value === "lg" ? "p-2 md:p-2.5" : "py-1.5 px-2"), $ = p(() => {
-      const n = S.level === 0 ? "font-semibold" : "font-medium";
-      return a.value === "sm" ? `text-xs ${n} text-foreground` : a.value === "lg" ? `-text-fs-1 ${n} text-foreground` : `text-sm ${n} text-foreground`;
-    }), m = p(() => a.value === "sm" ? "w-3.5 h-3.5" : a.value === "lg" ? "w-4.5 h-4.5" : "w-4 h-4"), B = {
-      mounted: (d) => {
-        setTimeout(() => d.focus(), 10);
+      set: (s) => p("update:modelValue", s)
+    }), D = (s, t) => {
+      t.children = s, p("change");
+    }, N = () => p("change"), M = (s) => {
+      const t = s.item?.dataset?.id;
+      t && p("dragEnd", t);
+    }, v = g(() => n?.readonly.value || !1), a = g(() => n?.size.value || "md"), j = g(() => a.value === "sm" ? "p-1 md:p-1.5" : a.value === "lg" ? "p-2 md:p-2.5" : "py-1.5 px-2"), I = g(() => {
+      const t = S.level === 0 ? "font-semibold" : "font-medium";
+      return a.value === "sm" ? `text-xs ${t} text-foreground` : a.value === "lg" ? `-text-fs-1 ${t} text-foreground` : `text-sm ${t} text-foreground`;
+    }), h = g(() => a.value === "sm" ? "w-3.5 h-3.5" : a.value === "lg" ? "w-4.5 h-4.5" : "w-4 h-4"), B = {
+      mounted: (s) => {
+        setTimeout(() => s.focus(), 10);
       }
     };
-    return (d, n) => {
-      const E = R("CategoryNode", !0);
-      return r(), x(l(G), {
+    return (s, t) => {
+      const F = T("CategoryNode", !0);
+      return r(), f(l(H), {
         modelValue: b.value,
-        "onUpdate:modelValue": n[10] || (n[10] = (e) => b.value = e),
+        "onUpdate:modelValue": t[11] || (t[11] = (e) => b.value = e),
         group: "category-manager",
         animation: 150,
         handle: ".drag-handle",
         "ghost-class": "opacity-50",
         disabled: v.value,
         class: "min-h-[2px]",
-        onChange: I
+        onEnd: M
       }, {
-        default: T(() => [
-          (r(!0), s(A, null, L(b.value, (e, ne, le, h) => {
-            const _ = [
+        default: A(() => [
+          (r(!0), d(L, null, O(b.value, (e, oe, le, x) => {
+            const $ = [
               e.id,
               e.title,
               e.icon,
-              e.children?.length,
-              l(t)?.expandedIds.value.has(e.id),
-              l(t)?.inlineState.value.targetId === e.id,
-              l(t)?.inlineState.value.mode,
+              e.children?.map((o) => o.id).join(","),
+              l(n)?.expandedIds.value.has(e.id),
+              l(n)?.inlineState.value.targetId === e.id,
+              l(n)?.inlineState.value.mode,
               v.value,
               a.value
             ];
-            if (h && h.key === e.id && O(h, _)) return h;
-            const z = (r(), s("div", {
+            if (x && x.key === e.id && P(x, $)) return x;
+            const _ = (r(), d("div", {
               key: e.id,
+              "data-id": e.id,
               class: "mb-1.5 flex flex-col"
             }, [
-              f("div", {
+              y("div", {
                 class: u([
                   "group flex items-center justify-between rounded-lg transition-colors bg-body! border border-border ",
                   j.value
                 ])
               }, [
-                f("div", H, [
-                  e.children && e.children.length > 0 ? (r(), s("button", {
+                y("div", J, [
+                  e.children && e.children.length > 0 ? (r(), d("button", {
                     key: 0,
-                    onClick: (o) => l(t)?.toggleExpand(e.id),
+                    onClick: (o) => l(n)?.toggleExpand(e.id),
                     class: u([
                       "flex items-center justify-center shrink-0 text-muted-foreground hover:bg-muted rounded transition-colors",
                       a.value === "sm" ? "w-4 h-4" : a.value === "lg" ? "w-6 h-6" : "w-6.5 h-6.5"
                     ])
                   }, [
                     i(C, {
-                      icon: l(t)?.expandedIds.value.has(e.id) ? "lucide:chevron-down" : "lucide:chevron-right",
-                      class: u(m.value)
+                      icon: l(n)?.expandedIds.value.has(e.id) ? "lucide:chevron-down" : "lucide:chevron-right",
+                      class: u(h.value)
                     }, null, 8, ["icon", "class"])
-                  ], 10, J)) : c("", !0),
-                  f("div", W, [
-                    v.value ? c("", !0) : (r(), s("div", X, [
+                  ], 10, W)) : c("", !0),
+                  y("div", X, [
+                    v.value ? c("", !0) : (r(), d("div", Y, [
                       i(C, {
                         icon: "lucide:grip-vertical",
-                        class: u(m.value)
+                        class: u(h.value)
                       }, null, 8, ["class"])
                     ])),
-                    v.value ? e.icon ? (r(), x(C, {
+                    v.value ? e.icon ? (r(), f(C, {
                       key: 2,
                       icon: e.icon,
-                      class: u([m.value, "shrink-0 text-muted-foreground"])
-                    }, null, 8, ["icon", "class"])) : c("", !0) : (r(), x(N, {
+                      class: u([h.value, "shrink-0 text-muted-foreground"])
+                    }, null, 8, ["icon", "class"])) : c("", !0) : (r(), f(E, {
                       key: 1,
                       value: e.icon,
                       "btn-props": {
                         variant: "ghost",
                         size: "xs",
-                        iconClass: m.value,
+                        iconClass: h.value,
                         class: (a.value === "sm" ? "h-5 w-5" : a.value === "lg" ? "h-7 w-7" : "h-6 w-6") + " -ml-0.5! p-0 text-muted-foreground hover:text-foreground shrink-0 rounded-md"
                       },
                       position: "bottom-start",
                       onOnSelect: (o) => {
-                        console.log("IconPicker value :>> ", o), e.icon = o, l(t)?.saveItem(e);
+                        console.log("IconPicker value :>> ", o), e.icon = o, l(n)?.saveItem(e);
                       }
                     }, null, 8, ["value", "btn-props", "onOnSelect"])),
-                    v.value ? (r(), s("span", {
+                    v.value ? (r(), d("span", {
                       key: 4,
-                      class: u(["truncate", $.value])
-                    }, Q(e.title), 3)) : k((r(), s("input", {
+                      class: u(["truncate", I.value])
+                    }, q(e.title), 3)) : k((r(), d("input", {
                       key: 3,
                       "onUpdate:modelValue": (o) => e.title = o,
                       class: u([
                         "bg-transparent border-0 outline-none focus:ring-0 px-1 py-0.5 -ml-1 transition-colors w-full truncate cursor-text min-w-0 shadow-none caret-primary",
-                        $.value
+                        I.value
                       ]),
                       placeholder: "Category title...",
-                      onChange: (o) => l(t)?.saveItem(e),
-                      onKeyup: n[0] || (n[0] = w((o) => o.target.blur(), ["enter"])),
-                      onClick: n[1] || (n[1] = P(() => {
+                      onChange: (o) => l(n)?.saveItem(e),
+                      onKeyup: t[0] || (t[0] = w((o) => o.target.blur(), ["enter"])),
+                      onClick: t[1] || (t[1] = Q(() => {
                       }, ["stop"]))
-                    }, null, 42, Y)), [
-                      [U, e.title]
+                    }, null, 42, Z)), [
+                      [z, e.title]
                     ])
                   ])
                 ]),
-                v.value ? c("", !0) : (r(), s("div", Z, [
-                  i(g, {
+                v.value ? c("", !0) : (r(), d("div", ee, [
+                  i(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:plus",
                     title: "Quick Add Subcategory",
                     class: "h-7 w-7 px-0 text-muted-foreground hover:text-primary",
-                    onClick: (o) => l(t)?.startInline("add-child", e.id)
+                    onClick: (o) => l(n)?.startInline("add-child", e.id)
                   }, null, 8, ["onClick"]),
-                  i(g, {
+                  i(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:settings",
                     title: "Advanced Details",
                     class: "h-7 w-7 px-0 text-muted-foreground hover:text-primary",
-                    onClick: (o) => l(t)?.openModalForm("edit", e)
+                    onClick: (o) => l(n)?.openModalForm("edit", e)
                   }, null, 8, ["onClick"]),
-                  i(g, {
+                  i(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:trash-2",
                     title: "Delete",
                     class: "h-7 w-7 px-0 text-muted-foreground hover:text-destructive hover:bg-destructive/10",
-                    onClick: (o) => l(t)?.deleteItem(e)
+                    onClick: (o) => l(n)?.deleteItem(e)
                   }, null, 8, ["onClick"])
                 ]))
               ], 2),
-              e.children && e.children.length > 0 || l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? k((r(), s("div", ee, [
-                e.children && e.children.length > 0 ? (r(), x(E, {
+              e.children && e.children.length > 0 || l(n)?.inlineState.value.mode === "add-child" && l(n).inlineState.value.targetId === e.id ? k((r(), d("div", te, [
+                e.children && e.children.length > 0 ? (r(), f(F, {
                   key: 0,
                   modelValue: e.children,
-                  "onUpdate:modelValue": (o) => M(o, e),
+                  "onUpdate:modelValue": (o) => D(o, e),
                   level: V.level + 1,
-                  onChange: I
+                  onChange: N,
+                  onDragEnd: t[2] || (t[2] = (o) => p("dragEnd", o))
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "level"])) : c("", !0),
-                l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? (r(), s("div", te, [
-                  i(N, {
-                    modelValue: l(t).inlineState.value.icon,
-                    "onUpdate:modelValue": n[2] || (n[2] = (o) => l(t).inlineState.value.icon = o),
+                l(n)?.inlineState.value.mode === "add-child" && l(n).inlineState.value.targetId === e.id ? (r(), d("div", ne, [
+                  i(E, {
+                    modelValue: l(n).inlineState.value.icon,
+                    "onUpdate:modelValue": t[3] || (t[3] = (o) => l(n).inlineState.value.icon = o),
                     "btn-props": {
                       variant: "ghost",
                       size: "xs",
@@ -178,41 +183,41 @@ const H = { class: "flex items-center gap-px overflow-hidden flex-1" }, J = ["on
                     },
                     position: "bottom-start"
                   }, null, 8, ["modelValue"]),
-                  k(f("input", {
-                    "onUpdate:modelValue": n[3] || (n[3] = (o) => l(t).inlineState.value.title = o),
+                  k(y("input", {
+                    "onUpdate:modelValue": t[4] || (t[4] = (o) => l(n).inlineState.value.title = o),
                     class: "flex-1 bg-transparent border-0 outline-none focus:ring-0 px-1 py-0.5 text-sm transition-colors w-full shadow-none caret-primary text-foreground placeholder:text-muted-foreground",
                     placeholder: "New subcategory title...",
                     onKeyup: [
-                      n[4] || (n[4] = w((o) => l(t).saveInline(), ["enter"])),
-                      n[5] || (n[5] = w((o) => l(t).cancelInline(), ["esc"]))
+                      t[5] || (t[5] = w((o) => l(n).saveInline(), ["enter"])),
+                      t[6] || (t[6] = w((o) => l(n).cancelInline(), ["esc"]))
                     ]
                   }, null, 544), [
                     [B],
-                    [U, l(t).inlineState.value.title]
+                    [z, l(n).inlineState.value.title]
                   ]),
-                  i(g, {
+                  i(m, {
                     variant: "primary",
                     size: "xs",
                     icon: "lucide:check",
                     class: "shrink-0 h-6 w-6 px-0",
                     title: "Save",
-                    onClick: n[6] || (n[6] = (o) => l(t).saveInline())
+                    onClick: t[7] || (t[7] = (o) => l(n).saveInline())
                   }),
-                  i(g, {
+                  i(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:x",
                     class: "shrink-0 h-6 w-6 px-0",
                     title: "Cancel",
-                    onClick: n[7] || (n[7] = (o) => l(t).cancelInline())
+                    onClick: t[8] || (t[8] = (o) => l(n).cancelInline())
                   })
                 ])) : c("", !0)
               ], 512)), [
-                [q, l(t)?.expandedIds.value.has(e.id)]
+                [G, l(n)?.expandedIds.value.has(e.id)]
               ]) : c("", !0)
-            ]));
-            return z.memo = _, z;
-          }, n, 8), 128))
+            ], 8, ["data-id"]));
+            return _.memo = $, _;
+          }, t, 9), 128))
         ]),
         _: 1
       }, 8, ["modelValue", "disabled"]);
@@ -220,5 +225,5 @@ const H = { class: "flex items-center gap-px overflow-hidden flex-1" }, J = ["on
   }
 });
 export {
-  de as default
+  ue as default
 };

package/components/Chart/BarChart.vue.d.ts

@@ -0,0 +1,48 @@
+import { ChartDataPoint, ChartDataset } from './types';
+export interface BarChartProps {
+    data?: ChartDataPoint[];
+    datasets?: ChartDataset[];
+    labels?: string[];
+    height?: number;
+    orientation?: 'vertical' | 'horizontal';
+    barRadius?: number;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    showValues?: boolean;
+    colors?: string[];
+    animate?: boolean;
+    formatValue?: (v: number) => string;
+    /** Show the bottom X-axis border line */
+    showXAxis?: boolean;
+    /** Show the left Y-axis border line */
+    showYAxis?: boolean;
+    /** Show X-axis tick labels */
+    showXLabels?: boolean;
+    /** Show Y-axis tick labels */
+    showYLabels?: boolean;
+    /** Opacity of gridlines (0–1) */
+    gridOpacity?: number;
+    /** Opacity of axis border lines (0–1) */
+    axisOpacity?: number;
+}
+declare const _default: import('vue').DefineComponent<BarChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BarChartProps> & Readonly<{}>, {
+    animate: boolean;
+    height: number;
+    orientation: "vertical" | "horizontal";
+    colors: string[];
+    showLegend: boolean;
+    showTooltip: boolean;
+    showGrid: boolean;
+    showXAxis: boolean;
+    showYAxis: boolean;
+    showXLabels: boolean;
+    showYLabels: boolean;
+    gridOpacity: number;
+    axisOpacity: number;
+    barRadius: number;
+    showValues: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/components/Chart/CircleChart.vue.d.ts

@@ -0,0 +1,47 @@
+export type StrokeLineCap = 'round' | 'square' | 'butt';
+export type ChartColor = string;
+export interface CircleChartProps {
+    value: number;
+    max?: number;
+    size?: number;
+    strokeWidth?: number;
+    color?: ChartColor;
+    gradient?: boolean;
+    label?: string;
+    sublabel?: string;
+    showValue?: boolean;
+    formatValue?: (v: number, pct: number) => string;
+    animate?: boolean;
+    trackColor?: string;
+    lineCap?: StrokeLineCap;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        center?(_: {
+            value: number;
+            percentage: number;
+            displayValue: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CircleChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CircleChartProps> & Readonly<{}>, {
+    animate: boolean;
+    color: ChartColor;
+    strokeWidth: number;
+    size: number;
+    gradient: boolean;
+    max: number;
+    showValue: boolean;
+    lineCap: StrokeLineCap;
+}, {}, {}, {}, string, import('vue').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/components/Chart/LineChart.vue.d.ts

@@ -0,0 +1,55 @@
+import { ChartDataPoint, ChartDataset } from './types';
+export interface LineChartProps {
+    data?: ChartDataPoint[];
+    datasets?: ChartDataset[];
+    labels?: string[];
+    height?: number;
+    smooth?: boolean;
+    fill?: boolean;
+    showDots?: boolean;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    colors?: string[];
+    animate?: boolean;
+    xLabel?: string;
+    yLabel?: string;
+    formatValue?: (v: number) => string;
+    yMin?: number;
+    yMax?: number;
+    /** Show the bottom X-axis border line */
+    showXAxis?: boolean;
+    /** Show the left Y-axis border line */
+    showYAxis?: boolean;
+    /** Show X-axis tick labels */
+    showXLabels?: boolean;
+    /** Show Y-axis tick labels */
+    showYLabels?: boolean;
+    /** Opacity of gridlines (0–1) */
+    gridOpacity?: number;
+    /** Opacity of axis border lines (0–1) */
+    axisOpacity?: number;
+    /** Stroke width of the chart lines */
+    lineWidth?: number;
+}
+declare const _default: import('vue').DefineComponent<LineChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LineChartProps> & Readonly<{}>, {
+    fill: boolean;
+    animate: boolean;
+    height: number;
+    colors: string[];
+    smooth: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    showDots: boolean;
+    showGrid: boolean;
+    showXAxis: boolean;
+    showYAxis: boolean;
+    showXLabels: boolean;
+    showYLabels: boolean;
+    gridOpacity: number;
+    axisOpacity: number;
+    lineWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/components/Chart/PieChart.vue.d.ts

@@ -0,0 +1,49 @@
+import { ChartDataPoint } from './types';
+export type PieLabelMode = 'percent' | 'value' | 'label' | 'none';
+export type LegendPosition = 'right' | 'bottom';
+export interface PieChartProps {
+    data: ChartDataPoint[];
+    donut?: boolean;
+    innerRadius?: number;
+    size?: number;
+    startAngle?: number;
+    showLegend?: boolean;
+    legendPosition?: LegendPosition;
+    labelMode?: PieLabelMode;
+    colors?: string[];
+    animate?: boolean;
+    showTooltip?: boolean;
+    centerLabel?: string;
+    centerValue?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        center?(_: {
+            total: number;
+            data: ChartDataPoint[];
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PieChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PieChartProps> & Readonly<{}>, {
+    animate: boolean;
+    size: number;
+    colors: string[];
+    showLegend: boolean;
+    showTooltip: boolean;
+    donut: boolean;
+    innerRadius: number;
+    startAngle: number;
+    legendPosition: LegendPosition;
+    labelMode: PieLabelMode;
+}, {}, {}, {}, string, import('vue').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/components/Chart/index.d.ts

@@ -0,0 +1,5 @@
+export { default as LineChart } from './LineChart.vue';
+export { default as BarChart } from './BarChart.vue';
+export { default as PieChart } from './PieChart.vue';
+export { default as CircleChart } from './CircleChart.vue';
+export type { ChartDataPoint, ChartDataset, LineChartProps, BarChartProps, PieChartProps, CircleChartProps, } from './types';