@yamada-ui/charts 1.1.2 → 1.1.4-dev-20240508155232

package/dist/area-chart-gradient.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AreaGradientProps = {
+    id?: string;
+    color?: string;
+    withGradient?: boolean;
+    fillOpacity: number | string;
+};
+declare const AreaGradient: ({ color, id, withGradient, fillOpacity, }: AreaGradientProps) => react_jsx_runtime.JSX.Element;
+
+export { AreaGradient, type AreaGradientProps };

package/dist/area-chart-gradient.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AreaGradientProps = {
+    id?: string;
+    color?: string;
+    withGradient?: boolean;
+    fillOpacity: number | string;
+};
+declare const AreaGradient: ({ color, id, withGradient, fillOpacity, }: AreaGradientProps) => react_jsx_runtime.JSX.Element;
+
+export { AreaGradient, type AreaGradientProps };

package/dist/area-chart-gradient.js

@@ -0,0 +1,47 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/area-chart-gradient.tsx
+var area_chart_gradient_exports = {};
+__export(area_chart_gradient_exports, {
+  AreaGradient: () => AreaGradient
+});
+module.exports = __toCommonJS(area_chart_gradient_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var AreaGradient = ({
+  color,
+  id,
+  withGradient,
+  fillOpacity
+}) => {
+  if (withGradient) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: color, stopOpacity: fillOpacity }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: color, stopOpacity: 0.01 })
+    ] });
+  } else {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { stopColor: color, stopOpacity: fillOpacity }) });
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AreaGradient
+});
+//# sourceMappingURL=area-chart-gradient.js.map

