@mmflow/vue 0.1.0

package/dist/index.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+var vue = require('vue');
+var charts = require('@mmflow/charts');
+
+// src/Chart.ts
+var MmChart = vue.defineComponent({
+  name: "MmChart",
+  props: {
+    feed: { type: Object, default: void 0 },
+    symbol: { type: String, default: void 0 },
+    resolution: { type: String, default: "1m" },
+    theme: { type: Object, default: void 0 },
+    indicators: {
+      type: Array,
+      default: () => []
+    },
+    candles: { type: Boolean, default: true },
+    volume: { type: Boolean, default: false },
+    autosize: { type: Boolean, default: true }
+  },
+  setup(props, { expose }) {
+    const container = vue.ref(null);
+    let api = null;
+    const loadData = () => {
+      if (api && props.feed) {
+        void api.setData(props.feed, {
+          symbol: props.symbol,
+          resolution: props.resolution
+        });
+      }
+    };
+    vue.onMounted(() => {
+      if (!container.value) return;
+      api = charts.createChart({
+        container: container.value,
+        theme: props.theme,
+        autosize: props.autosize
+      });
+      if (props.candles) api.addCandleSeries();
+      if (props.volume) api.addVolumeSeries();
+      for (const inst of props.indicators) api.addIndicator(inst);
+      loadData();
+    });
+    vue.watch(
+      () => [props.feed, props.symbol, props.resolution],
+      () => loadData()
+    );
+    vue.watch(
+      () => props.theme,
+      (t) => {
+        if (t && api) api.applyTheme(t);
+      }
+    );
+    vue.onBeforeUnmount(() => {
+      api?.dispose();
+      api = null;
+    });
+    expose({ getApi: () => api });
+    return () => vue.h("div", { ref: container, style: "width:100%;height:100%" });
+  }
+});
+
+Object.defineProperty(exports, "composeFeeds", {
+  enumerable: true,
+  get: function () { return charts.composeFeeds; }
+});
+Object.defineProperty(exports, "createDataFeed", {
+  enumerable: true,
+  get: function () { return charts.createDataFeed; }
+});
+Object.defineProperty(exports, "defineIndicator", {
+  enumerable: true,
+  get: function () { return charts.defineIndicator; }
+});
+Object.defineProperty(exports, "defineTheme", {
+  enumerable: true,
+  get: function () { return charts.defineTheme; }
+});
+Object.defineProperty(exports, "getControls", {
+  enumerable: true,
+  get: function () { return charts.getControls; }
+});
+Object.defineProperty(exports, "resolveTheme", {
+  enumerable: true,
+  get: function () { return charts.resolveTheme; }
+});
+exports.MmChart = MmChart;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Chart.ts"],"names":["defineComponent","ref","onMounted","createChart","watch","onBeforeUnmount","h"],"mappings":";;;;;;AAqBO,IAAM,UAAUA,mBAAA,CAAgB;AAAA,EACrC,IAAA,EAAM,SAAA;AAAA,EACN,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAE,IAAA,EAAM,MAAA,EAA8B,SAAS,MAAA,EAAU;AAAA,IAC/D,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,MAAA,EAAU;AAAA,IAC3C,UAAA,EAAY,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,IAAA,EAAK;AAAA,IAC1C,KAAA,EAAO,EAAE,IAAA,EAAM,MAAA,EAAiC,SAAS,MAAA,EAAU;AAAA,IACnE,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,KAAA;AAAA,MACN,OAAA,EAAS,MAAM;AAAC,KAClB;AAAA,IACA,OAAA,EAAS,EAAE,IAAA,EAAM,OAAA,EAAS,SAAS,IAAA,EAAK;AAAA,IACxC,MAAA,EAAQ,EAAE,IAAA,EAAM,OAAA,EAAS,SAAS,KAAA,EAAM;AAAA,IACxC,QAAA,EAAU,EAAE,IAAA,EAAM,OAAA,EAAS,SAAS,IAAA;AAAK,GAC3C;AAAA,EACA,KAAA,CAAM,KAAA,EAAO,EAAE,MAAA,EAAO,EAAG;AACvB,IAAA,MAAM,SAAA,GAAYC,QAA2B,IAAI,CAAA;AACjD,IAAA,IAAI,GAAA,GAAwB,IAAA;AAE5B,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,IAAI,GAAA,IAAO,MAAM,IAAA,EAAM;AACrB,QAAA,KAAK,GAAA,CAAI,OAAA,CAAQ,KAAA,CAAM,IAAA,EAAM;AAAA,UAC3B,QAAQ,KAAA,CAAM,MAAA;AAAA,UACd,YAAY,KAAA,CAAM;AAAA,SACnB,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,UAAU,KAAA,EAAO;AACtB,MAAA,GAAA,GAAMC,kBAAA,CAAY;AAAA,QAChB,WAAW,SAAA,CAAU,KAAA;AAAA,QACrB,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,UAAU,KAAA,CAAM;AAAA,OACjB,CAAA;AACD,MAAA,IAAI,KAAA,CAAM,OAAA,EAAS,GAAA,CAAI,eAAA,EAAgB;AACvC,MAAA,IAAI,KAAA,CAAM,MAAA,EAAQ,GAAA,CAAI,eAAA,EAAgB;AACtC,MAAA,KAAA,MAAW,IAAA,IAAQ,KAAA,CAAM,UAAA,EAAY,GAAA,CAAI,aAAa,IAAI,CAAA;AAC1D,MAAA,QAAA,EAAS;AAAA,IACX,CAAC,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAA,CAAM,MAAM,KAAA,CAAM,MAAA,EAAQ,MAAM,UAAU,CAAA;AAAA,MACjD,MAAM,QAAA;AAAS,KACjB;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAA,CAAM,KAAA;AAAA,MACZ,CAAC,CAAA,KAAM;AACL,QAAA,IAAI,CAAA,IAAK,GAAA,EAAK,GAAA,CAAI,UAAA,CAAW,CAAC,CAAA;AAAA,MAChC;AAAA,KACF;AAEA,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,GAAA,EAAK,OAAA,EAAQ;AACb,MAAA,GAAA,GAAM,IAAA;AAAA,IACR,CAAC,CAAA;AAGD,IAAA,MAAA,CAAO,EAAE,MAAA,EAAQ,MAAM,GAAA,EAAK,CAAA;AAE5B,IAAA,OAAO,MACLC,MAAE,KAAA,EAAO,EAAE,KAAK,SAAA,EAAW,KAAA,EAAO,0BAA0B,CAAA;AAAA,EAChE;AACF,CAAC","file":"index.cjs","sourcesContent":["import {\n  defineComponent,\n  h,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type PropType,\n} from \"vue\";\nimport {\n  createChart,\n  type DataFeed,\n  type IChartApi,\n  type IndicatorInstance,\n  type ThemeTokens,\n} from \"@mmflow/charts\";\n\n/**\n * `<MmChart />` — a typed Vue 3 wrapper over the @mmflow/charts engine.\n * The engine is WebGL + client-only; render it client-side.\n */\nexport const MmChart = defineComponent({\n  name: \"MmChart\",\n  props: {\n    feed: { type: Object as PropType<DataFeed>, default: undefined },\n    symbol: { type: String, default: undefined },\n    resolution: { type: String, default: \"1m\" },\n    theme: { type: Object as PropType<ThemeTokens>, default: undefined },\n    indicators: {\n      type: Array as PropType<IndicatorInstance[]>,\n      default: () => [],\n    },\n    candles: { type: Boolean, default: true },\n    volume: { type: Boolean, default: false },\n    autosize: { type: Boolean, default: true },\n  },\n  setup(props, { expose }) {\n    const container = ref<HTMLDivElement | null>(null);\n    let api: IChartApi | null = null;\n\n    const loadData = () => {\n      if (api && props.feed) {\n        void api.setData(props.feed, {\n          symbol: props.symbol,\n          resolution: props.resolution,\n        });\n      }\n    };\n\n    onMounted(() => {\n      if (!container.value) return;\n      api = createChart({\n        container: container.value,\n        theme: props.theme,\n        autosize: props.autosize,\n      });\n      if (props.candles) api.addCandleSeries();\n      if (props.volume) api.addVolumeSeries();\n      for (const inst of props.indicators) api.addIndicator(inst);\n      loadData();\n    });\n\n    watch(\n      () => [props.feed, props.symbol, props.resolution] as const,\n      () => loadData(),\n    );\n    watch(\n      () => props.theme,\n      (t) => {\n        if (t && api) api.applyTheme(t);\n      },\n    );\n\n    onBeforeUnmount(() => {\n      api?.dispose();\n      api = null;\n    });\n\n    // Imperative escape hatch: `ref.value?.getApi()`.\n    expose({ getApi: () => api });\n\n    return () =>\n      h(\"div\", { ref: container, style: \"width:100%;height:100%\" });\n  },\n});\n"]}

