@yamada-ui/react 2.0.10-dev-20260301102815 → 2.1.0-dev-20260302130356

package/dist/types/components/chart/cartesian-chart.d.ts

@@ -0,0 +1,311 @@
+import { Dict, Merge } from "../../utils/index.js";
+import { ThemeProps } from "../../core/system/index.types.js";
+import { CSSProps } from "../../core/css/index.types.js";
+import { Component, GenericsComponent, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { CartesianChartStyle } from "./cartesian-chart.style.js";
+import { ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartProps, ChartTickLine } from "./chart.js";
+import { UseChartAreaProps, UseChartBarProps, UseChartGridProps, UseChartLineProps, UseChartReferenceLineProps, UseChartXAxisProps, UseChartYAxisProps } from "./use-cartesian-chart.js";
+import "../../index.js";
+import { ReactElement, ReactNode } from "react";
+import { XAxisTickContentProps, YAxisTickContentProps } from "recharts/types/util/types";
+
+//#region src/components/chart/cartesian-chart.d.ts
+interface CartesianChartProps$1<Y extends Dict = Dict> extends ChartProps<Y>, ThemeProps<CartesianChartStyle> {
+  /**
+   * The fill color of the active dots.
+   */
+  activeDotFill?: CSSProps["fill"];
+  /**
+   * The radius of the active dots.
+   */
+  activeDotRadius?: CSSProps["r"];
+  /**
+   * The stroke color of the active dots.
+   */
+  activeDotStroke?: CSSProps["stroke"];
+  /**
+   * The stroke width of the active dots.
+   */
+  activeDotStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The fill opacity of the area.
+   */
+  areaFillOpacity?: CSSProps["fillOpacity"];
+  /**
+   * The fill color of the dots.
+   */
+  dotFill?: CSSProps["fill"];
+  /**
+   * The radius of the dots.
+   */
+  dotRadius?: CSSProps["r"];
+  /**
+   * The stroke color of the dots.
+   */
+  dotStroke?: CSSProps["stroke"];
+  /**
+   * The stroke width of the dots.
+   */
+  dotStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The stroke color of the grid.
+   */
+  gridStroke?: CSSProps["stroke"];
+  /**
+   * The opacity of the inactive lines.
+   */
+  inactiveLineOpacity?: CSSProps["opacity"];
+  /**
+   * The color of the lines.
+   */
+  lineColor?: CSSProps["color"];
+  /**
+   * The stroke color of the lines.
+   */
+  lineStroke?: CSSProps["stroke"];
+  /**
+   * The stroke width of the lines.
+   */
+  lineStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The color of the reference lines.
+   */
+  referenceLineColor?: CSSProps["color"];
+  /**
+   * The stroke color of the reference lines.
+   */
+  referenceLineStroke?: CSSProps["stroke"];
+  /**
+   * The stroke width of the reference lines.
+   */
+  referenceLineStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The text color of the reference lines.
+   */
+  referenceLineTextColor?: CSSProps["color"];
+  /**
+   * The text fill color of the reference lines.
+   */
+  referenceLineTextFill?: CSSProps["fill"];
+  /**
+   * If `true`, grid is visible.
+   *
+   * @default true
+   */
+  withGrid?: boolean;
+  /**
+   * If `true`, X axis is visible.
+   *
+   * @default true
+   */
+  withXAxis?: boolean;
+  /**
+   * If `true`, Y axis is visible.
+   *
+   * @default false
+   */
+  withYAxis?: boolean;
+  /**
+   * The stroke color of the x-axis lines.
+   */
+  xAxisLineStroke?: CSSProps["stroke"];
+  /**
+   * The stroke width of the x-axis lines.
+   */
+  xAxisLineStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The text color of the x-axis.
+   */
+  xAxisTextColor?: CSSProps["color"];
+  /**
+   * The text fill color of the x-axis.
+   */
+  xAxisTextFill?: CSSProps["fill"];
+  /**
+   * The stroke color of the y-axis lines.
+   */
+  yAxisLineStroke?: CSSProps["stroke"];
+  /**
+   * The stroke width of the y-axis lines.
+   */
+  yAxisLineStrokeWidth?: CSSProps["strokeWidth"];
+  /**
+   * The text color of the y-axis.
+   */
+  yAxisTextColor?: CSSProps["color"];
+  /**
+   * The text fill color of the y-axis.
+   */
+  yAxisTextFill?: CSSProps["fill"];
+  /**
+   * Props for the area component.
+   */
+  areaProps?: Omit<ChartAreaProps, "data" | "dataKey">;
+  /**
+   * Props for the bar component.
+   */
+  barProps?: Omit<ChartBarProps, "dataKey">;
+  /**
+   * Props for the grid component.
+   */
+  gridProps?: ChartGridProps;
+  /**
+   * Props for the line component.
+   */
+  lineProps?: Omit<ChartLineProps, "data" | "dataKey">;
+  /**
+   * Props for the reference line component.
+   */
+  referenceLineProps?: ChartReferenceLineProps;
+  /**
+   * Props for the x axis component.
+   */
+  xAxisProps?: ChartXAxisProps;
+  /**
+   * Props for the y axis component.
+   */
+  yAxisProps?: ChartYAxisProps;
+}
+declare const CartesianChart: GenericsComponent<{
+  <Y extends Dict>(props: CartesianChartProps$1<Y>): ReactElement;
+}>;
+type ChartXAxisTick = ((props: XAxisTickContentProps) => ReactNode) | boolean | HTMLStyledProps<"text"> | ReactElement;
+interface ChartXAxisProps extends Merge<HTMLStyledProps<"svg">, Omit<UseChartXAxisProps, "label" | "tick" | "tickLine">> {
+  /**
+   * The label to use for the axis.
+   *
+   * @default false
+   */
+  label?: ChartLabel;
+  /**
+   * The tick to use for the axis.
+   *
+   * @default true
+   */
+  tick?: ChartXAxisTick;
+  /**
+   * The tick line to use for the axis.
+   *
+   * @default false
+   */
+  tickLine?: ChartTickLine;
+}
+declare const ChartXAxis: Component<"svg", ChartXAxisProps>;
+type ChartYAxisTick = ((props: YAxisTickContentProps) => ReactNode) | boolean | HTMLStyledProps<"text"> | ReactElement;
+interface ChartYAxisProps extends Merge<HTMLStyledProps<"svg">, Omit<UseChartYAxisProps, "label" | "tick" | "tickLine">> {
+  /**
+   * The label to use for the axis.
+   *
+   * @default false
+   */
+  label?: ChartLabel;
+  /**
+   * The tick to use for the axis.
+   *
+   * @default true
+   */
+  tick?: ChartYAxisTick;
+  /**
+   * The tick line to use for the axis.
+   *
+   * @default false
+   */
+  tickLine?: ChartTickLine;
+}
+declare const ChartYAxis: Component<"svg", ChartYAxisProps>;
+interface ChartGridProps extends Merge<HTMLStyledProps<"line">, UseChartGridProps> {}
+declare const ChartGrid: Component<"line", ChartGridProps>;
+interface ChartLineProps<Y extends Dict = Dict> extends Merge<HTMLStyledProps<"line">, Omit<UseChartLineProps, "activeDot" | "data" | "dataKey" | "dot" | "label">> {
+  /**
+   * The key of a group of data which should be unique in an chart.
+   */
+  dataKey: keyof Y;
+  /**
+   * The active dot to use for the line.
+   *
+   * @default true
+   */
+  activeDot?: ChartActiveDot;
+  /**
+   * The data to use for the line.
+   */
+  data?: Y[];
+  /**
+   * The dot to use for the line.
+   *
+   * @default false
+   */
+  dot?: ChartDot;
+  /**
+   * The label list to use for the line.
+   *
+   * @default false
+   */
+  label?: ChartLabelList;
+}
+declare const ChartLine: GenericsComponent<{
+  <Y extends Dict>(props: ChartLineProps<Y>): ReactElement;
+}>;
+interface ChartAreaProps<Y extends Dict = Dict> extends Merge<HTMLStyledProps<"line">, Omit<UseChartAreaProps, "activeDot" | "data" | "dataKey" | "dot" | "label">> {
+  /**
+   * The key of a group of data which should be unique in an chart.
+   */
+  dataKey: keyof Y;
+  /**
+   * The active dot to use for the line.
+   *
+   * @default true
+   */
+  activeDot?: ChartActiveDot;
+  /**
+   * The data to use for the area.
+   */
+  data?: Y[];
+  /**
+   * The dot to use for the line.
+   *
+   * @default false
+   */
+  dot?: ChartDot;
+  /**
+   * The label list to use for the line.
+   *
+   * @default false
+   */
+  label?: ChartLabelList;
+  /**
+   * Determines whether the chart area should be represented with a gradient instead of the solid color.
+   */
+  withGradient?: boolean;
+}
+declare const ChartArea: GenericsComponent<{
+  <Y extends Dict>(props: ChartAreaProps<Y>): ReactElement;
+}>;
+interface ChartBarProps<Y extends Dict = Dict> extends Merge<HTMLStyledProps<"path">, Omit<UseChartBarProps, "dataKey" | "label">> {
+  /**
+   * The key of a group of data which should be unique in an chart.
+   */
+  dataKey: keyof Y;
+  /**
+   * The label list to use for the bar.
+   *
+   * @default false
+   */
+  label?: ChartLabelList;
+}
+declare const ChartBar: GenericsComponent<{
+  <Y extends Dict>(props: ChartBarProps<Y>): ReactElement;
+}>;
+interface ChartReferenceLineProps extends Omit<Merge<HTMLStyledProps<"line">, UseChartReferenceLineProps>, "label"> {
+  /**
+   * The label to use for the reference line.
+   *
+   * @default false
+   */
+  label?: ChartLabel;
+}
+declare const ChartReferenceLine: Component<"line", ChartReferenceLineProps>;
+//#endregion
+export { CartesianChart, CartesianChartProps$1 as CartesianChartProps, ChartArea, ChartAreaProps, ChartBar, ChartBarProps, ChartGrid, ChartGridProps, ChartLine, ChartLineProps, ChartReferenceLine, ChartReferenceLineProps, ChartXAxis, ChartXAxisProps, ChartXAxisTick, ChartYAxis, ChartYAxisProps, ChartYAxisTick };
+//# sourceMappingURL=cartesian-chart.d.ts.map

package/dist/types/components/chart/cartesian-chart.style.d.ts

@@ -0,0 +1,10 @@
+import { ComponentSlotStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/chart/cartesian-chart.style.d.ts
+declare const cartesianChartStyle: ComponentSlotStyle<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine", CSSPropObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>>;
+type CartesianChartStyle = typeof cartesianChartStyle;
+//#endregion
+export { CartesianChartStyle, cartesianChartStyle };
+//# sourceMappingURL=cartesian-chart.style.d.ts.map

package/dist/types/components/chart/chart.d.ts

@@ -0,0 +1,148 @@
+import { Dict, Merge } from "../../utils/index.js";
+import { ThemeProps } from "../../core/system/index.types.js";
+import { CSSProps } from "../../core/css/index.types.js";
+import { Component, GenericsComponent, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { ChartStyle } from "./chart.style.js";
+import { ChartDonutProps, ChartPieProps, ChartRadarProps, ChartRadialProps } from "./polar-chart.js";
+import { UseChartLabelListProps, UseChartLabelProps, UseChartLegendProps, UseChartTooltipProps } from "./use-chart.js";
+import { ChartAreaProps, ChartBarProps, ChartLineProps } from "./cartesian-chart.js";
+import "../../index.js";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react877 from "react";
+import { JSXElementConstructor, PropsWithChildren, ReactElement, ReactNode, RefObject } from "react";
+import { ActiveDotProps, DataKey, DefaultLegendContentProps, DotItemDotProps, DotProps, LabelProps, RenderableText, ResponsiveContainerProps, TooltipContentProps } from "recharts";
+
+//#region src/components/chart/chart.d.ts
+type ChartDot = ((props: DotItemDotProps) => ReactNode) | boolean | Merge<Partial<DotProps>, HTMLStyledProps<"circle">> | ReactElement;
+type ChartActiveDot = ((props: ActiveDotProps) => ReactNode) | boolean | Merge<Partial<ActiveDotProps>, HTMLStyledProps<"circle">> | ReactElement;
+type ChartLabel = ((props: any) => ReactElement | RenderableText) | boolean | (Merge<HTMLStyledProps<"text">, Pick<LabelProps, "angle" | "content" | "formatter" | "index" | "labelRef" | "offset" | "parentViewBox" | "position" | "textBreakAll" | "value" | "viewBox" | "zIndex">> & {
+  dataKey?: DataKey<any>;
+}) | number | ReactElement | string;
+type ChartLabelList = ((props: LabelProps) => ReactElement | RenderableText) | boolean | ChartLabelListProps | ReactElement;
+type ChartTickLine = boolean | HTMLStyledProps<"line">;
+type GradientStrategy = "invert" | "shade" | "tint";
+declare function mergeSeries<Y>(series: Y[], color?: CSSProps["color"], strategy?: GradientStrategy): (Y & {
+  color: CSSProps["fill"];
+})[];
+declare function mergeData<Y>(data: Y[], color?: CSSProps["fill"], strategy?: GradientStrategy): (Y & {
+  fill: CSSProps["fill"];
+})[];
+declare function gradients(length: number, color?: CSSProps["color"], strategy?: GradientStrategy): CSSProps["fill"][];
+interface ComponentContext extends Pick<ChartProps, "legendProps" | "tooltipProps"> {
+  nameKeyRef: RefObject<string | undefined>;
+  varMap: Dict<string>;
+}
+interface ChartProps<Y extends Dict = Dict> extends HTMLStyledProps, ThemeProps<ChartStyle> {
+  /**
+   * The components to render the chart components.
+   */
+  components: {
+    component: JSXElementConstructor<any>;
+    fallback: ReactNode;
+  }[];
+  /**
+   * The function to render the chart.
+   */
+  render: (props: PropsWithChildren) => ReactNode;
+  /**
+   * The color of the label list.
+   */
+  labelListColor?: CSSProps["color"];
+  /**
+   * The fill of the label list.
+   */
+  labelListFill?: CSSProps["fill"];
+  /**
+   * If provided, generate shapes based on series.
+   */
+  series?: ChartAreaProps<Y>[] | ChartBarProps<Y>[] | ChartDonutProps<Y>[] | ChartLineProps<Y>[] | ChartPieProps<Y>[] | ChartRadarProps<Y>[] | ChartRadialProps<Y>[];
+  /**
+   * The fill of the tooltip cursor.
+   */
+  tooltipCursorFill?: CSSProps["fill"];
+  /**
+   * The fill opacity of the tooltip cursor.
+   */
+  tooltipCursorFillOpacity?: CSSProps["fillOpacity"];
+  /**
+   * The stroke of the tooltip cursor.
+   */
+  tooltipCursorStroke?: CSSProps["stroke"];
+  /**
+   * If `true`, legend is visible.
+   *
+   * @default false
+   */
+  withLegend?: boolean;
+  /**
+   * If `true`, tooltip is visible.
+   *
+   * @default true
+   */
+  withTooltip?: boolean;
+  /**
+   * Props for the legend component.
+   */
+  legendProps?: ChartLegendProps;
+  /**
+   * Props for the responsive container component.
+   */
+  responsiveContainerProps?: ResponsiveContainerProps;
+  /**
+   * Props for the tooltip component.
+   */
+  tooltipProps?: ChartTooltipProps;
+}
+declare const ComponentContext: react877.Context<ComponentContext>, ChartPropsContext: react877.Context<Partial<ChartProps<Dict<any>>> | undefined>, useChartComponentContext: () => ComponentContext, useChartPropsContext: () => Partial<ChartProps<Dict<any>>> | undefined;
+declare const Chart: GenericsComponent<{
+  <Y extends Dict>(props: ChartProps<Y>): ReactElement;
+}>;
+interface ChartLegendProps extends Merge<HTMLStyledProps, UseChartLegendProps> {
+  /**
+   * Props for the content component.
+   */
+  contentProps?: Omit<ChartLegendContentProps, "formatter" | "payload">;
+}
+declare const ChartLegend: Component<"div", ChartLegendProps>;
+interface ChartLegendContentProps extends HTMLStyledProps, Pick<DefaultLegendContentProps, "formatter" | "payload"> {
+  /**
+   * If `true`, swatch is visible.
+   */
+  withSwatch?: boolean;
+}
+interface ChartTooltipProps<Y extends (number | string)[] | number | string = number, M extends number | string = string> extends Omit<Merge<HTMLStyledProps, UseChartTooltipProps<Y, M>>, "cursor"> {
+  /**
+   * Props for the cursor component.
+   */
+  cursor?: boolean | ChartTooltipCursorProps | ReactElement;
+  /**
+   * Props for the content component.
+   */
+  contentProps?: Omit<ChartTooltipContentProps, "formatter" | "label" | "labelFormatter" | "payload">;
+}
+declare const ChartTooltip: <Y extends (number | string)[] | number | string, M extends number | string>(props: ChartTooltipProps<Y, M>) => react_jsx_runtime10.JSX.Element;
+interface ChartTooltipCursorProps extends Omit<HTMLStyledProps<"path">, "height" | "points" | "width"> {
+  brushBottom?: number;
+  height?: number;
+  payload?: Dict[];
+  payloadIndex?: number;
+  points?: {
+    x: number;
+    y: number;
+  }[];
+  width?: number;
+}
+interface ChartTooltipContentProps extends HTMLStyledProps, Pick<TooltipContentProps<any, any>, "formatter" | "label" | "labelFormatter" | "payload"> {
+  /**
+   * If `true`, swatch is visible.
+   */
+  withSwatch?: boolean;
+}
+interface ChartLabelListProps extends Merge<HTMLStyledProps<"text">, UseChartLabelListProps> {}
+declare const ChartLabelList: Component<"text", ChartLabelListProps>;
+interface ChartLabelProps extends Merge<HTMLStyledProps<"text">, UseChartLabelProps> {}
+declare const ChartLabel: Component<"text", ChartLabelProps>;
+//#endregion
+export { Chart, ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartProps, ChartPropsContext, ChartTickLine, ChartTooltip, ChartTooltipProps, gradients, mergeData, mergeSeries, useChartPropsContext };
+//# sourceMappingURL=chart.d.ts.map

package/dist/types/components/chart/chart.style.d.ts

@@ -0,0 +1,36 @@
+import { ComponentSlotStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/chart/chart.style.d.ts
+declare const chartStyle: ComponentSlotStyle<"label" | "legend" | "root" | "labelList" | "legendContent" | "legendItem" | "legendSwatch" | "legendValue" | "tooltipContent" | "tooltipCursor" | "tooltipItem" | "tooltipLabel" | "tooltipList" | "tooltipName" | "tooltipSwatch" | "tooltipValue", CSSPropObject<CSSSlotObject<"label" | "legend" | "root" | "labelList" | "legendContent" | "legendItem" | "legendSwatch" | "legendValue" | "tooltipContent" | "tooltipCursor" | "tooltipItem" | "tooltipLabel" | "tooltipList" | "tooltipName" | "tooltipSwatch" | "tooltipValue">>, {
+  xs: {
+    root: {
+      h: "xs";
+    };
+  };
+  sm: {
+    root: {
+      h: "sm";
+    };
+  };
+  md: {
+    root: {
+      h: "md";
+    };
+  };
+  lg: {
+    root: {
+      h: "lg";
+    };
+  };
+  xl: {
+    root: {
+      h: "xl";
+    };
+  };
+}, CSSModifierObject<CSSSlotObject<"label" | "legend" | "root" | "labelList" | "legendContent" | "legendItem" | "legendSwatch" | "legendValue" | "tooltipContent" | "tooltipCursor" | "tooltipItem" | "tooltipLabel" | "tooltipList" | "tooltipName" | "tooltipSwatch" | "tooltipValue">>>;
+type ChartStyle = typeof chartStyle;
+//#endregion
+export { ChartStyle, chartStyle };
+//# sourceMappingURL=chart.style.d.ts.map

package/dist/types/components/chart/donut-chart.d.ts

@@ -0,0 +1,34 @@
+import { Dict } from "../../utils/index.js";
+import { ThemeProps } from "../../core/system/index.types.js";
+import { GenericsComponent } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { DonutChartStyle } from "./donut-chart.style.js";
+import { ChartDonutProps, PolarChartProps as PolarChartProps$1 } from "./polar-chart.js";
+import { UsePieChartProps } from "./use-pie-chart.js";
+import * as react1051 from "react";
+import { ReactElement } from "react";
+import { PolarChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/donut-chart.d.ts
+interface DonutChartProps<Y extends Dict = Dict> extends Omit<PolarChartProps$1<Y>, "angleAxisProps" | "components" | "gridProps" | "nameKey" | "pieProps" | "radarProps" | "radialProps" | "radiusAxisProps" | "render" | "series" | "withAngleAxis" | "withGrid" | "withRadiusAxis">, UsePieChartProps<Y>, ThemeProps<DonutChartStyle> {
+  /***
+   * If provided, generate lines based on series.
+   */
+  series?: ChartDonutProps<Y>[];
+  /**
+   * Props for the polar chart component.
+   */
+  chartProps?: Omit<PolarChartProps, "data">;
+}
+declare const DonutChartPropsContext: react1051.Context<Partial<DonutChartProps<Dict<any>>> | undefined>, useDonutChartPropsContext: () => Partial<DonutChartProps<Dict<any>>> | undefined;
+/**
+ * `DonutChart` is a component for drawing donut charts to compare multiple sets of data.
+ *
+ * @see https://yamada-ui.com/docs/components/donut-chart
+ */
+declare const DonutChart: GenericsComponent<{
+  <Y extends Dict>(props: DonutChartProps<Y>): ReactElement;
+}>;
+//#endregion
+export { DonutChart, DonutChartProps, DonutChartPropsContext, useDonutChartPropsContext };
+//# sourceMappingURL=donut-chart.d.ts.map

package/dist/types/components/chart/donut-chart.namespace.d.ts

@@ -0,0 +1,11 @@
+import { ChartDonut, ChartDonutProps, ChartPieLabel, ChartPieLabelLine, ChartPieLabelList } from "./polar-chart.js";
+import { ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartTooltip, ChartTooltipProps, gradients, mergeData } from "./chart.js";
+import { DonutChart, DonutChartProps, DonutChartPropsContext, useDonutChartPropsContext } from "./donut-chart.js";
+
+//#region src/components/chart/donut-chart.namespace.d.ts
+declare namespace donut_chart_namespace_d_exports {
+  export { ChartDonut as Donut, ChartPieLabel as DonutLabel, ChartPieLabelLine as DonutLabelLine, ChartPieLabelList as DonutLabelList, ChartDonutProps as DonutProps, ChartLabel as Label, ChartLabelList as LabelList, ChartLabelListProps as LabelListProps, ChartLabelProps as LabelProps, ChartLegend as Legend, ChartLegendProps as LegendProps, DonutChartPropsContext as PropsContext, DonutChart as Root, DonutChartProps as RootProps, ChartTooltip as Tooltip, ChartTooltipProps as TooltipProps, gradients, mergeData, useDonutChartPropsContext as usePropsContext };
+}
+//#endregion
+export { donut_chart_namespace_d_exports };
+//# sourceMappingURL=donut-chart.namespace.d.ts.map

package/dist/types/components/chart/donut-chart.style.d.ts

@@ -0,0 +1,10 @@
+import { ComponentStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSObject, CSSPropObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/chart/donut-chart.style.d.ts
+declare const donutChartStyle: ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>;
+type DonutChartStyle = typeof donutChartStyle;
+//#endregion
+export { DonutChartStyle, donutChartStyle };
+//# sourceMappingURL=donut-chart.style.d.ts.map

package/dist/types/components/chart/index.d.ts

@@ -0,0 +1,30 @@
+import { AreaChartStyle, areaChartStyle } from "./area-chart.style.js";
+import { BarChartStyle, barChartStyle } from "./bar-chart.style.js";
+import { CartesianChartStyle, cartesianChartStyle } from "./cartesian-chart.style.js";
+import { ChartStyle, chartStyle } from "./chart.style.js";
+import { DonutChartStyle, donutChartStyle } from "./donut-chart.style.js";
+import { LineChartStyle, lineChartStyle } from "./line-chart.style.js";
+import { PieChartStyle, pieChartStyle } from "./pie-chart.style.js";
+import { PolarChartStyle, polarChartStyle } from "./polar-chart.style.js";
+import { RadarChartStyle, radarChartStyle } from "./radar-chart.style.js";
+import { RadialChartStyle, radialChartStyle } from "./radial-chart.style.js";
+import { UseAngleAxisProps, UseAngleAxisReturn, UseChartPieLabelLineProps, UseChartPieLabelLineReturn, UseChartPieLabelProps, UseChartPieLabelReturn, UseChartPieProps, UseChartPieReturn, UseChartRadarProps, UseChartRadarReturn, UseChartRadialProps, UseChartRadialReturn, UseChartSectorProps, UseChartSectorReturn, UsePolarGridProps, UsePolarGridReturn, UseRadiusAxisProps, UseRadiusAxisReturn, useAngleAxis, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartRadar, useChartRadial, useChartSector, usePolarGrid, useRadiusAxis } from "./use-polar-chart.js";
+import { ChartAngleAxis, ChartAngleAxisProps, ChartDonut, ChartDonutProps, ChartPie, ChartPieLabel, ChartPieLabelLine, ChartPieLabelList, ChartPieProps, ChartPolarGrid, ChartPolarGridProps, ChartRadar, ChartRadarProps, ChartRadial, ChartRadialProps, ChartRadiusAxis, ChartRadiusAxisProps, PolarChart, PolarChartProps } from "./polar-chart.js";
+import { ChartContext, UseChartLabelListProps, UseChartLabelListReturn, UseChartLabelProps, UseChartLabelReturn, UseChartLegendProps, UseChartLegendReturn, UseChartReturn, UseChartTooltipProps, UseChartTooltipReturn, useChart, useChartContext, useChartLabel, useChartLabelList, useChartLegend, useChartTooltip } from "./use-chart.js";
+import { Chart, ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartProps, ChartPropsContext, ChartTickLine, ChartTooltip, ChartTooltipProps, useChartPropsContext } from "./chart.js";
+import { UseChartAreaProps, UseChartAreaReturn, UseChartBarProps, UseChartBarReturn, UseChartGridProps, UseChartGridReturn, UseChartLineProps, UseChartLineReturn, UseChartReferenceLineProps, UseChartReferenceLineReturn, UseChartXAxisProps, UseChartXAxisReturn, UseChartYAxisProps, UseChartYAxisReturn, useChartArea, useChartBar, useChartGrid, useChartLine, useChartReferenceLine, useChartXAxis, useChartYAxis } from "./use-cartesian-chart.js";
+import { CartesianChart, CartesianChartProps, ChartArea, ChartAreaProps, ChartBar, ChartBarProps, ChartGrid, ChartGridProps, ChartLine, ChartLineProps, ChartReferenceLine, ChartReferenceLineProps, ChartXAxis, ChartXAxisProps, ChartXAxisTick, ChartYAxis, ChartYAxisProps, ChartYAxisTick } from "./cartesian-chart.js";
+import { UseAreaChartProps, UseAreaChartReturn, useAreaChart } from "./use-area-chart.js";
+import { area_chart_namespace_d_exports } from "./area-chart.namespace.js";
+import { UseBarChartProps, UseBarChartReturn, useBarChart } from "./use-bar-chart.js";
+import { bar_chart_namespace_d_exports } from "./bar-chart.namespace.js";
+import { UsePieChartProps, UsePieChartReturn, usePieChart } from "./use-pie-chart.js";
+import { donut_chart_namespace_d_exports } from "./donut-chart.namespace.js";
+import { UseLineChartProps, UseLineChartReturn, useLineChart } from "./use-line-chart.js";
+import { line_chart_namespace_d_exports } from "./line-chart.namespace.js";
+import { pie_chart_namespace_d_exports } from "./pie-chart.namespace.js";
+import { UseRadarChartProps, UseRadarChartReturn, useRadarChart } from "./use-radar-chart.js";
+import { radar_chart_namespace_d_exports } from "./radar-chart.namespace.js";
+import { UseRadialChartProps, UseRadialChartReturn, useRadialChart } from "./use-radial-chart.js";
+import { radial_chart_namespace_d_exports } from "./radial-chart.namespace.js";
+export { area_chart_namespace_d_exports as AreaChart, AreaChartStyle, bar_chart_namespace_d_exports as BarChart, BarChartStyle, CartesianChart, type CartesianChartProps, CartesianChartStyle, Chart, type ChartActiveDot, ChartAngleAxis, type ChartAngleAxisProps, ChartArea, type ChartAreaProps, ChartBar, type ChartBarProps, ChartContext, ChartDonut, type ChartDonutProps, type ChartDot, ChartGrid, type ChartGridProps, ChartLabel, ChartLabelList, type ChartLabelListProps, type ChartLabelProps, ChartLegend, type ChartLegendProps, ChartLine, type ChartLineProps, ChartPie, type ChartPieLabel, type ChartPieLabelLine, type ChartPieLabelList, type ChartPieProps, ChartPolarGrid, type ChartPolarGridProps, type ChartProps, ChartPropsContext, ChartRadar, type ChartRadarProps, ChartRadial, type ChartRadialProps, ChartRadiusAxis, type ChartRadiusAxisProps, ChartReferenceLine, type ChartReferenceLineProps, ChartStyle, type ChartTickLine, ChartTooltip, type ChartTooltipProps, ChartXAxis, type ChartXAxisProps, type ChartXAxisTick, ChartYAxis, type ChartYAxisProps, type ChartYAxisTick, donut_chart_namespace_d_exports as DonutChart, DonutChartStyle, line_chart_namespace_d_exports as LineChart, LineChartStyle, pie_chart_namespace_d_exports as PieChart, PieChartStyle, PolarChart, type PolarChartProps, PolarChartStyle, radar_chart_namespace_d_exports as RadarChart, RadarChartStyle, radial_chart_namespace_d_exports as RadialChart, RadialChartStyle, UseAngleAxisProps, UseAngleAxisReturn, UseAreaChartProps, UseAreaChartReturn, UseBarChartProps, UseBarChartReturn, UseChartAreaProps, UseChartAreaReturn, UseChartBarProps, UseChartBarReturn, UseChartGridProps, UseChartGridReturn, UseChartLabelListProps, UseChartLabelListReturn, UseChartLabelProps, UseChartLabelReturn, UseChartLegendProps, UseChartLegendReturn, UseChartLineProps, UseChartLineReturn, UseChartPieLabelLineProps, UseChartPieLabelLineReturn, UseChartPieLabelProps, UseChartPieLabelReturn, UseChartPieProps, UseChartPieReturn, UseChartRadarProps, UseChartRadarReturn, UseChartRadialProps, UseChartRadialReturn, UseChartReferenceLineProps, UseChartReferenceLineReturn, UseChartReturn, UseChartSectorProps, UseChartSectorReturn, UseChartTooltipProps, UseChartTooltipReturn, UseChartXAxisProps, UseChartXAxisReturn, UseChartYAxisProps, UseChartYAxisReturn, UseLineChartProps, UseLineChartReturn, UsePieChartProps, UsePieChartReturn, UsePolarGridProps, UsePolarGridReturn, UseRadarChartProps, UseRadarChartReturn, UseRadialChartProps, UseRadialChartReturn, UseRadiusAxisProps, UseRadiusAxisReturn, areaChartStyle, barChartStyle, cartesianChartStyle, chartStyle, donutChartStyle, lineChartStyle, pieChartStyle, polarChartStyle, radarChartStyle, radialChartStyle, useAngleAxis, useAreaChart, useBarChart, useChart, useChartArea, useChartBar, useChartContext, useChartGrid, useChartLabel, useChartLabelList, useChartLegend, useChartLine, useChartPie, useChartPieLabel, useChartPieLabelLine, useChartPropsContext, useChartRadar, useChartRadial, useChartReferenceLine, useChartSector, useChartTooltip, useChartXAxis, useChartYAxis, useLineChart, usePieChart, usePolarGrid, useRadarChart, useRadialChart, useRadiusAxis };

package/dist/types/components/chart/line-chart.d.ts

@@ -0,0 +1,34 @@
+import { Dict } from "../../utils/index.js";
+import { ThemeProps } from "../../core/system/index.types.js";
+import { GenericsComponent } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { LineChartStyle } from "./line-chart.style.js";
+import { CartesianChartProps as CartesianChartProps$1, ChartLineProps } from "./cartesian-chart.js";
+import { UseLineChartProps } from "./use-line-chart.js";
+import * as react1053 from "react";
+import { ReactElement } from "react";
+import { CartesianChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/line-chart.d.ts
+interface LineChartProps<Y extends Dict = Dict> extends Omit<CartesianChartProps$1<Y>, "areaFillOpacity" | "areaProps" | "barProps" | "components" | "render" | "series">, UseLineChartProps<Y>, ThemeProps<LineChartStyle> {
+  /**
+   * If provided, generate lines based on series.
+   */
+  series?: ChartLineProps<Y>[];
+  /**
+   * Props for the line chart component.
+   */
+  chartProps?: Omit<CartesianChartProps, "data">;
+}
+declare const LineChartPropsContext: react1053.Context<Partial<LineChartProps<Dict<any>>> | undefined>, useLineChartPropsContext: () => Partial<LineChartProps<Dict<any>>> | undefined;
+/**
+ * `LineChart` is a component for drawing line charts to compare multiple sets of data.
+ *
+ * @see https://yamada-ui.com/docs/components/line-chart
+ */
+declare const LineChart: GenericsComponent<{
+  <Y extends Dict>(props: LineChartProps<Y>): ReactElement;
+}>;
+//#endregion
+export { LineChart, LineChartProps, LineChartPropsContext, useLineChartPropsContext };
+//# sourceMappingURL=line-chart.d.ts.map

package/dist/types/components/chart/line-chart.namespace.d.ts

@@ -0,0 +1,11 @@
+import { ChartActiveDot, ChartDot, ChartLabel, ChartLabelList, ChartLabelListProps, ChartLabelProps, ChartLegend, ChartLegendProps, ChartTickLine, ChartTooltip, ChartTooltipProps, mergeSeries } from "./chart.js";
+import { ChartGrid, ChartGridProps, ChartLine, ChartLineProps, ChartReferenceLine, ChartReferenceLineProps, ChartXAxis, ChartXAxisProps, ChartXAxisTick, ChartYAxis, ChartYAxisProps, ChartYAxisTick } from "./cartesian-chart.js";
+import { LineChart, LineChartProps, LineChartPropsContext, useLineChartPropsContext } from "./line-chart.js";
+
+//#region src/components/chart/line-chart.namespace.d.ts
+declare namespace line_chart_namespace_d_exports {
+  export { ChartActiveDot as ActiveDot, ChartDot as Dot, ChartGrid as Grid, ChartGridProps as GridProps, ChartLabel as Label, ChartLabelList as LabelList, ChartLabelListProps as LabelListProps, ChartLabelProps as LabelProps, ChartLegend as Legend, ChartLegendProps as LegendProps, ChartLine as Line, ChartLabel as LineLabel, ChartLabelList as LineLabelList, ChartLineProps as LineProps, LineChartPropsContext as PropsContext, ChartReferenceLine as ReferenceLine, ChartReferenceLineProps as ReferenceLineProps, LineChart as Root, LineChartProps as RootProps, ChartTickLine as TickLine, ChartTooltip as Tooltip, ChartTooltipProps as TooltipProps, ChartXAxis as XAxis, ChartXAxisProps as XAxisProps, ChartXAxisTick as XAxisTick, ChartYAxis as YAxis, ChartYAxisProps as YAxisProps, ChartYAxisTick as YAxisTick, mergeSeries, useLineChartPropsContext as usePropsContext };
+}
+//#endregion
+export { line_chart_namespace_d_exports };
+//# sourceMappingURL=line-chart.namespace.d.ts.map