@dappworks/kit 0.4.66 → 0.4.68

package/dist/jsontable.mjs

@@ -1,11 +1,11 @@
-export { JSONTable } from './chunk-CYQSSB26.mjs';
+export { JSONTable } from './chunk-VB62FUWK.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import './chunk-QO5RPRUY.mjs';
-import './chunk-OCLML5CM.mjs';
-import './chunk-XJMRAPHI.mjs';
-import './chunk-7FI42NGB.mjs';
+import './chunk-WAYJJYKN.mjs';
+import './chunk-SXQEYWUP.mjs';
+import './chunk-HRWHDF2F.mjs';
+import './chunk-U7JFOBSQ.mjs';
 import './chunk-MGU3KYGC.mjs';
-import './chunk-AIZ7XDNV.mjs';
-import './chunk-R4SQKVDQ.mjs';
+import './chunk-6UHBBDKI.mjs';
+import './chunk-6F7H4PAA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=jsontable.mjs.map

package/dist/metrics.d.mts

@@ -12,8 +12,11 @@ interface ChartBox {
     gridH?: number;
     numColSpanMd?: number;
     className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    chartClassName?: string;
 }
-declare const ChartBox: ({ title, description, error, children, className }: ChartBox) => React.JSX.Element;
+declare const ChartBox: ({ title, description, error, children, className, headerClassName, contentClassName }: ChartBox) => React.JSX.Element;
 
 type BarChartCard = ChartBox & {
     type?: 'BarChartCard';
@@ -23,6 +26,7 @@ type BarChartCard = ChartBox & {
     showLegend?: boolean;
     showGridLines?: boolean;
     stack?: boolean;
+    showAnimation?: boolean;
 };
 declare const BarChartCard: (props: BarChartCard) => React.JSX.Element;
 
@@ -30,10 +34,17 @@ type LineChartCard = ChartBox & {
     type?: 'LineChartCard';
     categories?: string[];
     index?: string;
-    valueFormatter?: ValueFormatter;
+    curveType?: 'linear' | 'step' | 'monotone';
+    colors?: ('slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose')[];
     showLegend?: boolean;
     showGridLines?: boolean;
-    curveType?: 'linear' | 'natural' | 'step';
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    startEndOnly?: boolean;
+    showTooltip?: boolean;
+    showAnimation?: boolean;
+    autoMinValue?: boolean;
+    valueFormatter?: ValueFormatter;
 };
 declare const LineChartCard: (props: LineChartCard) => React.JSX.Element;
 
@@ -41,11 +52,23 @@ type AreaChartCard = ChartBox & {
     type?: 'AreaChartCard';
     categories?: string[];
     index?: string;
-    valueFormatter?: ValueFormatter;
+    curveType?: 'linear' | 'step' | 'monotone';
+    colors?: ('slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose')[];
     showLegend?: boolean;
     showGridLines?: boolean;
     stack?: boolean;
-    curveType?: 'linear' | 'natural' | 'step';
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    startEndOnly?: boolean;
+    showTooltip?: boolean;
+    showAnimation?: boolean;
+    autoMinValue?: boolean;
+    valueFormatter?: ValueFormatter;
+    customTooltip?: ({ payload, active, label }: {
+        payload: any;
+        active: any;
+        label: any;
+    }) => React.ReactNode;
 };
 declare const AreaChartCard: (props: AreaChartCard) => React.JSX.Element;
 
@@ -56,11 +79,13 @@ type DonutChartCard = ChartBox & {
     valueFormatter?: ValueFormatter;
     showLabel?: boolean;
     variant?: 'donut' | 'pie';
+    showAnimation?: boolean;
 };
 declare const DonutChartCard: (props: DonutChartCard) => React.JSX.Element;
 
 type CountCard = ChartBox & {
     type?: 'CountCard';
+    summedColumnIndex?: string;
 };
 declare const CountCard: (props: CountCard) => React.JSX.Element;
 
@@ -79,11 +104,12 @@ type KPICard = ChartBox & {
     type?: 'KPICard';
     categories?: string[];
     index?: string;
-    valueFormatter?: ValueFormatter;
-    curveType?: 'linear' | 'natural' | 'step';
+    chartType?: 'area' | 'line';
+    curveType?: 'linear' | 'step' | 'monotone';
     metricTitle?: string;
     metric?: string | number;
-    chartType?: 'area' | 'line';
+    valueFormatter?: ValueFormatter;
+    loading?: boolean;
 };
 declare const KPICard: (props: KPICard) => React.JSX.Element;
 
@@ -95,4 +121,4 @@ declare const MetricsView: ({ data }: {
     data: JSONMetricsViewType;
 }) => React.JSX.Element;
 
-export { JSONMetricsView, type JSONMetricsViewType, MetricsView };
+export { JSONMetricsView, JSONMetricsViewType, MetricsView };

package/dist/metrics.mjs

@@ -1,18 +1,18 @@
-import { JSONTable_default } from './chunk-CYQSSB26.mjs';
+import { JSONTable_default } from './chunk-VB62FUWK.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import './chunk-QO5RPRUY.mjs';
-import './chunk-OCLML5CM.mjs';
-import './chunk-XJMRAPHI.mjs';
-import './chunk-7FI42NGB.mjs';
+import './chunk-WAYJJYKN.mjs';
+import './chunk-SXQEYWUP.mjs';
+import './chunk-HRWHDF2F.mjs';
+import './chunk-U7JFOBSQ.mjs';
 import './chunk-MGU3KYGC.mjs';
-import { cn } from './chunk-AIZ7XDNV.mjs';
-import { __spreadValues } from './chunk-R4SQKVDQ.mjs';
-import React from 'react';
+import { cn } from './chunk-6UHBBDKI.mjs';
+import { __spreadValues } from './chunk-6F7H4PAA.mjs';
+import React9 from 'react';
 import { Grid, Col, BarChart, LineChart, AreaChart, DonutChart, Text } from '@tremor/react';
-import { Card } from '@nextui-org/react';
+import { Card, Skeleton } from '@nextui-org/react';
 
-var ChartBox = ({ title, description, error, children, className }) => {
-  return /* @__PURE__ */ React.createElement(Card, { className: cn("dark:border-gray-800", className), shadow: "sm" }, /* @__PURE__ */ React.createElement("div", { className: "p-4 h-[60px]" }, /* @__PURE__ */ React.createElement("div", null, title), description && /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, description)), /* @__PURE__ */ React.createElement("div", { className: "px-2 pb-5" }, error ? /* @__PURE__ */ React.createElement("div", { className: "text-red-600" }, error) : children));
+var ChartBox = ({ title, description, error, children, className, headerClassName, contentClassName }) => {
+  return /* @__PURE__ */ React9.createElement(Card, { className: cn("dark:border-gray-800 shadow-sm border", className) }, (title || description) && /* @__PURE__ */ React9.createElement("div", { className: cn("p-4 h-[60px]", headerClassName) }, title && /* @__PURE__ */ React9.createElement("div", null, title), description && /* @__PURE__ */ React9.createElement("div", { className: "text-xs" }, description)), /* @__PURE__ */ React9.createElement("div", { className: cn("px-2 pb-5", contentClassName) }, error ? /* @__PURE__ */ React9.createElement("div", { className: "text-red-600" }, error) : children));
 };
 
 // components/JSONMetricsView/BarChartCard/index.tsx
@@ -24,12 +24,14 @@ var BarChartCard = (props) => {
     valueFormatter = (number) => `${number}`,
     showLegend = false,
     showGridLines = false,
-    stack = false
+    stack = false,
+    chartClassName,
+    showAnimation = true
   } = props;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement(
     BarChart,
     {
-      className: "h-72 mt-4",
+      className: cn("h-72 mt-4", chartClassName),
       data,
       index,
       categories,
@@ -38,7 +40,8 @@ var BarChartCard = (props) => {
       yAxisWidth: 48,
       showLegend,
       showGridLines,
-      stack
+      stack,
+      showAnimation
     }
   ));
 };