package/dist/index.d.cts

@@ -0,0 +1,89 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { DataFeed, ThemeTokens, IndicatorInstance } from '@mmflow/charts';
+export { Candle, CandleRange, ControlDescriptor, DataFeed, FeedUpdate, IChartApi, IndicatorDefinition, IndicatorInstance, ParamSpec, ThemeTokens, composeFeeds, createDataFeed, defineIndicator, defineTheme, getControls, resolveTheme } from '@mmflow/charts';
+
+/**
+ * `<MmChart />` — a typed Vue 3 wrapper over the @mmflow/charts engine.
+ * The engine is WebGL + client-only; render it client-side.
+ */
+declare const MmChart: vue.DefineComponent<vue.ExtractPropTypes<{
+    feed: {
+        type: PropType<DataFeed>;
+        default: undefined;
+    };
+    symbol: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    resolution: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: PropType<ThemeTokens>;
+        default: undefined;
+    };
+    indicators: {
+        type: PropType<IndicatorInstance[]>;
+        default: () => never[];
+    };
+    candles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    volume: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autosize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    feed: {
+        type: PropType<DataFeed>;
+        default: undefined;
+    };
+    symbol: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    resolution: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: PropType<ThemeTokens>;
+        default: undefined;
+    };
+    indicators: {
+        type: PropType<IndicatorInstance[]>;
+        default: () => never[];
+    };
+    candles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    volume: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autosize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    symbol: string;
+    candles: boolean;
+    volume: boolean;
+    theme: ThemeTokens;
+    resolution: string;
+    feed: DataFeed;
+    indicators: IndicatorInstance[];
+    autosize: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { MmChart };

