@yamada-ui/charts 1.1.8 → 1.1.9-dev-20240624102031

package/dist/area-chart.d.mts

@@ -8,8 +8,8 @@ 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 'recharts/types/chart/generateCategoricalChart';
 import '@yamada-ui/utils';
+import 'recharts/types/chart/generateCategoricalChart';
 import 'recharts';
 import './area-chart-gradient.mjs';
 import 'react/jsx-runtime';

package/dist/area-chart.d.ts

@@ -8,8 +8,8 @@ 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 'recharts/types/chart/generateCategoricalChart';
 import '@yamada-ui/utils';
+import 'recharts/types/chart/generateCategoricalChart';
 import 'recharts';
 import './area-chart-gradient.js';
 import 'react/jsx-runtime';

package/dist/chart-utils.d.mts

@@ -2,7 +2,7 @@ import { StyledTheme } from '@yamada-ui/core';
 import { Dict } from '@yamada-ui/utils';
 
 declare const getClassName: (...styles: (Dict | string | undefined)[]) => (theme: StyledTheme) => string;
-declare const getComponentProps: <T extends Dict, K extends keyof T>([obj, keys]: [T, K[]], ...props: (Dict | string | undefined)[]) => <P extends boolean = false>(theme: StyledTheme, isContain?: P) => P extends false ? [{ [P_1 in K]: T[P_1]; }, string] : { [P_2 in K]: T[P_2]; } & {
+declare const getComponentProps: <T extends Dict, K extends keyof T>([obj, keys]: [T, K[]], ...props: (Dict | string | undefined)[]) => <P extends boolean = false>(theme: StyledTheme, isContain?: P) => P extends false ? [{ [P_1 in K]: T[P_1]; }, string] : { [P_1 in K]: T[P_1]; } & {
     className: string;
 };
 

package/dist/chart-utils.d.ts

@@ -2,7 +2,7 @@ import { StyledTheme } from '@yamada-ui/core';
 import { Dict } from '@yamada-ui/utils';
 
 declare const getClassName: (...styles: (Dict | string | undefined)[]) => (theme: StyledTheme) => string;
-declare const getComponentProps: <T extends Dict, K extends keyof T>([obj, keys]: [T, K[]], ...props: (Dict | string | undefined)[]) => <P extends boolean = false>(theme: StyledTheme, isContain?: P) => P extends false ? [{ [P_1 in K]: T[P_1]; }, string] : { [P_2 in K]: T[P_2]; } & {
+declare const getComponentProps: <T extends Dict, K extends keyof T>([obj, keys]: [T, K[]], ...props: (Dict | string | undefined)[]) => <P extends boolean = false>(theme: StyledTheme, isContain?: P) => P extends false ? [{ [P_1 in K]: T[P_1]; }, string] : { [P_1 in K]: T[P_1]; } & {
     className: string;
 };
 

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

@@ -1,8 +1,9 @@
 import * as react from 'react';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIObject } from '@yamada-ui/core';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { AreaGradientProps } from './area-chart-gradient.mjs';
 import { AreaSplitProps } from './area-chart-split.mjs';
@@ -110,10 +111,10 @@ declare const useAreaChart: ({ data, series, type, layoutType, withGradient: wit
     }, Omit<Recharts.AreaProps, "ref">>;
     getAreaGradientProps: ChartPropGetter<"div", Partial<AreaGradientProps>, AreaGradientProps>;
     areaVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     setHighlightedArea: react.Dispatch<react.SetStateAction<string | null>>;
 };

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

@@ -1,8 +1,9 @@
 import * as react from 'react';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIObject } from '@yamada-ui/core';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { AreaGradientProps } from './area-chart-gradient.js';
 import { AreaSplitProps } from './area-chart-split.js';
