@yamada-ui/charts 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Hirotomo Yamada
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,28 @@
+# @yamada-ui/charts
+
+## Installation
+
+```sh
+$ pnpm add @yamada-ui/charts
+```
+
+or
+
+```sh
+$ yarn add @yamada-ui/charts
+```
+
+or
+
+```sh
+$ npm install @yamada-ui/charts
+```
+
+## Contribution
+
+Wouldn't you like to contribute? That's amazing! We have prepared a [contribution guide](./CONTRIBUTING.md) to assist you.
+
+## License
+
+This package is licensed under the terms of the
+[MIT license](https://github.com/hirotomoyamada/yamada-ui/blob/main/LICENSE).

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,36 @@
+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;
+declare const AreaChart: _yamada_ui_core.Component<"div", AreaChartProps>;
+
+export { AreaChart, type AreaChartProps };

package/dist/area-chart.d.ts

@@ -0,0 +1,36 @@
+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;
+declare const AreaChart: _yamada_ui_core.Component<"div", AreaChartProps>;
+
+export { AreaChart, type AreaChartProps };