package/dist/area-chart-gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/area-chart-gradient.tsx"],"sourcesContent":["export type AreaGradientProps = {\n  id?: string\n  color?: string\n  withGradient?: boolean\n  fillOpacity: number | string\n}\n\nexport const AreaGradient = ({\n  color,\n  id,\n  withGradient,\n  fillOpacity,\n}: AreaGradientProps) => {\n  if (withGradient) {\n    return (\n      <linearGradient id={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop offset=\"0%\" stopColor={color} stopOpacity={fillOpacity} />\n        <stop offset=\"100%\" stopColor={color} stopOpacity={0.01} />\n      </linearGradient>\n    )\n  } else {\n    return (\n      <linearGradient id={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop stopColor={color} stopOpacity={fillOpacity} />\n      </linearGradient>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM;AARC,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,MAAI,cAAc;AAChB,WACE,6CAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C;AAAA,kDAAC,UAAK,QAAO,MAAK,WAAW,OAAO,aAAa,aAAa;AAAA,MAC9D,4CAAC,UAAK,QAAO,QAAO,WAAW,OAAO,aAAa,MAAM;AAAA,OAC3D;AAAA,EAEJ,OAAO;AACL,WACE,4CAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C,sDAAC,UAAK,WAAW,OAAO,aAAa,aAAa,GACpD;AAAA,EAEJ;AACF;","names":[]}

package/dist/area-chart-gradient.mjs

@@ -0,0 +1,8 @@
+"use client"
+import {
+  AreaGradient
+} from "./chunk-MSIOYYWR.mjs";
+export {
+  AreaGradient
+};
+//# sourceMappingURL=area-chart-gradient.mjs.map

package/dist/area-chart-gradient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/area-chart-split.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AreaSplitProps = {
+    offset: number;
+    id?: string;
+    fillOpacity: number | string | undefined;
+};
+declare const AreaSplit: ({ offset, id, fillOpacity }: AreaSplitProps) => react_jsx_runtime.JSX.Element;
+
+export { AreaSplit, type AreaSplitProps };

package/dist/area-chart-split.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AreaSplitProps = {
+    offset: number;
+    id?: string;
+    fillOpacity: number | string | undefined;
+};
+declare const AreaSplit: ({ offset, id, fillOpacity }: AreaSplitProps) => react_jsx_runtime.JSX.Element;
+
+export { AreaSplit, type AreaSplitProps };

package/dist/area-chart-split.js

@@ -0,0 +1,52 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/area-chart-split.tsx
+var area_chart_split_exports = {};
+__export(area_chart_split_exports, {
+  AreaSplit: () => AreaSplit
+});
+module.exports = __toCommonJS(area_chart_split_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var AreaSplit = ({ offset, id, fillOpacity }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "stop",
+      {
+        offset,
+        stopColor: "var(--ui-area-split-0)",
+        stopOpacity: fillOpacity != null ? fillOpacity : 0.4
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "stop",
+      {
+        offset,
+        stopColor: "var(--ui-area-split-1)",
+        stopOpacity: fillOpacity != null ? fillOpacity : 0.4
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AreaSplit
+});
+//# sourceMappingURL=area-chart-split.js.map

package/dist/area-chart-split.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/area-chart-split.tsx"],"sourcesContent":["export type AreaSplitProps = {\n  offset: number\n  id?: string\n  fillOpacity: number | string | undefined\n}\n\nexport const AreaSplit = ({ offset, id, fillOpacity }: AreaSplitProps) => {\n  return (\n    <linearGradient id={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n      <stop\n        offset={offset}\n        stopColor=\"var(--ui-area-split-0)\"\n        stopOpacity={fillOpacity ?? 0.4}\n      />\n      <stop\n        offset={offset}\n        stopColor=\"var(--ui-area-split-1)\"\n        stopOpacity={fillOpacity ?? 0.4}\n      />\n    </linearGradient>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AAFG,IAAM,YAAY,CAAC,EAAE,QAAQ,IAAI,YAAY,MAAsB;AACxE,SACE,6CAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,aAAa,oCAAe;AAAA;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,aAAa,oCAAe;AAAA;AAAA,IAC9B;AAAA,KACF;AAEJ;","names":[]}

package/dist/area-chart-split.mjs

@@ -0,0 +1,8 @@
+"use client"
+import {
+  AreaSplit
+} from "./chunk-PNE3JG54.mjs";
+export {
+  AreaSplit
+};
+//# sourceMappingURL=area-chart-split.mjs.map

package/dist/area-chart-split.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/area-chart.d.mts

@@ -0,0 +1,41 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps, ThemeProps } from '@yamada-ui/core';
+import { UseAreaChartOptions } from './use-area-chart.mjs';
+import { UseChartProps } from './use-chart.mjs';
+import { UseChartAxisOptions } from './use-chart-axis.mjs';
+import { UseChartGridOptions } from './use-chart-grid.mjs';
+import { UseChartLegendProps } from './use-chart-legend.mjs';
+import { UseChartReferenceLineOptions } from './use-chart-reference-line.mjs';
+import { UseChartTooltipOptions } from './use-chart-tooltip.mjs';
+import 'react';
+import '@yamada-ui/utils';
+import 'recharts/types/chart/generateCategoricalChart';
+import 'recharts';
+import './area-chart-gradient.mjs';
+import 'react/jsx-runtime';
+import './area-chart-split.mjs';
+import './chart.types.mjs';
+
+type AreaChartOptions = {
+    /**
+     * If `true`, tooltip is visible.
+     *
+     * @default true
+     */
+    withTooltip?: boolean;
+    /**
+     * If `true`, legend is visible.
+     *
+     * @default false
+     */
+    withLegend?: boolean;
+};
+type AreaChartProps = HTMLUIProps<"div"> & ThemeProps<"AreaChart"> & AreaChartOptions & UseAreaChartOptions & UseChartProps & UseChartAxisOptions & UseChartReferenceLineOptions & UseChartGridOptions & UseChartTooltipOptions & UseChartLegendProps;
+/**
+ * `AreaChart` is a component for drawing area charts to compare multiple sets of data.
+ *
+ * @see Docs https://yamada-ui.com/components/feedback/area-chart
+ */
+declare const AreaChart: _yamada_ui_core.Component<"div", AreaChartProps>;
+
+export { AreaChart, type AreaChartProps };

package/dist/area-chart.d.ts

@@ -0,0 +1,41 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps, ThemeProps } from '@yamada-ui/core';
+import { UseAreaChartOptions } from './use-area-chart.js';
+import { UseChartProps } from './use-chart.js';
+import { UseChartAxisOptions } from './use-chart-axis.js';
+import { UseChartGridOptions } from './use-chart-grid.js';
+import { UseChartLegendProps } from './use-chart-legend.js';
+import { UseChartReferenceLineOptions } from './use-chart-reference-line.js';
+import { UseChartTooltipOptions } from './use-chart-tooltip.js';
+import 'react';
+import '@yamada-ui/utils';
+import 'recharts/types/chart/generateCategoricalChart';
+import 'recharts';
+import './area-chart-gradient.js';
+import 'react/jsx-runtime';
+import './area-chart-split.js';
+import './chart.types.js';
+
+type AreaChartOptions = {
+    /**
+     * If `true`, tooltip is visible.
+     *
+     * @default true
+     */
+    withTooltip?: boolean;
+    /**
+     * If `true`, legend is visible.
+     *
+     * @default false
+     */
+    withLegend?: boolean;
+};
+type AreaChartProps = HTMLUIProps<"div"> & ThemeProps<"AreaChart"> & AreaChartOptions & UseAreaChartOptions & UseChartProps & UseChartAxisOptions & UseChartReferenceLineOptions & UseChartGridOptions & UseChartTooltipOptions & UseChartLegendProps;
+/**
+ * `AreaChart` is a component for drawing area charts to compare multiple sets of data.
+ *
+ * @see Docs https://yamada-ui.com/components/feedback/area-chart
+ */
+declare const AreaChart: _yamada_ui_core.Component<"div", AreaChartProps>;
+
+export { AreaChart, type AreaChartProps };