@xyo-network/react-price-forecast-plugin 2.79.0 → 2.80.1

package/dist/neutral/index.cjs

@@ -1,336 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  PriceForecastDetailsBox: () => PriceForecastDetailsBox,
-  PriceForecastRenderPlugin: () => PriceForecastRenderPlugin
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/DetailsBox.tsx
-var import_chartjs_adapter_luxon = require("chartjs-adapter-luxon");
-var import_material2 = require("@mui/material");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_chart = require("chart.js");
-var import_react = __toESM(require("react"), 1);
-var import_react_chartjs_2 = require("react-chartjs-2");
-
-// src/lib/DataLineStyles.ts
-var import_material = require("@mui/material");
-var DataLineStyles = /* @__PURE__ */ __name((color) => ({
-  backgroundColor: color ? (0, import_material.alpha)(color, 0.5) : void 0,
-  borderColor: color
-}), "DataLineStyles");
-
-// src/lib/DataPointStyles.ts
-var DataPointStyles = /* @__PURE__ */ __name((pointHoverBackgroundColor) => ({
-  pointHitRadius: 20,
-  pointHoverBackgroundColor,
-  pointHoverRadius: 10,
-  pointRadius: 5,
-  pointStyle: "circle"
-}), "DataPointStyles");
-
-// src/lib/MockSourcePayloads.ts
-var MockSourcePayloads = /* @__PURE__ */ __name(() => {
-  const tenMin = 6e5;
-  return [
-    {
-      baseFee: 38.90155387825,
-      feePerGas: {
-        high: 47.9945864396,
-        low: 39.006868093,
-        medium: 39.306868093,
-        veryHigh: 44.45384380525
-      },
-      priorityFeePerGas: {
-        high: 1.0266666666666666,
-        low: -0.41000000000000003,
-        medium: 0.38,
-        veryHigh: 1.3900000000000001
-      },
-      schema: "network.xyo.blockchain.ethereum.gas",
-      timestamp: Date.now() - tenMin
-    },
-    {
-      baseFee: 38.90155387825,
-      feePerGas: {
-        high: 47.9945864396,
-        low: 39.006868093,
-        medium: 100,
-        veryHigh: 44.45384380525
-      },
-      priorityFeePerGas: {
-        high: 1.0266666666666666,
-        low: -0.41000000000000003,
-        medium: 0.38,
-        veryHigh: 1.3900000000000001
-      },
-      schema: "network.xyo.blockchain.ethereum.gas",
-      timestamp: Date.now()
-    }
-  ];
-}, "MockSourcePayloads");
-
-// src/lib/SourcePayloads.ts
-var SourcePayloads = class {
-  static {
-    __name(this, "SourcePayloads");
-  }
-  sourcePayloads;
-  sourcePrices;
-  constructor(sourcePayloads) {
-    this.sourcePayloads = sourcePayloads;
-    this.sourcePrices = [];
-  }
-  get payloads() {
-    return this.sourcePayloads;
-  }
-  static async build(jsonPath) {
-    const sourcePayloads = await this.fetchSourcePayloads();
-    const instance = new this(sourcePayloads);
-    const paths = jsonPath.split(".");
-    instance.sourcePrices = sourcePayloads.map((payload) => {
-      return {
-        x: payload.timestamp,
-        y: instance.jsonPathTraverser(payload, paths)
-      };
-    });
-    return instance;
-  }
-  // TODO - fetch from archivist
-  static async fetchSourcePayloads() {
-    const payloads = await Promise.resolve(MockSourcePayloads());
-    return payloads;
-  }
-  jsonPathTraverser(obj, path) {
-    let result = obj;
-    for (const key of path) {
-      if (key in result) {
-        const foundKey = key;
-        result = result[foundKey];
-      } else {
-        result = void 0;
-        break;
-      }
-    }
-    return result;
-  }
-};
-
-// src/lib/ForecastLineChartConfigBuilder.ts
-var defaultOptions = /* @__PURE__ */ __name(() => ({
-  plugins: {
-    legend: {
-      position: "top"
-    }
-  },
-  responsive: true
-}), "defaultOptions");
-var ForecastLineChartConfigBuilder = class _ForecastLineChartConfigBuilder {
-  static {
-    __name(this, "ForecastLineChartConfigBuilder");
-  }
-  payload;
-  data;
-  options;
-  themeColors;
-  constructor(theme, payload) {
-    this.payload = payload;
-    this.data = {
-      datasets: []
-    };
-    this.options = defaultOptions();
-    this.themeColors = this.parseTheme(theme);
-  }
-  get forecastPayload() {
-    if (this.payload) {
-      return this.payload;
-    } else {
-      throw new Error("ForecastPayload was not defined");
-    }
-  }
-  static async create(theme, payload, sourcePayloadConfig) {
-    const instance = new _ForecastLineChartConfigBuilder(theme, payload);
-    await instance.build(sourcePayloadConfig?.fetch);
-    instance.refreshValues();
-    return instance;
-  }
-  async build(includeSources) {
-    this.buildOptions();
-    await this.buildData(includeSources);
-    return this;
-  }
-  async buildData(includeSources) {
-    const forecastData = this.generateDataSetForecastData();
-    const datasets = [
-      forecastData
-    ];
-    if (includeSources) {
-      const sourceData = await this.generateDataSetSourcePayloads();
-      datasets.unshift(sourceData);
-      const lastSourceDataItem = sourceData.data.at(-1);
-      forecastData.data.unshift(lastSourceDataItem);
-    }
-    this.data = {
-      datasets
-    };
-    return this;
-  }
-  buildOptions() {
-    if (this.options.plugins) {
-      this.options.plugins.title = this.generateTitle();
-      this.options.plugins.legend = this.generateLegend();
-    }
-    this.options.scales = this.generateScales();
-    return this;
-  }
-  refreshValues() {
-    this.data = {
-      ...this.data
-    };
-    this.options = {
-      ...this.options
-    };
-  }
-  generateLegend() {
-    return {
-      labels: {
-        pointStyle: "circle",
-        usePointStyle: true
-      }
-    };
-  }
-  generateScales() {
-    return {
-      x: {
-        grid: {
-          color: this.themeColors?.gridColor
-        },
-        time: {
-          unit: "minute"
-        },
-        type: "time"
-      },
-      y: {
-        grid: {
-          color: this.themeColors?.gridColor
-        }
-      }
-    };
-  }
-  generateTitle() {
-    return {
-      display: true,
-      text: `Gas Price Forecaster (GWEI over time from ${this.forecastPayload?.values[0].timestamp ? new Date(this.forecastPayload.values[0].timestamp).toLocaleDateString() : ""})`
-    };
-  }
-  parseTheme(theme) {
-    const dark = theme.palette.mode === "dark";
-    return {
-      dataSetColorPrimary: theme.palette.primary.light,
-      dataSetColorSecondary: theme.palette.secondary.light,
-      gridColor: dark ? theme.palette.grey[800] : theme.palette.grey[300]
-    };
-  }
-  generateDataSetForecastData() {
-    return {
-      borderDash: [
-        5
-      ],
-      borderDashOffset: 0.5,
-      data: this.forecastPayload.values.map((price) => ({
-        x: price.timestamp ?? 0,
-        y: price.value
-      })),
-      label: "Forecast Price",
-      ...DataPointStyles(this.themeColors?.dataSetColorPrimary),
-      ...DataLineStyles(this.themeColors?.dataSetColorPrimary)
-    };
-  }
-  async generateDataSetSourcePayloads() {
-    const { sourcePrices } = await SourcePayloads.build("feePerGas.medium");
-    return {
-      data: sourcePrices,
-      label: "Source Prices",
-      ...DataLineStyles(this.themeColors?.dataSetColorSecondary),
-      ...DataPointStyles(this.themeColors?.dataSetColorSecondary)
-    };
-  }
-};
-
-// src/components/DetailsBox.tsx
-import_chart.Chart.register(import_chart.CategoryScale, import_chart.TimeScale, import_chart.PointElement, import_chart.LineElement, import_chart.LinearScale, import_chart.Title, import_chart.Tooltip, import_chart.Legend);
-var PriceForecastDetailsBox = /* @__PURE__ */ __name(({ payload, ...props }) => {
-  const priceForecastPayload = payload;
-  const theme = (0, import_material2.useTheme)();
-  const [data, setData] = (0, import_react.useState)({
-    datasets: []
-  });
-  const [options, setOptions] = (0, import_react.useState)({});
-  (0, import_react_async_effect.useAsyncEffect)(async (mounted) => {
-    const { data: data2, options: options2 } = await ForecastLineChartConfigBuilder.create(theme, priceForecastPayload, {
-      fetch: true
-    });
-    if (mounted()) {
-      setData(data2);
-      setOptions(options2);
-    }
-  }, [
-    priceForecastPayload,
-    theme
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexCol, {
-    ...props,
-    busy: priceForecastPayload === void 0,
-    minHeight: "25vh"
-  }, priceForecastPayload ? /* @__PURE__ */ import_react.default.createElement(import_react_chartjs_2.Line, {
-    options,
-    data
-  }) : null);
-}, "PriceForecastDetailsBox");
-
-// src/Plugin.ts
-var import_react_payload_plugin = require("@xyo-network/react-payload-plugin");
-var PriceForecastRenderPlugin = {
-  ...(0, import_react_payload_plugin.createPayloadRenderPlugin)({
-    canRender: /* @__PURE__ */ __name(() => true, "canRender"),
-    components: {
-      box: {
-        detailsBox: PriceForecastDetailsBox
-      }
-    },
-    name: "PriceForecast"
-  })
-};
-//# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/DetailsBox.tsx","../../src/lib/DataLineStyles.ts","../../src/lib/DataPointStyles.ts","../../src/lib/MockSourcePayloads.ts","../../src/lib/SourcePayloads.ts","../../src/lib/ForecastLineChartConfigBuilder.ts","../../src/Plugin.ts"],"sourcesContent":["export * from './components/index.ts'\nexport * from './Plugin.ts'\n","import 'chartjs-adapter-luxon'\n\nimport { useTheme } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { ForecastPayload } from '@xyo-network/diviner-forecasting-model'\nimport { Payload } from '@xyo-network/payload-model'\nimport {\n  CategoryScale,\n  Chart as ChartJS,\n  ChartData,\n  ChartOptions,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  TimeScale,\n  Title,\n  Tooltip,\n} from 'chart.js'\nimport React, { useState } from 'react'\nimport { Line } from 'react-chartjs-2'\n\nimport { ForecastLineChartConfigBuilder } from '../lib/index.ts'\n\nChartJS.register(CategoryScale, TimeScale, PointElement, LineElement, LinearScale, Title, Tooltip, Legend)\n\nexport interface PriceForecastDetailsBoxProps extends FlexBoxProps {\n  payload?: Payload\n}\n\nexport const PriceForecastDetailsBox: React.FC<PriceForecastDetailsBoxProps> = ({ payload, ...props }) => {\n  const priceForecastPayload = payload as ForecastPayload | undefined\n  const theme = useTheme()\n  const [data, setData] = useState<ChartData<'line'>>({ datasets: [] })\n  const [options, setOptions] = useState<ChartOptions<'line'>>({})\n\n  useAsyncEffect(\n\n    async (mounted) => {\n      const { data, options } = await ForecastLineChartConfigBuilder.create(theme, priceForecastPayload, { fetch: true })\n      if (mounted()) {\n        setData(data)\n        setOptions(options)\n      }\n    },\n    [priceForecastPayload, theme],\n  )\n\n  return (\n    <FlexCol {...props} busy={priceForecastPayload === undefined} minHeight=\"25vh\">\n      {priceForecastPayload\n        ? <Line options={options} data={data} />\n        : null}\n    </FlexCol>\n  )\n}\n","import { alpha } from '@mui/material'\n\nexport const DataLineStyles = (color?: string) => ({\n  backgroundColor: color ? alpha(color, 0.5) : undefined,\n  borderColor: color,\n})\n","export const DataPointStyles = (pointHoverBackgroundColor?: string) => ({\n  pointHitRadius: 20,\n  pointHoverBackgroundColor,\n  pointHoverRadius: 10,\n  pointRadius: 5,\n  pointStyle: 'circle',\n})\n","export const MockSourcePayloads = () => {\n  const tenMin = 600_000\n  return [\n    {\n      baseFee: 38.901_553_878_25,\n      feePerGas: { high: 47.994_586_439_6, low: 39.006_868_093, medium: 39.306_868_093, veryHigh: 44.453_843_805_25 },\n      priorityFeePerGas: { high: 1.026_666_666_666_666_6, low: -0.410_000_000_000_000_03, medium: 0.38, veryHigh: 1.390_000_000_000_000_1 },\n      schema: 'network.xyo.blockchain.ethereum.gas',\n      timestamp: Date.now() - tenMin,\n    },\n    {\n      baseFee: 38.901_553_878_25,\n      feePerGas: { high: 47.994_586_439_6, low: 39.006_868_093, medium: 100, veryHigh: 44.453_843_805_25 },\n      priorityFeePerGas: { high: 1.026_666_666_666_666_6, low: -0.410_000_000_000_000_03, medium: 0.38, veryHigh: 1.390_000_000_000_000_1 },\n      schema: 'network.xyo.blockchain.ethereum.gas',\n      timestamp: Date.now(),\n    },\n  ]\n}\n","import { Payload } from '@xyo-network/payload-model'\nimport { Point } from 'chart.js'\n\nimport { MockSourcePayloads } from './MockSourcePayloads.ts'\n\nexport class SourcePayloads {\n  sourcePrices: Point[] = []\n\n  constructor(public sourcePayloads: Payload[]) {}\n\n  get payloads() {\n    return this.sourcePayloads\n  }\n\n  static async build(jsonPath: string) {\n    const sourcePayloads = await this.fetchSourcePayloads()\n    const instance = new this(sourcePayloads)\n\n    const paths = jsonPath.split('.')\n    instance.sourcePrices = sourcePayloads.map((payload) => {\n      return { x: payload.timestamp, y: instance.jsonPathTraverser(payload, paths) }\n    })\n    return instance\n  }\n\n  // TODO - fetch from archivist\n  static async fetchSourcePayloads() {\n    const payloads = await Promise.resolve(MockSourcePayloads())\n    return payloads\n  }\n\n  jsonPathTraverser(obj: Payload, path: string[]) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let result: any = obj\n    for (const key of path) {\n      if (key in result) {\n        const foundKey = key as keyof typeof result\n        result = result[foundKey]\n      } else {\n        result = undefined\n        break\n      }\n    }\n\n    return result\n  }\n}\n","import { Theme } from '@mui/material'\nimport { ForecastPayload } from '@xyo-network/diviner-forecasting-model'\nimport { ChartData, ChartDataset, ChartOptions, LegendOptions, Point, ScaleChartOptions } from 'chart.js'\n\nimport { DataLineStyles } from './DataLineStyles.ts'\nimport { DataPointStyles } from './DataPointStyles.ts'\nimport { SourcePayloads } from './SourcePayloads.ts'\n\ninterface SourcePayloadConfig {\n  fetch: boolean\n  sampleSize?: number\n}\n\ninterface ThemeColors {\n  dataSetColorPrimary: string\n  dataSetColorSecondary: string\n  gridColor: string\n}\n\nconst defaultOptions: () => ChartOptions<'line'> = () => ({\n  plugins: {\n    legend: {\n      position: 'top' as const,\n    },\n  },\n  responsive: true,\n})\n\nexport class ForecastLineChartConfigBuilder {\n  data: ChartData<'line'> = {\n    datasets: [],\n  }\n\n  options: ChartOptions<'line'> = defaultOptions()\n  themeColors: ThemeColors | undefined\n\n  constructor(\n    theme: Theme,\n    private payload?: ForecastPayload,\n  ) {\n    this.themeColors = this.parseTheme(theme)\n  }\n\n  get forecastPayload() {\n    if (this.payload) {\n      return this.payload\n    } else {\n      throw new Error('ForecastPayload was not defined')\n    }\n  }\n\n  static async create(theme: Theme, payload?: ForecastPayload, sourcePayloadConfig?: SourcePayloadConfig) {\n    const instance = new ForecastLineChartConfigBuilder(theme, payload)\n\n    await instance.build(sourcePayloadConfig?.fetch)\n\n    instance.refreshValues()\n\n    return instance\n  }\n\n  async build(includeSources?: boolean) {\n    this.buildOptions()\n    await this.buildData(includeSources)\n    return this\n  }\n\n  async buildData(includeSources?: boolean) {\n    const forecastData = this.generateDataSetForecastData()\n\n    const datasets: ChartDataset<'line'>[] = [forecastData]\n\n    if (includeSources) {\n      // build data from sources in forecastPayload\n      const sourceData = await this.generateDataSetSourcePayloads()\n      datasets.unshift(sourceData)\n\n      // add last source point as first item in prediction to connect the lines\n      const lastSourceDataItem = sourceData.data.at(-1) as Point\n      forecastData.data.unshift(lastSourceDataItem)\n    }\n\n    this.data = {\n      datasets,\n    }\n\n    return this\n  }\n\n  buildOptions() {\n    if (this.options.plugins) {\n      this.options.plugins.title = this.generateTitle()\n      this.options.plugins.legend = this.generateLegend()\n    }\n    this.options.scales = this.generateScales()\n\n    return this\n  }\n\n  refreshValues() {\n    this.data = { ...this.data }\n    this.options = { ...this.options }\n  }\n\n  protected generateLegend() {\n    return {\n      labels: {\n        pointStyle: 'circle',\n        usePointStyle: true,\n      },\n    } as LegendOptions<'line'>\n  }\n\n  protected generateScales() {\n    return {\n      x: {\n        grid: {\n          color: this.themeColors?.gridColor,\n        },\n        time: {\n          unit: 'minute',\n        },\n        type: 'time',\n      },\n      y: {\n        grid: {\n          color: this.themeColors?.gridColor,\n        },\n      },\n    } as unknown as ScaleChartOptions<'line'>['scales']\n  }\n\n  protected generateTitle() {\n    return {\n      display: true,\n      text: `Gas Price Forecaster (GWEI over time from ${\n        this.forecastPayload?.values[0].timestamp ? new Date(this.forecastPayload.values[0].timestamp).toLocaleDateString() : ''\n      })`,\n    }\n  }\n\n  protected parseTheme(theme: Theme) {\n    const dark = theme.palette.mode === 'dark'\n    return {\n      dataSetColorPrimary: theme.palette.primary.light,\n      dataSetColorSecondary: theme.palette.secondary.light,\n      gridColor: dark ? theme.palette.grey[800] : theme.palette.grey[300],\n    }\n  }\n\n  private generateDataSetForecastData(): ChartDataset<'line'> {\n    return {\n      borderDash: [5],\n      borderDashOffset: 0.5,\n      data: this.forecastPayload.values.map(price => ({ x: price.timestamp ?? 0, y: price.value })),\n      label: 'Forecast Price',\n      ...DataPointStyles(this.themeColors?.dataSetColorPrimary),\n      ...DataLineStyles(this.themeColors?.dataSetColorPrimary),\n    }\n  }\n\n  private async generateDataSetSourcePayloads(): Promise<ChartDataset<'line'>> {\n    const { sourcePrices } = await SourcePayloads.build('feePerGas.medium')\n    return {\n      data: sourcePrices,\n      label: 'Source Prices',\n      ...DataLineStyles(this.themeColors?.dataSetColorSecondary),\n      ...DataPointStyles(this.themeColors?.dataSetColorSecondary),\n    }\n  }\n}\n","import { createPayloadRenderPlugin, PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { PriceForecastDetailsBox } from './components/index.ts'\n\nexport const PriceForecastRenderPlugin: PayloadRenderPlugin = {\n  ...createPayloadRenderPlugin({\n    canRender: () => true,\n    components: {\n      box: {\n        detailsBox: PriceForecastDetailsBox,\n      },\n    },\n    name: 'PriceForecast',\n  }),\n}\n"],"mappings":"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","names":["import_material","DataLineStyles","color","backgroundColor","alpha","undefined","borderColor","DataPointStyles","pointHoverBackgroundColor","pointHitRadius","pointHoverRadius","pointRadius","pointStyle","MockSourcePayloads","tenMin","baseFee","feePerGas","high","low","medium","veryHigh","priorityFeePerGas","schema","timestamp","Date","now","SourcePayloads","sourcePrices","constructor","sourcePayloads","payloads","build","jsonPath","fetchSourcePayloads","instance","paths","split","map","payload","x","timestamp","y","jsonPathTraverser","Promise","resolve","MockSourcePayloads","obj","path","result","key","foundKey","undefined","defaultOptions","plugins","legend","position","responsive","ForecastLineChartConfigBuilder","data","options","themeColors","constructor","theme","payload","datasets","parseTheme","forecastPayload","Error","create","sourcePayloadConfig","instance","build","fetch","refreshValues","includeSources","buildOptions","buildData","forecastData","generateDataSetForecastData","sourceData","generateDataSetSourcePayloads","unshift","lastSourceDataItem","at","title","generateTitle","generateLegend","scales","generateScales","labels","pointStyle","usePointStyle","x","grid","color","gridColor","time","unit","type","y","display","text","values","timestamp","Date","toLocaleDateString","dark","palette","mode","dataSetColorPrimary","primary","light","dataSetColorSecondary","secondary","grey","borderDash","borderDashOffset","map","price","value","label","DataPointStyles","DataLineStyles","sourcePrices","SourcePayloads","ChartJS","register","CategoryScale","TimeScale","PointElement","LineElement","LinearScale","Title","Tooltip","Legend","PriceForecastDetailsBox","payload","props","priceForecastPayload","theme","useTheme","data","setData","useState","datasets","options","setOptions","useAsyncEffect","mounted","ForecastLineChartConfigBuilder","create","fetch","React","FlexCol","busy","undefined","minHeight","Line","PriceForecastRenderPlugin","createPayloadRenderPlugin","canRender","components","box","detailsBox","PriceForecastDetailsBox","name"]}

package/dist/neutral/index.d.cts

@@ -1,3 +0,0 @@
-export * from './components/index.ts';
-export * from './Plugin.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA"}

package/dist/neutral/index.d.mts

@@ -1,3 +0,0 @@
-export * from './components/index.ts';
-export * from './Plugin.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA"}

package/dist/neutral/index.d.ts

@@ -1,3 +0,0 @@
-export * from './components/index.ts';
-export * from './Plugin.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA"}