@@ -110,10 +111,10 @@ declare const useAreaChart: ({ data, series, type, layoutType, withGradient: wit
     }, Omit<Recharts.AreaProps, "ref">>;
     getAreaGradientProps: ChartPropGetter<"div", Partial<AreaGradientProps>, AreaGradientProps>;
     areaVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     setHighlightedArea: react.Dispatch<react.SetStateAction<string | null>>;
 };

package/dist/use-bar-chart.d.mts

@@ -1,8 +1,9 @@
 import * as react from 'react';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIObject } from '@yamada-ui/core';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { BarProps, BarChartType, ChartLayoutType, BarChartProps, ReferenceLineProps, RequiredChartPropGetter, ChartPropGetter } from './chart.types.mjs';
 
@@ -56,10 +57,10 @@ type UseBarChartProps = UseBarChartOptions & {
 };
 declare const useBarChart: ({ data, series, type, layoutType, referenceLineProps, fillOpacity, syncId, styles, ...rest }: UseBarChartProps) => {
     barVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     getBarProps: RequiredChartPropGetter<"div", {
         index: number;

package/dist/use-bar-chart.d.ts

@@ -1,8 +1,9 @@
 import * as react from 'react';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIObject } from '@yamada-ui/core';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { BarProps, BarChartType, ChartLayoutType, BarChartProps, ReferenceLineProps, RequiredChartPropGetter, ChartPropGetter } from './chart.types.js';
 
@@ -56,10 +57,10 @@ type UseBarChartProps = UseBarChartOptions & {
 };
 declare const useBarChart: ({ data, series, type, layoutType, referenceLineProps, fillOpacity, syncId, styles, ...rest }: UseBarChartProps) => {
     barVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     getBarProps: RequiredChartPropGetter<"div", {
         index: number;

package/dist/use-line-chart.d.mts

@@ -1,8 +1,9 @@
 import * as react from 'react';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIObject } from '@yamada-ui/core';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { LineProps, LineChartProps, ChartLayoutType, ChartCurveType, ReferenceLineProps, RequiredChartPropGetter, ChartPropGetter } from './chart.types.mjs';
 
@@ -84,10 +85,10 @@ declare const useLineChart: ({ data, series, layoutType, withDots, withActiveDot
     }, Omit<Recharts.LineProps, "ref">>;
     getLineChartProps: ChartPropGetter<"div", recharts_types_chart_generateCategoricalChart.CategoricalChartProps, recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
     lineVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     setHighlightedArea: react.Dispatch<react.SetStateAction<string | null>>;
 };

package/dist/use-line-chart.d.ts

@@ -1,8 +1,9 @@
 import * as react from 'react';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIObject } from '@yamada-ui/core';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { LineProps, LineChartProps, ChartLayoutType, ChartCurveType, ReferenceLineProps, RequiredChartPropGetter, ChartPropGetter } from './chart.types.js';
 
@@ -84,10 +85,10 @@ declare const useLineChart: ({ data, series, layoutType, withDots, withActiveDot
     }, Omit<Recharts.LineProps, "ref">>;
     getLineChartProps: ChartPropGetter<"div", recharts_types_chart_generateCategoricalChart.CategoricalChartProps, recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
     lineVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     setHighlightedArea: react.Dispatch<react.SetStateAction<string | null>>;
 };

package/dist/use-pie-chart.d.mts

@@ -1,8 +1,9 @@
 import * as react from 'react';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIObject } from '@yamada-ui/core';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { CellProps, PieChartProps, PieProps, RequiredChartPropGetter, ChartPropGetter } from './chart.types.mjs';
 