@@ -47,23 +50,37 @@ var LineChartCard = (props) => {
     data = [],
     categories = ["value"],
     index = "date",
-    valueFormatter = (number) => `${number}`,
+    curveType = "linear",
+    colors = ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
     showLegend = false,
     showGridLines = false,
-    curveType = "linear"
+    chartClassName,
+    showXAxis = true,
+    showYAxis = true,
+    startEndOnly = false,
+    showTooltip = true,
+    showAnimation = true,
+    autoMinValue = true,
+    valueFormatter = (number) => `${number}`
   } = props;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement(
     LineChart,
     {
-      className: "h-72 mt-4",
+      className: cn("h-72 mt-4", chartClassName),
       data,
       index,
       categories,
-      colors: ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
+      colors,
       valueFormatter,
       showLegend,
       showGridLines,
-      curveType
+      curveType,
+      showXAxis,
+      showYAxis,
+      startEndOnly,
+      showTooltip,
+      showAnimation,
+      autoMinValue
     }
   ));
 };
@@ -72,80 +89,112 @@ var AreaChartCard = (props) => {
     data = [],
     categories = ["value"],
     index = "date",
-    valueFormatter = (number) => `${number}`,
+    curveType = "linear",
+    colors = ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
     showLegend = false,
     showGridLines = false,
     stack = false,
-    curveType = "linear"
+    chartClassName,
+    showXAxis = true,
+    showYAxis = true,
+    startEndOnly = false,
+    showTooltip = true,
+    showAnimation = true,
+    autoMinValue = true,
+    valueFormatter = (number) => `${number}`,
+    customTooltip
   } = props;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement(
     AreaChart,
     {
-      className: "h-72 mt-4",
+      className: cn("h-72 mt-4", chartClassName),
       data,
       index,
       categories,
-      colors: ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
+      colors,
       valueFormatter,
       showLegend,
       showGridLines,
       stack,
-      curveType
+      curveType,
+      showXAxis,
+      showYAxis,
+      startEndOnly,
+      showTooltip,
+      showAnimation,
+      autoMinValue,
+      customTooltip
     }
   ));
 };
 var DonutChartCard = (props) => {
-  const { data = [], categories = ["value"], index = "name", valueFormatter = (number) => `${number}`, showLabel = true, variant = "donut" } = props;
+  const { data = [], categories = ["value"], index = "name", valueFormatter = (number) => `${number}`, showLabel = true, variant = "donut", chartClassName, showAnimation = true } = props;
   const category = categories[0];
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement(
     DonutChart,
     {
-      className: "h-72 mt-4",
+      className: cn("h-72 mt-4", chartClassName),
       data,
       index,
       category,
       colors: ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
       valueFormatter,
       showLabel,
-      variant
+      variant,
+      showAnimation
     }
   ));
 };
 var CountCard = (props) => {
   var _a;
   if (!((_a = props.data) == null ? void 0 : _a.length)) {
-    return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement("div", { className: "mt-2 ml-2 text-2xl overflow-auto" }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-400" }, "No data")));
+    return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: cn("mt-2 ml-2 text-2xl overflow-auto", props.chartClassName) }, /* @__PURE__ */ React9.createElement("span", { className: "text-gray-400" }, "No data")));
   }
