@yamada-ui/charts 1.5.4-dev-20241005224505 → 1.5.4-dev-20241006000212

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

@@ -1,10 +1,10 @@
 import { FC } from '@yamada-ui/core';
 
 interface AreaGradientProps {
+    fillOpacity: number | string;
     id?: string;
     color?: string;
     withGradient?: boolean;
-    fillOpacity: number | string;
 }
 declare const AreaGradient: FC<AreaGradientProps>;
 

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

@@ -1,10 +1,10 @@
 import { FC } from '@yamada-ui/core';
 
 interface AreaGradientProps {
+    fillOpacity: number | string;
     id?: string;
     color?: string;
     withGradient?: boolean;
-    fillOpacity: number | string;
 }
 declare const AreaGradient: FC<AreaGradientProps>;
 

package/dist/area-chart-gradient.js

@@ -26,18 +26,18 @@ __export(area_chart_gradient_exports, {
 module.exports = __toCommonJS(area_chart_gradient_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var AreaGradient = ({
-  color,
   id,
-  withGradient,
-  fillOpacity
+  color,
+  fillOpacity,
+  withGradient
 }) => {
   if (withGradient) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id, x1: "0", x2: "0", y1: "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 }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("linearGradient", { id, x1: "0", x2: "0", y1: "0", y2: "1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { stopColor: color, stopOpacity: fillOpacity }) });
   }
 };
 AreaGradient.displayName = "AreaGradient";

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/area-chart-gradient.tsx"],"sourcesContent":["import { FC } from \"@yamada-ui/core\"\n\nexport interface AreaGradientProps {\n  id?: string\n  color?: string\n  withGradient?: boolean\n  fillOpacity: number | string\n}\n\nexport const AreaGradient: FC<AreaGradientProps> = ({\n  color,\n  id,\n  withGradient,\n  fillOpacity,\n}) => {\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\nAreaGradient.displayName = \"AreaGradient\"\nAreaGradient.__ui__ = \"AreaGradient\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBM;AARC,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,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;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}
+{"version":3,"sources":["../src/area-chart-gradient.tsx"],"sourcesContent":["import type { FC } from \"@yamada-ui/core\"\n\nexport interface AreaGradientProps {\n  fillOpacity: number | string\n  id?: string\n  color?: string\n  withGradient?: boolean\n}\n\nexport const AreaGradient: FC<AreaGradientProps> = ({\n  id,\n  color,\n  fillOpacity,\n  withGradient,\n}) => {\n  if (withGradient) {\n    return (\n      <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"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\" x2=\"0\" y1=\"0\" y2=\"1\">\n        <stop stopColor={color} stopOpacity={fillOpacity} />\n      </linearGradient>\n    )\n  }\n}\n\nAreaGradient.displayName = \"AreaGradient\"\nAreaGradient.__ui__ = \"AreaGradient\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBM;AARC,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,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;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}

package/dist/area-chart-gradient.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AreaGradient
-} from "./chunk-EE6KEX6V.mjs";
+} from "./chunk-U325CYNR.mjs";
 export {
   AreaGradient
 };

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

@@ -1,9 +1,9 @@
 import { FC } from '@yamada-ui/core';
 
 interface AreaSplitProps {
+    fillOpacity: number | string | undefined;
     offset: number;
     id?: string;
-    fillOpacity: number | string | undefined;
 }
 declare const AreaSplit: FC<AreaSplitProps>;
 

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

@@ -1,9 +1,9 @@
 import { FC } from '@yamada-ui/core';
 
 interface AreaSplitProps {
+    fillOpacity: number | string | undefined;
     offset: number;
     id?: string;
-    fillOpacity: number | string | undefined;
 }
 declare const AreaSplit: FC<AreaSplitProps>;
 

package/dist/area-chart-split.js