package/dist/index.d.ts

@@ -0,0 +1,89 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { DataFeed, ThemeTokens, IndicatorInstance } from '@mmflow/charts';
+export { Candle, CandleRange, ControlDescriptor, DataFeed, FeedUpdate, IChartApi, IndicatorDefinition, IndicatorInstance, ParamSpec, ThemeTokens, composeFeeds, createDataFeed, defineIndicator, defineTheme, getControls, resolveTheme } from '@mmflow/charts';
+
+/**
+ * `<MmChart />` — a typed Vue 3 wrapper over the @mmflow/charts engine.
+ * The engine is WebGL + client-only; render it client-side.
+ */
+declare const MmChart: vue.DefineComponent<vue.ExtractPropTypes<{
+    feed: {
+        type: PropType<DataFeed>;
+        default: undefined;
+    };
+    symbol: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    resolution: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: PropType<ThemeTokens>;
+        default: undefined;
+    };
+    indicators: {
+        type: PropType<IndicatorInstance[]>;
+        default: () => never[];
+    };
+    candles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    volume: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autosize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    feed: {
+        type: PropType<DataFeed>;
+        default: undefined;
+    };
+    symbol: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    resolution: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: PropType<ThemeTokens>;
+        default: undefined;
+    };
+    indicators: {
+        type: PropType<IndicatorInstance[]>;
+        default: () => never[];
+    };
+    candles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    volume: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autosize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    symbol: string;
+    candles: boolean;
+    volume: boolean;
+    theme: ThemeTokens;
+    resolution: string;
+    feed: DataFeed;
+    indicators: IndicatorInstance[];
+    autosize: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { MmChart };

package/dist/index.js