-  const value = Object.values(props.data[0])[0];
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement("div", { className: "mt-2 ml-2 font-bold text-2xl overflow-auto" }, renderValue(value)));
-};
-function renderValue(v) {
-  if (typeof v == "string" || typeof v == "number") {
-    return v;
+  if (!props.summedColumnIndex) {
+    return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: cn("mt-2 ml-2 text-2xl overflow-auto", props.chartClassName) }, /* @__PURE__ */ React9.createElement("span", { className: "text-gray-400 text-sm" }, "set ", /* @__PURE__ */ React9.createElement("span", { className: "font-bold" }, "summedColumnIndex"), " to sum up values")));
   }
-  return JSON.stringify(v);
-}
+  const sum = props.data.reduce((acc, cur) => {
+    const v = cur[props.summedColumnIndex];
+    if (typeof v == "number") {
+      return acc + v;
+    } else {
+      return acc;
+    }
+  }, 0);
+  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: cn("mt-2 ml-2 font-bold text-2xl overflow-auto", props.chartClassName) }, sum));
+};
 var TableCard = (props) => {
-  const { data = [], columnOptions = {} } = props;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), (data == null ? void 0 : data.length) > 0 ? /* @__PURE__ */ React.createElement(JSONTable_default, { dataSource: data, columnOptions, className: "h-[256px]" }) : /* @__PURE__ */ React.createElement("div", { className: "h-[256px] flex justify-center items-center text-gray-400" }, "No data"));
+  const { data = [], columnOptions = {}, chartClassName } = props;
+  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), (data == null ? void 0 : data.length) > 0 ? /* @__PURE__ */ React9.createElement(JSONTable_default, { dataSource: data, columnOptions, className: cn("h-[256px]", chartClassName) }) : /* @__PURE__ */ React9.createElement("div", { className: cn("h-[256px] flex justify-center items-center text-gray-400", chartClassName) }, "No data"));
+};
+var SkeletonBox = ({ line, skClassName, className }) => {
+  const lineCamp = [...new Array(line || 1).keys()];
+  return /* @__PURE__ */ React9.createElement("div", { className: cn("flex items-center gap-4", className) }, lineCamp.map((_, index) => {
+    return /* @__PURE__ */ React9.createElement(
+      Skeleton,
+      {
+        key: index,
+        classNames: {
+          base: "transition-background !duration-700 before:transition-opacity before:!duration-700",
+          content: "transition-opacity motion-reduce:transition-none !duration-700"
+        },
+        className: cn("w-full h-10", skClassName)
+      }
+    );
+  }));
 };
+
+// components/JSONMetricsView/KPICard/index.tsx
 var KPICard = (props) => {
-  const {
-    metricTitle,
-    metric,
-    chartType = "area",
-    data = [],
-    categories = ["value"],
-    index = "date",
-    valueFormatter = (number) => `${number}`,
-    curveType = "linear"
-  } = props;
+  const { metricTitle, metric, chartType = "area", data = [], categories = ["value"], index = "date", valueFormatter = (number) => `${number}`, curveType = "linear", loading, chartClassName } = props;
+  if (loading) {
+    return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React9.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React9.createElement(Text, { className: "whitespace-nowrap" }, "Loading..."), /* @__PURE__ */ React9.createElement("div", { className: "font-bold text-3xl" }, "-")), /* @__PURE__ */ React9.createElement(SkeletonBox, { className: "flex-col w-full", skClassName: "h-[100px] overflow-hidden", line: 1 })));
+  }
   const ChartComp = chartType === "area" ? AreaChart : LineChart;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React.createElement(Text, { className: "whitespace-nowrap" }, metricTitle), /* @__PURE__ */ React.createElement("div", { className: "font-bold text-3xl" }, metric)), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React9.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React9.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React9.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React9.createElement(Text, { className: "whitespace-nowrap" }, metricTitle), /* @__PURE__ */ React9.createElement("div", { className: "font-bold text-3xl" }, metric != null ? metric : "-")), /* @__PURE__ */ React9.createElement(
     ChartComp,
     {
-      className: "overflow-hidden",
-      style: { height: "100px" },
+      className: cn("h-[100px] overflow-hidden", chartClassName),
       data,
       index,
       categories,
@@ -156,7 +205,9 @@ var KPICard = (props) => {
       showGridLines: false,
       startEndOnly: true,
       showYAxis: false,
-      showLegend: false
+      showLegend: false,
+      autoMinValue: true,
+      showAnimation: true
     }
   )));
 };