@@ -26,9 +26,9 @@ __export(area_chart_split_exports, {
 module.exports = __toCommonJS(area_chart_split_exports);
 var import_core = require("@yamada-ui/core");
 var import_jsx_runtime = require("react/jsx-runtime");
-var AreaSplit = ({ offset, id, fillOpacity }) => {
+var AreaSplit = ({ id, fillOpacity, offset }) => {
   const { theme } = (0, import_core.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id, x1: "0", x2: "0", y1: "0", y2: "1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "stop",
       {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/area-chart-split.tsx"],"sourcesContent":["import { FC, getVar, useTheme } from \"@yamada-ui/core\"\n\nexport interface AreaSplitProps {\n  offset: number\n  id?: string\n  fillOpacity: number | string | undefined\n}\n\nexport const AreaSplit: FC<AreaSplitProps> = ({ offset, id, fillOpacity }) => {\n  const { theme } = useTheme()\n\n  return (\n    <linearGradient id={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n      <stop\n        offset={offset}\n        stopColor={getVar(`area-split-0`)(theme)}\n        stopOpacity={fillOpacity ?? 0.4}\n      />\n      <stop\n        offset={offset}\n        stopColor={getVar(`area-split-1`)(theme)}\n        stopOpacity={fillOpacity ?? 0.4}\n      />\n    </linearGradient>\n  )\n}\n\nAreaSplit.displayName = \"AreaSplit\"\nAreaSplit.__ui__ = \"AreaSplit\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AAYjC;AAJG,IAAM,YAAgC,CAAC,EAAE,QAAQ,IAAI,YAAY,MAAM;AAC5E,QAAM,EAAE,MAAM,QAAI,sBAAS;AAE3B,SACE,6CAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,oBAAO,cAAc,EAAE,KAAK;AAAA,QACvC,aAAa,oCAAe;AAAA;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,oBAAO,cAAc,EAAE,KAAK;AAAA,QACvC,aAAa,oCAAe;AAAA;AAAA,IAC9B;AAAA,KACF;AAEJ;AAEA,UAAU,cAAc;AACxB,UAAU,SAAS;","names":[]}
+{"version":3,"sources":["../src/area-chart-split.tsx"],"sourcesContent":["import type { FC } from \"@yamada-ui/core\"\nimport { getVar, useTheme } from \"@yamada-ui/core\"\n\nexport interface AreaSplitProps {\n  fillOpacity: number | string | undefined\n  offset: number\n  id?: string\n}\n\nexport const AreaSplit: FC<AreaSplitProps> = ({ id, fillOpacity, offset }) => {\n  const { theme } = useTheme()\n\n  return (\n    <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n      <stop\n        offset={offset}\n        stopColor={getVar(`area-split-0`)(theme)}\n        stopOpacity={fillOpacity ?? 0.4}\n      />\n      <stop\n        offset={offset}\n        stopColor={getVar(`area-split-1`)(theme)}\n        stopOpacity={fillOpacity ?? 0.4}\n      />\n    </linearGradient>\n  )\n}\n\nAreaSplit.displayName = \"AreaSplit\"\nAreaSplit.__ui__ = \"AreaSplit\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAiC;AAY7B;AAJG,IAAM,YAAgC,CAAC,EAAE,IAAI,aAAa,OAAO,MAAM;AAC5E,QAAM,EAAE,MAAM,QAAI,sBAAS;AAE3B,SACE,6CAAC,oBAAe,IAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC9C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,oBAAO,cAAc,EAAE,KAAK;AAAA,QACvC,aAAa,oCAAe;AAAA;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,oBAAO,cAAc,EAAE,KAAK;AAAA,QACvC,aAAa,oCAAe;AAAA;AAAA,IAC9B;AAAA,KACF;AAEJ;AAEA,UAAU,cAAc;AACxB,UAAU,SAAS;","names":[]}

package/dist/area-chart-split.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AreaSplit
-} from "./chunk-AYVZF37W.mjs";
+} from "./chunk-OG5CVPPV.mjs";
 export {
   AreaSplit
 };

package/dist/area-chart.d.mts

@@ -7,29 +7,29 @@ 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 'recharts/types/chart/generateCategoricalChart';
 import 'react';
 import '@yamada-ui/utils';
-import 'recharts/types/chart/generateCategoricalChart';
 import 'recharts';
 import './area-chart-gradient.mjs';
 import './area-chart-split.mjs';
 import './chart.types.mjs';
 
 interface AreaChartOptions {
-    /**
-     * If `true`, tooltip is visible.
-     *
-     * @default true
-     */
-    withTooltip?: boolean;
     /**
      * If `true`, legend is visible.
      *
      * @default false
      */
     withLegend?: boolean;
+    /**
+     * If `true`, tooltip is visible.
+     *
+     * @default true
+     */
+    withTooltip?: boolean;
 }
-interface AreaChartProps extends Omit<HTMLUIProps, "strokeWidth" | "fillOpacity" | "strokeDasharray">, ThemeProps<"AreaChart">, AreaChartOptions, UseAreaChartOptions, UseChartProps, UseChartAxisOptions, UseChartReferenceLineOptions, UseChartGridOptions, UseChartTooltipOptions, UseChartLegendProps {
+interface AreaChartProps extends Omit<HTMLUIProps, "fillOpacity" | "strokeDasharray" | "strokeWidth">, ThemeProps<"AreaChart">, AreaChartOptions, UseAreaChartOptions, UseChartProps, UseChartAxisOptions, UseChartReferenceLineOptions, UseChartGridOptions, UseChartTooltipOptions, UseChartLegendProps {
 }
 /**
  * `AreaChart` is a component for drawing area charts to compare multiple sets of data.

package/dist/area-chart.d.ts

@@ -7,29 +7,29 @@ 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 'recharts/types/chart/generateCategoricalChart';
 import 'react';
 import '@yamada-ui/utils';
-import 'recharts/types/chart/generateCategoricalChart';
 import 'recharts';
 import './area-chart-gradient.js';
 import './area-chart-split.js';
 import './chart.types.js';
 
 interface AreaChartOptions {
-    /**
-     * If `true`, tooltip is visible.
-     *
-     * @default true
-     */
-    withTooltip?: boolean;
     /**
      * If `true`, legend is visible.
      *
      * @default false
      */
     withLegend?: boolean;
+    /**
+     * If `true`, tooltip is visible.
+     *
+     * @default true
+     */
+    withTooltip?: boolean;
 }
-interface AreaChartProps extends Omit<HTMLUIProps, "strokeWidth" | "fillOpacity" | "strokeDasharray">, ThemeProps<"AreaChart">, AreaChartOptions, UseAreaChartOptions, UseChartProps, UseChartAxisOptions, UseChartReferenceLineOptions, UseChartGridOptions, UseChartTooltipOptions, UseChartLegendProps {
+interface AreaChartProps extends Omit<HTMLUIProps, "fillOpacity" | "strokeDasharray" | "strokeWidth">, ThemeProps<"AreaChart">, AreaChartOptions, UseAreaChartOptions, UseChartProps, UseChartAxisOptions, UseChartReferenceLineOptions, UseChartGridOptions, UseChartTooltipOptions, UseChartLegendProps {
 }
 /**
  * `AreaChart` is a component for drawing area charts to compare multiple sets of data.