@@ -0,0 +1,65 @@
+import { defineComponent, ref, onMounted, watch, onBeforeUnmount, h } from 'vue';
+import { createChart } from '@mmflow/charts';
+export { composeFeeds, createDataFeed, defineIndicator, defineTheme, getControls, resolveTheme } from '@mmflow/charts';
+
+// src/Chart.ts
+var MmChart = defineComponent({
+  name: "MmChart",
+  props: {
+    feed: { type: Object, default: void 0 },
+    symbol: { type: String, default: void 0 },
+    resolution: { type: String, default: "1m" },
+    theme: { type: Object, default: void 0 },
+    indicators: {
+      type: Array,
+      default: () => []
+    },
+    candles: { type: Boolean, default: true },
+    volume: { type: Boolean, default: false },
+    autosize: { type: Boolean, default: true }
+  },
+  setup(props, { expose }) {
+    const container = ref(null);
+    let api = null;
+    const loadData = () => {
+      if (api && props.feed) {
+        void api.setData(props.feed, {
+          symbol: props.symbol,
+          resolution: props.resolution
+        });
+      }
+    };
+    onMounted(() => {
+      if (!container.value) return;
+      api = createChart({
+        container: container.value,
+        theme: props.theme,
+        autosize: props.autosize
+      });
+      if (props.candles) api.addCandleSeries();
+      if (props.volume) api.addVolumeSeries();
+      for (const inst of props.indicators) api.addIndicator(inst);
+      loadData();
+    });
+    watch(
+      () => [props.feed, props.symbol, props.resolution],
+      () => loadData()
+    );
+    watch(
+      () => props.theme,
+      (t) => {
+        if (t && api) api.applyTheme(t);
+      }
+    );
+    onBeforeUnmount(() => {
+      api?.dispose();
+      api = null;
+    });
+    expose({ getApi: () => api });
+    return () => h("div", { ref: container, style: "width:100%;height:100%" });
+  }
+});
+
+export { MmChart };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Chart.ts"],"names":[],"mappings":";;;;;AAqBO,IAAM,UAAU,eAAA,CAAgB;AAAA,EACrC,IAAA,EAAM,SAAA;AAAA,EACN,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAE,IAAA,EAAM,MAAA,EAA8B,SAAS,MAAA,EAAU;AAAA,IAC/D,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,MAAA,EAAU;AAAA,IAC3C,UAAA,EAAY,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,IAAA,EAAK;AAAA,IAC1C,KAAA,EAAO,EAAE,IAAA,EAAM,MAAA,EAAiC,SAAS,MAAA,EAAU;AAAA,IACnE,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,KAAA;AAAA,MACN,OAAA,EAAS,MAAM;AAAC,KAClB;AAAA,IACA,OAAA,EAAS,EAAE,IAAA,EAAM,OAAA,EAAS,SAAS,IAAA,EAAK;AAAA,IACxC,MAAA,EAAQ,EAAE,IAAA,EAAM,OAAA,EAAS,SAAS,KAAA,EAAM;AAAA,IACxC,QAAA,EAAU,EAAE,IAAA,EAAM,OAAA,EAAS,SAAS,IAAA;AAAK,GAC3C;AAAA,EACA,KAAA,CAAM,KAAA,EAAO,EAAE,MAAA,EAAO,EAAG;AACvB,IAAA,MAAM,SAAA,GAAY,IAA2B,IAAI,CAAA;AACjD,IAAA,IAAI,GAAA,GAAwB,IAAA;AAE5B,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,IAAI,GAAA,IAAO,MAAM,IAAA,EAAM;AACrB,QAAA,KAAK,GAAA,CAAI,OAAA,CAAQ,KAAA,CAAM,IAAA,EAAM;AAAA,UAC3B,QAAQ,KAAA,CAAM,MAAA;AAAA,UACd,YAAY,KAAA,CAAM;AAAA,SACnB,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,UAAU,KAAA,EAAO;AACtB,MAAA,GAAA,GAAM,WAAA,CAAY;AAAA,QAChB,WAAW,SAAA,CAAU,KAAA;AAAA,QACrB,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,UAAU,KAAA,CAAM;AAAA,OACjB,CAAA;AACD,MAAA,IAAI,KAAA,CAAM,OAAA,EAAS,GAAA,CAAI,eAAA,EAAgB;AACvC,MAAA,IAAI,KAAA,CAAM,MAAA,EAAQ,GAAA,CAAI,eAAA,EAAgB;AACtC,MAAA,KAAA,MAAW,IAAA,IAAQ,KAAA,CAAM,UAAA,EAAY,GAAA,CAAI,aAAa,IAAI,CAAA;AAC1D,MAAA,QAAA,EAAS;AAAA,IACX,CAAC,CAAA;AAED,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAA,CAAM,MAAM,KAAA,CAAM,MAAA,EAAQ,MAAM,UAAU,CAAA;AAAA,MACjD,MAAM,QAAA;AAAS,KACjB;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,KAAA;AAAA,MACZ,CAAC,CAAA,KAAM;AACL,QAAA,IAAI,CAAA,IAAK,GAAA,EAAK,GAAA,CAAI,UAAA,CAAW,CAAC,CAAA;AAAA,MAChC;AAAA,KACF;AAEA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,GAAA,EAAK,OAAA,EAAQ;AACb,MAAA,GAAA,GAAM,IAAA;AAAA,IACR,CAAC,CAAA;AAGD,IAAA,MAAA,CAAO,EAAE,MAAA,EAAQ,MAAM,GAAA,EAAK,CAAA;AAE5B,IAAA,OAAO,MACL,EAAE,KAAA,EAAO,EAAE,KAAK,SAAA,EAAW,KAAA,EAAO,0BAA0B,CAAA;AAAA,EAChE;AACF,CAAC","file":"index.js","sourcesContent":["import {\n  defineComponent,\n  h,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type PropType,\n} from \"vue\";\nimport {\n  createChart,\n  type DataFeed,\n  type IChartApi,\n  type IndicatorInstance,\n  type ThemeTokens,\n} from \"@mmflow/charts\";\n\n/**\n * `<MmChart />` — a typed Vue 3 wrapper over the @mmflow/charts engine.\n * The engine is WebGL + client-only; render it client-side.\n */\nexport const MmChart = defineComponent({\n  name: \"MmChart\",\n  props: {\n    feed: { type: Object as PropType<DataFeed>, default: undefined },\n    symbol: { type: String, default: undefined },\n    resolution: { type: String, default: \"1m\" },\n    theme: { type: Object as PropType<ThemeTokens>, default: undefined },\n    indicators: {\n      type: Array as PropType<IndicatorInstance[]>,\n      default: () => [],\n    },\n    candles: { type: Boolean, default: true },\n    volume: { type: Boolean, default: false },\n    autosize: { type: Boolean, default: true },\n  },\n  setup(props, { expose }) {\n    const container = ref<HTMLDivElement | null>(null);\n    let api: IChartApi | null = null;\n\n    const loadData = () => {\n      if (api && props.feed) {\n        void api.setData(props.feed, {\n          symbol: props.symbol,\n          resolution: props.resolution,\n        });\n      }\n    };\n\n    onMounted(() => {\n      if (!container.value) return;\n      api = createChart({\n        container: container.value,\n        theme: props.theme,\n        autosize: props.autosize,\n      });\n      if (props.candles) api.addCandleSeries();\n      if (props.volume) api.addVolumeSeries();\n      for (const inst of props.indicators) api.addIndicator(inst);\n      loadData();\n    });\n\n    watch(\n      () => [props.feed, props.symbol, props.resolution] as const,\n      () => loadData(),\n    );\n    watch(\n      () => props.theme,\n      (t) => {\n        if (t && api) api.applyTheme(t);\n      },\n    );\n\n    onBeforeUnmount(() => {\n      api?.dispose();\n      api = null;\n    });\n\n    // Imperative escape hatch: `ref.value?.getApi()`.\n    expose({ getApi: () => api });\n\n    return () =>\n      h(\"div\", { ref: container, style: \"width:100%;height:100%\" });\n  },\n});\n"]}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@mmflow/vue",
+  "version": "0.1.0",
+  "description": "Vue 3 bindings for @mmflow/charts — a typed <MmChart/> component with bring-your-own-data, custom indicators, and white-label theming.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mmflow/charts": "0.1.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3"
+  },
+  "devDependencies": {
+    "vue": "^3.4.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --treeshake --external vue --external @mmflow/charts",
+    "typecheck": "tsc --noEmit"
+  }
+}