@@ -172,15 +223,15 @@ var components = {
   KPICard
 };
 var JSONMetricsView = ({ data }) => {
-  return /* @__PURE__ */ React.createElement(Grid, { numItems: 1, numItemsSm: 1, numItemsLg: 2, numItemsMd: 2, className: "gap-2" }, data.map((item, index) => {
+  return /* @__PURE__ */ React9.createElement(Grid, { numItems: 1, numItemsSm: 1, numItemsLg: 2, numItemsMd: 2, className: "gap-2" }, data.map((item, index) => {
     var _a;
     const Component = components[item.type];
-    return /* @__PURE__ */ React.createElement(Col, { key: index, numColSpanSm: 1, numColSpanMd: (_a = item.numColSpanMd) != null ? _a : 1 }, /* @__PURE__ */ React.createElement(Component, __spreadValues({}, item)));
+    return /* @__PURE__ */ React9.createElement(Col, { key: index, numColSpanSm: 1, numColSpanMd: (_a = item.numColSpanMd) != null ? _a : 1 }, /* @__PURE__ */ React9.createElement(Component, __spreadValues({}, item)));
   }));
 };
 var MetricsView = ({ data }) => {
   const Comp = components[data.type];
-  return /* @__PURE__ */ React.createElement(Comp, __spreadValues({}, data));
+  return /* @__PURE__ */ React9.createElement(Comp, __spreadValues({}, data));
 };
 
 export { JSONMetricsView, MetricsView };

package/dist/metrics.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/JSONMetricsView/index.tsx","../components/JSONMetricsView/BarChartCard/index.tsx","../components/JSONMetricsView/ChartBox/index.tsx","../components/JSONMetricsView/LineChartCard/index.tsx","../components/JSONMetricsView/AreaChartCard/index.tsx","../components/JSONMetricsView/DonutChartCard/index.tsx","../components/JSONMetricsView/CountCard/index.tsx","../components/JSONMetricsView/TableCard/index.tsx","../components/JSONMetricsView/KPICard/index.tsx"],"names":["React","AreaChart","LineChart"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Col, Grid } from '@tremor/react';\nimport { BarChartCard } from './BarChartCard';\nimport { LineChartCard } from './LineChartCard';\nimport { AreaChartCard } from './AreaChartCard';\nimport { DonutChartCard } from './DonutChartCard';\nimport { CountCard } from './CountCard';\nimport { TableCard } from './TableCard';\nimport { KPICard } from './KPICard';\n\n\nexport type JSONMetricsViewType = AreaChartCard | LineChartCard | BarChartCard | DonutChartCard | CountCard | TableCard | KPICard;\n\nconst components = {\n  AreaChartCard,\n  LineChartCard,\n  BarChartCard,\n  DonutChartCard,\n  CountCard,\n  TableCard,\n  KPICard,\n};\n\n\nconst JSONMetricsView = ({ data }: { data: JSONMetricsViewType[] }) => {\n  return (\n    <Grid numItems={1} numItemsSm={1} numItemsLg={2} numItemsMd={2} className=\"gap-2\">\n      {data.map((item, index) => {\n        //@ts-ignore\n        const Component = components[item.type];\n        return (\n          <Col key={index} numColSpanSm={1} numColSpanMd={item.numColSpanMd ?? 1}>\n            {/* @ts-ignore */}\n            <Component {...item} />\n          </Col>\n        );\n      })}\n    </Grid>\n  );\n};\n\nexport const MetricsView = ({ data }: { data: JSONMetricsViewType }) => {\n  //@ts-ignore\n  const Comp = components[data.type];\n  // @ts-ignore\n  return <Comp {...data} />;\n};\n\nexport { JSONMetricsView };\n","import React from 'react';\nimport { BarChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\n\nexport type BarChartCard = ChartBox & {\n  type?: 'BarChartCard',\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n}\n\nexport const BarChartCard = (props: BarChartCard) => {\n  const {\n    data = [], categories = ['value'], index = 'date', valueFormatter = (number) => `${number}`,\n    showLegend = false, showGridLines = false, stack = false\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <BarChart\n        className=\"h-72 mt-4\"\n        data={data}\n        index={index}\n        categories={categories}\n        colors={[\"indigo\", \"cyan\", \"teal\", \"green\", \"yellow\", \"orange\", \"red\", \"slate\", \"violet\", \"rose\", \"pink\", \"purple\", \"blue\"]}\n        valueFormatter={valueFormatter}\n        yAxisWidth={48}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { cn } from '../../../lib/utils';\nimport { Card, Skeleton, Spinner } from '@nextui-org/react';\n\nexport interface ChartBox {\n  title?: React.ReactNode;\n  description?: string;\n  error?: string;\n  data?: {\n    [key: string]: any;\n  }[];\n  children?: React.ReactNode;\n  gridH?: number; // grid units, not pixels\n  numColSpanMd?: number;\n  className?: string;\n}\n\nexport const ChartBox = ({ title, description, error, children, className }: ChartBox) => {\n  return (\n    <Card className={cn('dark:border-gray-800', className)} shadow='sm'>\n      <div className='p-4 h-[60px]'>\n        <div>{title}</div>\n        {description && <div className='text-xs'>{description}</div>}\n      </div>\n      <div className=\"px-2 pb-5\">\n        {error ? <div className=\"text-red-600\">{error}</div> : children}\n      </div>\n    </Card>\n  );\n};\n","import React from 'react';\nimport { LineChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\n\nexport type LineChartCard = ChartBox & {\n  type?: 'LineChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  curveType?: 'linear' | 'natural' | 'step'\n}\n\nexport const LineChartCard = (props: LineChartCard) => {\n  const {\n    data = [], categories = ['value'], index = 'date', valueFormatter = (number) => `${number}`,\n    showLegend = false, showGridLines = false, curveType = 'linear'\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <LineChart\n        className=\"h-72 mt-4\"\n        data={data}\n        index={index}\n        categories={categories}\n        colors={[\"indigo\", \"cyan\", \"teal\", \"green\", \"yellow\", \"orange\", \"red\", \"slate\", \"violet\", \"rose\", \"pink\", \"purple\", \"blue\"]}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        curveType={curveType}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\n\nexport type AreaChartCard = ChartBox & {\n  type?: 'AreaChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n  curveType?: 'linear' | 'natural' | 'step'\n}\n\nexport const AreaChartCard = (props: AreaChartCard) => {\n  const {\n    data = [], categories = ['value'], index = 'date', valueFormatter = (number) => `${number}`,\n    showLegend = false, showGridLines = false, stack = false, curveType = 'linear'\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <AreaChart\n        className=\"h-72 mt-4\"\n        data={data}\n        index={index}\n        categories={categories}\n        colors={[\"indigo\", \"cyan\", \"teal\", \"green\", \"yellow\", \"orange\", \"red\", \"slate\", \"violet\", \"rose\", \"pink\", \"purple\", \"blue\"]}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n        curveType={curveType}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { DonutChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\n\nexport type DonutChartCard = ChartBox & {\n  type?: 'DonutChartCard',\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLabel?: boolean;\n  variant?: 'donut' | 'pie'\n}\n\nexport const DonutChartCard = (props: DonutChartCard) => {\n  const { data = [], categories = ['value'], index = 'name', valueFormatter = (number) => `${number}`, showLabel = true, variant = 'donut' } = props;\n  const category = categories[0];\n  return (\n    <ChartBox {...props}>\n      <DonutChart\n        className=\"h-72 mt-4\"\n        data={data}\n        index={index}\n        category={category}\n        colors={[\"indigo\", \"cyan\", \"teal\", \"green\", \"yellow\", \"orange\", \"red\", \"slate\", \"violet\", \"rose\", \"pink\", \"purple\", \"blue\"]}\n        valueFormatter={valueFormatter}\n        showLabel={showLabel}\n        variant={variant}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { ChartBox } from '../ChartBox';\n\nexport type CountCard = ChartBox & {\n  type?: 'CountCard';\n};\n\nexport const CountCard = (props: CountCard) => {\n  if (!props.data?.length) {\n    return (\n      <ChartBox {...props}>\n        <div className=\"mt-2 ml-2 text-2xl overflow-auto\">\n          <span className=\"text-gray-400\">No data</span>\n        </div>\n      </ChartBox>\n    )\n  }\n\n  const value = Object.values(props.data[0])[0];\n  return (\n    <ChartBox {...props}>\n      <div className=\"mt-2 ml-2 font-bold text-2xl overflow-auto\">{renderValue(value)}</div>\n    </ChartBox>\n  );\n};\n\nfunction renderValue(v: any) {\n  if (typeof v == 'string' || typeof v == 'number') {\n    return v;\n  }\n  return JSON.stringify(v);\n}\n","import React from 'react';\nimport { ChartBox } from '../ChartBox';\nimport JSONTable from '../../JSONTable';\n\nexport type TableCard = ChartBox & {\n  type?: 'TableCard';\n  columnOptions?: {\n    [key: string]: {\n      label: string;\n      hidden: boolean;\n    }\n  }\n}\n\nexport const TableCard = (props: TableCard) => {\n  const { data = [], columnOptions = {} } = props;\n\n  return (\n    <ChartBox {...props}>\n      {data?.length > 0\n        ? <JSONTable dataSource={data} columnOptions={columnOptions} className=\"h-[256px]\" />\n        : <div className=\"h-[256px] flex justify-center items-center text-gray-400\">No data</div>\n      }\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, LineChart, Text, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\n\nexport type KPICard = ChartBox & {\n  type?: 'KPICard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  curveType?: 'linear' | 'natural' | 'step';\n  metricTitle?: string;\n  metric?: string | number;\n  chartType?: 'area' | 'line';\n}\n\nexport const KPICard = (props: KPICard) => {\n  const {\n    metricTitle, metric, chartType = 'area', data = [], categories = ['value'], index = 'date', valueFormatter = (number) => `${number}`, curveType = 'linear'\n  } = props;\n\n  const ChartComp = chartType === 'area' ? AreaChart : LineChart;\n\n  return (\n    <ChartBox {...props}>\n      <div className=\"mt-4 space-x-6 px-2 flex items-center\">\n        <div className='w-auto'>\n          <Text className='whitespace-nowrap'>{metricTitle}</Text>\n          <div className='font-bold text-3xl'>{metric}</div>\n        </div>\n        <ChartComp\n          className='overflow-hidden'\n          style={{ height: \"100px\" }}\n          data={data}\n          index={index}\n          categories={categories}\n          colors={[\"indigo\", \"cyan\", \"teal\", \"green\", \"yellow\", \"orange\", \"red\", \"slate\", \"violet\", \"rose\", \"pink\", \"purple\", \"blue\"]}\n          valueFormatter={valueFormatter}\n          curveType={curveType}\n          showXAxis={false}\n          showGridLines={false}\n          startEndOnly={true}\n          showYAxis={false}\n          showLegend={false}\n        />\n      </div>\n    </ChartBox>\n  );\n};\n"]}
+{"version":3,"sources":["../components/JSONMetricsView/index.tsx","../components/JSONMetricsView/BarChartCard/index.tsx","../components/JSONMetricsView/ChartBox/index.tsx","../components/JSONMetricsView/LineChartCard/index.tsx","../components/JSONMetricsView/AreaChartCard/index.tsx","../components/JSONMetricsView/DonutChartCard/index.tsx","../components/JSONMetricsView/CountCard/index.tsx","../components/JSONMetricsView/TableCard/index.tsx","../components/JSONMetricsView/KPICard/index.tsx","../components/Common/SkeletonBox/index.tsx"],"names":["React","AreaChart","LineChart"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Col, Grid } from '@tremor/react';\nimport { BarChartCard } from './BarChartCard';\nimport { LineChartCard } from './LineChartCard';\nimport { AreaChartCard } from './AreaChartCard';\nimport { DonutChartCard } from './DonutChartCard';\nimport { CountCard } from './CountCard';\nimport { TableCard } from './TableCard';\nimport { KPICard } from './KPICard';\n\nexport type JSONMetricsViewType = AreaChartCard | LineChartCard | BarChartCard | DonutChartCard | CountCard | TableCard | KPICard;\n\nconst components = {\n  AreaChartCard,\n  LineChartCard,\n  BarChartCard,\n  DonutChartCard,\n  CountCard,\n  TableCard,\n  KPICard,\n};\n\nconst JSONMetricsView = ({ data }: { data: JSONMetricsViewType[] }) => {\n  return (\n    <Grid numItems={1} numItemsSm={1} numItemsLg={2} numItemsMd={2} className=\"gap-2\">\n      {data.map((item, index) => {\n        const Component = components[item.type];\n        return (\n          <Col key={index} numColSpanSm={1} numColSpanMd={item.numColSpanMd ?? 1}>\n            {/* @ts-ignore */}\n            <Component {...item} />\n          </Col>\n        );\n      })}\n    </Grid>\n  );\n};\n\nexport const MetricsView = ({ data }: { data: JSONMetricsViewType }) => {\n  const Comp = components[data.type];\n  // @ts-ignore\n  return <Comp {...data} />;\n};\n\nexport { JSONMetricsView };\n","import React from 'react';\nimport { BarChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type BarChartCard = ChartBox & {\n  type?: 'BarChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n  showAnimation?: boolean;\n};\n\nexport const BarChartCard = (props: BarChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    valueFormatter = (number) => `${number}`,\n    showLegend = false,\n    showGridLines = false,\n    stack = false,\n    chartClassName,\n    showAnimation = true,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <BarChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n        valueFormatter={valueFormatter}\n        yAxisWidth={48}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n        showAnimation={showAnimation}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { cn } from '../../../lib/utils';\nimport { Card } from '@nextui-org/react';\n\nexport interface ChartBox {\n  title?: React.ReactNode;\n  description?: string;\n  error?: string;\n  data?: {\n    [key: string]: any;\n  }[];\n  children?: React.ReactNode;\n  gridH?: number; // grid units, not pixels\n  numColSpanMd?: number;\n  className?: string;\n  headerClassName?: string;\n  contentClassName?: string;\n  chartClassName?: string;\n}\n\nexport const ChartBox = ({ title, description, error, children, className, headerClassName, contentClassName }: ChartBox) => {\n  return (\n    <Card className={cn('dark:border-gray-800 shadow-sm border', className)}>\n      {(title || description) && (\n        <div className={cn('p-4 h-[60px]', headerClassName)}>\n          {title && <div>{title}</div>}\n          {description && <div className=\"text-xs\">{description}</div>}\n        </div>\n      )}\n      <div className={cn('px-2 pb-5', contentClassName)}>{error ? <div className=\"text-red-600\">{error}</div> : children}</div>\n    </Card>\n  );\n};\n","import React from 'react';\nimport { LineChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type LineChartCard = ChartBox & {\n  type?: 'LineChartCard';\n  categories?: string[];\n  index?: string;\n  curveType?: 'linear' | 'step' | 'monotone';\n  colors?: (\n    | 'slate'\n    | 'gray'\n    | 'zinc'\n    | 'neutral'\n    | 'stone'\n    | 'red'\n    | 'orange'\n    | 'amber'\n    | 'yellow'\n    | 'lime'\n    | 'green'\n    | 'emerald'\n    | 'teal'\n    | 'cyan'\n    | 'sky'\n    | 'blue'\n    | 'indigo'\n    | 'violet'\n    | 'purple'\n    | 'fuchsia'\n    | 'pink'\n    | 'rose'\n  )[];\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  startEndOnly?: boolean;\n  showTooltip?: boolean;\n  showAnimation?: boolean;\n  autoMinValue?: boolean;\n  valueFormatter?: ValueFormatter;\n};\n\nexport const LineChartCard = (props: LineChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    curveType = 'linear',\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\n    showLegend = false,\n    showGridLines = false,\n    chartClassName,\n    showXAxis = true,\n    showYAxis = true,\n    startEndOnly = false,\n    showTooltip = true,\n    showAnimation = true,\n    autoMinValue = true,\n    valueFormatter = (number) => `${number}`,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <LineChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={colors}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        curveType={curveType}\n        showXAxis={showXAxis}\n        showYAxis={showYAxis}\n        startEndOnly={startEndOnly}\n        showTooltip={showTooltip}\n        showAnimation={showAnimation}\n        autoMinValue={autoMinValue}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type AreaChartCard = ChartBox & {\n  type?: 'AreaChartCard';\n  categories?: string[];\n  index?: string;\n  curveType?: 'linear' | 'step' | 'monotone';\n  colors?: (\n    | 'slate'\n    | 'gray'\n    | 'zinc'\n    | 'neutral'\n    | 'stone'\n    | 'red'\n    | 'orange'\n    | 'amber'\n    | 'yellow'\n    | 'lime'\n    | 'green'\n    | 'emerald'\n    | 'teal'\n    | 'cyan'\n    | 'sky'\n    | 'blue'\n    | 'indigo'\n    | 'violet'\n    | 'purple'\n    | 'fuchsia'\n    | 'pink'\n    | 'rose'\n  )[];\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  startEndOnly?: boolean;\n  showTooltip?: boolean;\n  showAnimation?: boolean;\n  autoMinValue?: boolean;\n  valueFormatter?: ValueFormatter;\n  customTooltip?: ({ payload, active, label }) => React.ReactNode;\n};\n\n\nexport const AreaChartCard = (props: AreaChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    curveType = 'linear',\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\n    showLegend = false,\n    showGridLines = false,\n    stack = false,\n    chartClassName,\n    showXAxis = true,\n    showYAxis = true,\n    startEndOnly = false,\n    showTooltip = true,\n    showAnimation = true,\n    autoMinValue = true,\n    valueFormatter = (number) => `${number}`,\n    customTooltip,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <AreaChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={colors}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n        curveType={curveType}\n        showXAxis={showXAxis}\n        showYAxis={showYAxis}\n        startEndOnly={startEndOnly}\n        showTooltip={showTooltip}\n        showAnimation={showAnimation}\n        autoMinValue={autoMinValue}\n        customTooltip={customTooltip}\n      />\n    </ChartBox>\n  );\n};\n\n","import React from 'react';\nimport { DonutChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type DonutChartCard = ChartBox & {\n  type?: 'DonutChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLabel?: boolean;\n  variant?: 'donut' | 'pie';\n  showAnimation?: boolean;\n};\n\nexport const DonutChartCard = (props: DonutChartCard) => {\n  const { data = [], categories = ['value'], index = 'name', valueFormatter = (number) => `${number}`, showLabel = true, variant = 'donut', chartClassName, showAnimation = true } = props;\n  const category = categories[0];\n  return (\n    <ChartBox {...props}>\n      <DonutChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        category={category}\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n        valueFormatter={valueFormatter}\n        showLabel={showLabel}\n        variant={variant}\n        showAnimation={showAnimation}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type CountCard = ChartBox & {\n  type?: 'CountCard';\n  summedColumnIndex?: string;\n};\n\nexport const CountCard = (props: CountCard) => {\n  if (!props.data?.length) {\n    return (\n      <ChartBox {...props}>\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\n          <span className=\"text-gray-400\">No data</span>\n        </div>\n      </ChartBox>\n    );\n  }\n\n  if (!props.summedColumnIndex) {\n    return (\n      <ChartBox {...props}>\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\n          <span className=\"text-gray-400 text-sm\">\n            set <span className=\"font-bold\">summedColumnIndex</span> to sum up values\n          </span>\n        </div>\n      </ChartBox>\n    );\n  }\n\n  const sum = props.data.reduce((acc, cur) => {\n    const v = cur[props.summedColumnIndex];\n    if (typeof v == 'number') {\n      return acc + v;\n    } else {\n      return acc;\n    }\n  }, 0);\n\n  return (\n    <ChartBox {...props}>\n      <div className={cn(\"mt-2 ml-2 font-bold text-2xl overflow-auto\", props.chartClassName)}>{sum}</div>\n    </ChartBox>\n  );\n};","import React from 'react';\nimport { ChartBox } from '../ChartBox';\nimport JSONTable from '../../JSONTable';\nimport { cn } from '../../../lib/utils';\n\nexport type TableCard = ChartBox & {\n  type?: 'TableCard';\n  columnOptions?: {\n    [key: string]: {\n      label: string;\n      hidden: boolean;\n    }\n  }\n}\n\nexport const TableCard = (props: TableCard) => {\n  const { data = [], columnOptions = {}, chartClassName } = props;\n  return (\n    <ChartBox {...props}>\n      {data?.length > 0\n        ? <JSONTable dataSource={data} columnOptions={columnOptions} className={cn(\"h-[256px]\", chartClassName)} />\n        : <div className={cn(\"h-[256px] flex justify-center items-center text-gray-400\", chartClassName)}>No data</div>\n      }\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, LineChart, Text, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { SkeletonBox } from '../../Common/SkeletonBox';\nimport { cn } from '../../../lib/utils';\n\nexport type KPICard = ChartBox & {\n  type?: 'KPICard';\n  categories?: string[];\n  index?: string;\n  chartType?: 'area' | 'line';\n  curveType?: 'linear' | 'step' | 'monotone';\n  metricTitle?: string;\n  metric?: string | number;\n  valueFormatter?: ValueFormatter;\n  loading?: boolean;\n};\n\nexport const KPICard = (props: KPICard) => {\n  const { metricTitle, metric, chartType = 'area', data = [], categories = ['value'], index = 'date', valueFormatter = (number) => `${number}`, curveType = 'linear', loading, chartClassName } = props;\n\n  if (loading) {\n    return (\n      <ChartBox {...props}>\n        <div className=\"mt-4 space-x-6 px-2 flex items-center\">\n          <div className=\"w-auto\">\n            <Text className=\"whitespace-nowrap\">Loading...</Text>\n            <div className=\"font-bold text-3xl\">-</div>\n          </div>\n          <SkeletonBox className=\"flex-col w-full\" skClassName=\"h-[100px] overflow-hidden\" line={1} />\n        </div>\n      </ChartBox>\n    );\n  }\n\n  const ChartComp = chartType === 'area' ? AreaChart : LineChart;\n\n  return (\n    <ChartBox {...props}>\n      <div className=\"mt-4 space-x-6 px-2 flex items-center\">\n        <div className=\"w-auto\">\n          <Text className=\"whitespace-nowrap\">{metricTitle}</Text>\n          <div className=\"font-bold text-3xl\">{metric ?? '-'}</div>\n        </div>\n        <ChartComp\n          className={cn('h-[100px] overflow-hidden', chartClassName)}\n          data={data}\n          index={index}\n          categories={categories}\n          colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n          valueFormatter={valueFormatter}\n          curveType={curveType}\n          showXAxis={false}\n          showGridLines={false}\n          startEndOnly={true}\n          showYAxis={false}\n          showLegend={false}\n          autoMinValue={true}\n          showAnimation={true}\n        />\n      </div>\n    </ChartBox>\n  );\n};\n","\nimport { Skeleton } from '@nextui-org/react';\nimport React from 'react';\nimport { cn } from '../../../lib/utils';\n\nexport interface SkeletonBox {\n  line?: number;\n  skClassName: string;\n}\n\nexport const SkeletonBox = ({ line, skClassName, className }: SkeletonBox & { skClassName?: string; className?: string }) => {\n  const lineCamp = [...new Array(line || 1).keys()];\n\n  return (\n    <div className={cn('flex items-center gap-4', className)}>\n      {lineCamp.map((_, index) => {\n        return (\n          <Skeleton\n            key={index}\n            classNames={{\n              base: 'transition-background !duration-700 before:transition-opacity before:!duration-700',\n              content: 'transition-opacity motion-reduce:transition-none !duration-700',\n            }}\n            className={cn('w-full h-10', skClassName)}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"]}

package/dist/plugins.d.mts

@@ -1,7 +1,7 @@
-import { S as Store } from './root-C3lZnoCI.js';
+import { S as Store } from './root-766ae985.js';
 import React from 'react';
 import * as react_hot_toast from 'react-hot-toast';
-import { P as PromiseState } from './PromiseState-phP8daDG.js';
+import { P as PromiseState } from './PromiseState-2a8c856c.js';
 import 'typed-emitter';
 import 'events';
 

package/dist/plugins.mjs

@@ -1,10 +1,10 @@
 export { ToastPlugin } from './chunk-N4XCPX4L.mjs';
-import { DialogStore } from './chunk-QO5RPRUY.mjs';
-export { DialogStore } from './chunk-QO5RPRUY.mjs';
-import { useStore } from './chunk-OCLML5CM.mjs';
-import './chunk-XJMRAPHI.mjs';
-import { cn } from './chunk-AIZ7XDNV.mjs';
-import { __spreadValues } from './chunk-R4SQKVDQ.mjs';
+import { DialogStore } from './chunk-WAYJJYKN.mjs';
+export { DialogStore } from './chunk-WAYJJYKN.mjs';
+import { useStore } from './chunk-SXQEYWUP.mjs';
+import './chunk-HRWHDF2F.mjs';
+import { cn } from './chunk-6UHBBDKI.mjs';
+import { __spreadValues } from './chunk-6F7H4PAA.mjs';
 import { makeAutoObservable } from 'mobx';
 import React from 'react';
 import { observer } from 'mobx-react-lite';

package/dist/{root-C3lZnoCI.d.ts → root-766ae985.d.ts}

@@ -106,4 +106,4 @@ declare class RootStore<T extends EventMap = any> {
     }, ann?: any): T;
 }
 
-export { type BaseState as B, type EventMap as E, NumberState as N, RootStore as R, Store as S, ValueState as V, type StoreClass as a, StringState as b, BooleanState as c };
+export { BaseState as B, EventMap as E, NumberState as N, RootStore as R, Store as S, ValueState as V, StoreClass as a, StringState as b, BooleanState as c };

package/dist/ui.mjs

@@ -1,6 +1,6 @@
-import './chunk-7FI42NGB.mjs';
-import { cn } from './chunk-AIZ7XDNV.mjs';
-import './chunk-R4SQKVDQ.mjs';
+import './chunk-U7JFOBSQ.mjs';
+import { cn } from './chunk-6UHBBDKI.mjs';
+import './chunk-6F7H4PAA.mjs';
 import { Card } from '@nextui-org/react';
 import React from 'react';
 import { CheckIcon, CopyIcon } from '@radix-ui/react-icons';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dappworks/kit",
-  "version": "0.4.66",
+  "version": "0.4.68",
   "description": "",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",