@@ -91,10 +92,10 @@ type UsePieChartProps = UsePieChartOptions & {
 };
 declare const usePieChart: ({ data, withLabels, withLabelLines, strokeWidth, fillOpacity, innerRadius, outerRadius, paddingAngle, startAngle, endAngle, styles, ...rest }: UsePieChartProps) => {
     pieVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     getPieProps: RequiredChartPropGetter<"div", Partial<Recharts.PieProps> & {
         labelClassName: string;

package/dist/use-pie-chart.d.ts

@@ -1,8 +1,9 @@
 import * as react from 'react';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIObject } from '@yamada-ui/core';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { CellProps, PieChartProps, PieProps, RequiredChartPropGetter, ChartPropGetter } from './chart.types.js';
 
@@ -91,10 +92,10 @@ type UsePieChartProps = UsePieChartOptions & {
 };
 declare const usePieChart: ({ data, withLabels, withLabelLines, strokeWidth, fillOpacity, innerRadius, outerRadius, paddingAngle, startAngle, endAngle, styles, ...rest }: UsePieChartProps) => {
     pieVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     getPieProps: RequiredChartPropGetter<"div", Partial<Recharts.PieProps> & {
         labelClassName: string;

package/dist/use-radar-chart.d.mts

@@ -1,8 +1,9 @@
 import * as react from 'react';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIProps, CSSUIObject } from '@yamada-ui/core';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { RadarProps, RadarChartProps, PolarGridProps, PolarAngleAxisProps, PolarRadiusAxisProps, ChartPropGetter, RequiredChartPropGetter } from './chart.types.mjs';
 
@@ -85,10 +86,10 @@ type UseRadarChartProps = UseRadarChartOptions & {
 };
 declare const useRadarChart: ({ data, series, dataKey, withDots, withActiveDots, strokeWidth, fillOpacity, valueFormatter, strokeDasharray, styles, ...rest }: UseRadarChartProps) => {
     radarVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     getRadarChartProps: ChartPropGetter<"div", recharts_types_chart_generateCategoricalChart.CategoricalChartProps, recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
     getRadarProps: RequiredChartPropGetter<"div", {

package/dist/use-radar-chart.d.ts

@@ -1,8 +1,9 @@
 import * as react from 'react';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
+import * as _yamada_ui_utils from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { CSSUIProps, CSSUIObject } from '@yamada-ui/core';
-import { Dict } from '@yamada-ui/utils';
 import * as Recharts from 'recharts';
 import { RadarProps, RadarChartProps, PolarGridProps, PolarAngleAxisProps, PolarRadiusAxisProps, ChartPropGetter, RequiredChartPropGetter } from './chart.types.js';
 
@@ -85,10 +86,10 @@ type UseRadarChartProps = UseRadarChartOptions & {
 };
 declare const useRadarChart: ({ data, series, dataKey, withDots, withActiveDots, strokeWidth, fillOpacity, valueFormatter, strokeDasharray, styles, ...rest }: UseRadarChartProps) => {
     radarVars: {
-        __prefix?: string | undefined;
+        __prefix?: string;
         name: string;
-        token?: "colors" | "transitionDuration" | "transitionProperty" | "animations" | "blurs" | "borders" | "breakpoints" | "fonts" | "fontSizes" | "fontWeights" | "gradients" | "layerStyles" | "letterSpacings" | "lineHeights" | "radii" | "shadows" | "sizes" | "spaces" | "textStyles" | "transitionEasing" | "zIndices" | undefined;
-        value?: (string | number | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", string | number>> | _yamada_ui_core.ColorModeArray<string | number>) | undefined;
+        token?: keyof Omit<_yamada_ui_core.Theme, "components" | "colorSchemes" | "themeSchemes">;
+        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
     }[];
     getRadarChartProps: ChartPropGetter<"div", recharts_types_chart_generateCategoricalChart.CategoricalChartProps, recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
     getRadarProps: RequiredChartPropGetter<"div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/charts",
-  "version": "1.1.8",
+  "version": "1.1.9-dev-20240624102031",
   "description": "Yamada UI charts component",
   "keywords": [
     "yamada",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "recharts": "^2.12.4",
-    "@yamada-ui/core": "1.8.0",
+    "@yamada-ui/core": "1.9.0-dev-20240624102031",
     "@yamada-ui/utils": "1.3.0"
   },
   "devDependencies": {