@yamada-ui/react 2.0.10-dev-20260301101758 → 2.1.0-dev-20260302125757

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

@@ -0,0 +1,238 @@
+import { Merge } from "../../utils/index.js";
+import { SimpleDirection } from "../../core/system/index.types.js";
+import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { AreaProps, BarProps, CartesianGridProps, LineProps, ReferenceLineProps, XAxisProps, YAxisProps } from "recharts";
+
+//#region src/components/chart/use-cartesian-chart.d.ts
+interface UseChartXAxisProps extends Merge<HTMLProps<"svg">, Pick<XAxisProps, "allowDataOverflow" | "allowDecimals" | "allowDuplicatedCategory" | "angle" | "axisLine" | "dataKey" | "domain" | "height" | "hide" | "includeHidden" | "interval" | "label" | "minTickGap" | "mirror" | "name" | "orientation" | "padding" | "range" | "reversed" | "scale" | "tick" | "tickCount" | "tickFormatter" | "tickLine" | "tickMargin" | "ticks" | "tickSize" | "type" | "unit" | "xAxisId">> {}
+declare const useChartXAxis: ({
+  type,
+  name,
+  allowDataOverflow,
+  allowDecimals,
+  allowDuplicatedCategory,
+  angle,
+  axisLine,
+  children,
+  dataKey,
+  domain,
+  height,
+  hide,
+  includeHidden,
+  interval,
+  label: labelProp,
+  minTickGap,
+  mirror,
+  orientation,
+  padding,
+  range,
+  reversed,
+  scale,
+  tick: tickProp,
+  tickCount,
+  tickFormatter,
+  tickLine: tickLineProp,
+  tickMargin,
+  ticks,
+  tickSize,
+  unit,
+  xAxisId,
+  ...rest
+}?: UseChartXAxisProps) => {
+  getRootProps: PropGetter<"svg", undefined, undefined>;
+  getXAxisProps: PropGetter<XAxisProps, undefined, undefined>;
+};
+type UseChartXAxisReturn = ReturnType<typeof useChartXAxis>;
+interface UseChartYAxisProps extends Merge<HTMLProps<"svg">, Pick<YAxisProps, "allowDataOverflow" | "allowDecimals" | "allowDuplicatedCategory" | "angle" | "axisLine" | "dataKey" | "domain" | "hide" | "includeHidden" | "interval" | "label" | "minTickGap" | "mirror" | "name" | "padding" | "range" | "reversed" | "scale" | "tick" | "tickCount" | "tickFormatter" | "tickLine" | "tickMargin" | "ticks" | "tickSize" | "type" | "unit" | "width" | "yAxisId">> {
+  /**
+   * The orientation of axis.
+   *
+   * @defaultValue "start"
+   */
+  orientation?: SimpleDirection;
+}
+declare const useChartYAxis: ({
+  type,
+  name,
+  allowDataOverflow,
+  allowDecimals,
+  allowDuplicatedCategory,
+  angle,
+  axisLine,
+  children,
+  dataKey,
+  domain,
+  hide,
+  includeHidden,
+  interval,
+  label: labelProp,
+  minTickGap,
+  mirror,
+  orientation,
+  padding,
+  range,
+  reversed,
+  scale,
+  tick: tickProp,
+  tickCount,
+  tickFormatter,
+  tickLine: tickLineProp,
+  tickMargin,
+  ticks,
+  tickSize,
+  unit,
+  width,
+  yAxisId,
+  ...rest
+}?: UseChartYAxisProps) => {
+  getRootProps: PropGetter<"svg", undefined, undefined>;
+  getYAxisProps: PropGetter<YAxisProps, undefined, undefined>;
+};
+type UseChartYAxisReturn = ReturnType<typeof useChartYAxis>;
+interface UseChartLineProps extends Merge<HTMLProps<"line">, Pick<LineProps, "activeDot" | "animateNewValues" | "animationBegin" | "animationDuration" | "animationEasing" | "connectNulls" | "data" | "dataKey" | "dot" | "hide" | "isAnimationActive" | "label" | "legendType" | "name" | "onAnimationEnd" | "onAnimationStart" | "shape" | "tooltipType" | "type" | "unit" | "xAxisId" | "yAxisId" | "zIndex">> {}
+declare const useChartLine: ({
+  type,
+  name,
+  activeDot: activeDotProp,
+  animateNewValues,
+  animationBegin,
+  animationDuration,
+  animationEasing,
+  children,
+  connectNulls,
+  data,
+  dataKey: dataKeyProp,
+  dot: dotProp,
+  hide,
+  isAnimationActive,
+  label: labelProp,
+  legendType,
+  shape,
+  tooltipType,
+  unit,
+  xAxisId,
+  yAxisId,
+  zIndex,
+  onAnimationEnd,
+  onAnimationStart,
+  ...rest
+}?: UseChartLineProps) => {
+  getLineProps: PropGetter<LineProps, undefined, undefined>;
+  getRootProps: PropGetter<"line", undefined, undefined>;
+};
+type UseChartLineReturn = ReturnType<typeof useChartLine>;
+interface UseChartAreaProps extends Merge<HTMLProps<"line">, Pick<AreaProps, "activeDot" | "animationBegin" | "animationDuration" | "animationEasing" | "baseLine" | "baseValue" | "connectNulls" | "data" | "dataKey" | "dot" | "hide" | "isAnimationActive" | "isRange" | "label" | "legendType" | "name" | "onAnimationEnd" | "onAnimationStart" | "stackId" | "tooltipType" | "type" | "unit" | "xAxisId" | "yAxisId" | "zIndex">> {}
+declare const useChartArea: ({
+  type,
+  name,
+  activeDot: activeDotProp,
+  animationBegin,
+  animationDuration,
+  animationEasing,
+  baseLine,
+  baseValue,
+  children,
+  connectNulls,
+  data,
+  dataKey: dataKeyProp,
+  dot: dotProp,
+  hide,
+  isAnimationActive,
+  label: labelProp,
+  legendType,
+  stackId,
+  tooltipType,
+  unit,
+  xAxisId,
+  yAxisId,
+  zIndex,
+  onAnimationEnd,
+  onAnimationStart,
+  ...rest
+}: UseChartAreaProps) => {
+  getAreaProps: PropGetter<Partial<AreaProps>, undefined, AreaProps>;
+  getRootProps: PropGetter<"line", undefined, undefined>;
+};
+type UseChartAreaReturn = ReturnType<typeof useChartArea>;
+interface UseChartBarProps extends Merge<HTMLProps<"path">, Pick<BarProps, "activeBar" | "animationBegin" | "animationDuration" | "animationEasing" | "background" | "barSize" | "dangerouslySetInnerHTML" | "dataKey" | "hide" | "index" | "isAnimationActive" | "label" | "legendType" | "maxBarSize" | "minPointSize" | "name" | "onAnimationEnd" | "onAnimationStart" | "radius" | "shape" | "stackId" | "tooltipType" | "unit" | "xAxisId" | "yAxisId" | "zIndex">> {}
+declare const useChartBar: ({
+  name,
+  activeBar,
+  animationBegin,
+  animationDuration,
+  animationEasing,
+  background,
+  barSize,
+  children,
+  dangerouslySetInnerHTML,
+  dataKey: dataKeyProp,
+  hide,
+  index,
+  isAnimationActive,
+  label: labelProp,
+  legendType,
+  maxBarSize,
+  minPointSize,
+  radius,
+  shape,
+  tooltipType,
+  unit,
+  xAxisId,
+  yAxisId,
+  zIndex,
+  onAnimationEnd,
+  onAnimationStart,
+  ...rest
+}?: UseChartBarProps) => {
+  getBarProps: PropGetter<BarProps, undefined, undefined>;
+  getRootProps: PropGetter<"path", undefined, undefined>;
+};
+type UseChartBarReturn = ReturnType<typeof useChartBar>;
+interface UseChartReferenceLineProps extends Merge<HTMLProps<"line">, Pick<ReferenceLineProps, "ifOverflow" | "label" | "position" | "segment" | "shape" | "x" | "xAxisId" | "y" | "yAxisId" | "zIndex">> {}
+declare const useChartReferenceLine: ({
+  children,
+  ifOverflow,
+  label: labelProp,
+  position,
+  segment,
+  shape,
+  viewBox,
+  x,
+  xAxisId,
+  y,
+  yAxisId,
+  zIndex,
+  ...rest
+}?: UseChartReferenceLineProps) => {
+  getReferenceLineProps: PropGetter<Omit<ReferenceLineProps, "ref">, undefined, undefined>;
+  getRootProps: PropGetter<"line", undefined, undefined>;
+};
+type UseChartReferenceLineReturn = ReturnType<typeof useChartReferenceLine>;
+interface UseChartGridProps extends Merge<HTMLProps<"line">, Pick<CartesianGridProps, "horizontal" | "horizontalCoordinatesGenerator" | "horizontalFill" | "horizontalPoints" | "horizontalValues" | "syncWithTicks" | "vertical" | "verticalCoordinatesGenerator" | "verticalFill" | "verticalPoints" | "verticalValues" | "x" | "xAxisId" | "y" | "yAxisId" | "zIndex">> {}
+declare const useChartGrid: ({
+  horizontal,
+  horizontalCoordinatesGenerator,
+  horizontalFill,
+  horizontalPoints,
+  horizontalValues,
+  syncWithTicks,
+  vertical,
+  verticalCoordinatesGenerator,
+  verticalFill,
+  verticalPoints,
+  verticalValues,
+  x,
+  xAxisId,
+  y,
+  yAxisId,
+  zIndex,
+  ...rest
+}?: UseChartGridProps) => {
+  getGridProps: PropGetter<CartesianGridProps, undefined, undefined>;
+  getRootProps: PropGetter<"line", undefined, undefined>;
+};
+type UseChartGridReturn = ReturnType<typeof useChartGrid>;
+//#endregion
+export { UseChartAreaProps, UseChartAreaReturn, UseChartBarProps, UseChartBarReturn, UseChartGridProps, UseChartGridReturn, UseChartLineProps, UseChartLineReturn, UseChartReferenceLineProps, UseChartReferenceLineReturn, UseChartXAxisProps, UseChartXAxisReturn, UseChartYAxisProps, UseChartYAxisReturn, useChartArea, useChartBar, useChartGrid, useChartLine, useChartReferenceLine, useChartXAxis, useChartYAxis };
+//# sourceMappingURL=use-cartesian-chart.d.ts.map

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

@@ -0,0 +1,117 @@
+import { Merge } from "../../utils/index.js";
+import { Direction } from "../../core/system/index.types.js";
+import { HTMLProps, PropGetter, RequiredPropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import * as react969 from "react";
+import { LabelListProps, LabelProps, LegendProps, TooltipProps } from "recharts";
+
+//#region src/components/chart/use-chart.d.ts
+interface ChartContext extends UseChartReturn {}
+declare const ChartContext: react969.Context<ChartContext>, useChartContext: () => ChartContext;
+declare const useChart: () => {
+  highlightedDataKey: string | number | undefined;
+  onHighlight: (dataKey?: number | string) => void;
+};
+type UseChartReturn = ReturnType<typeof useChart>;
+interface UseChartLegendProps extends Merge<HTMLProps, Pick<LegendProps, "align" | "content" | "formatter" | "itemSorter" | "layout" | "onBBoxUpdate" | "onClick" | "onMouseEnter" | "onMouseLeave" | "payloadUniqBy" | "portal" | "verticalAlign">> {
+  /**
+   * The placement of the legend.
+   *
+   * @default 'start-end'
+   */
+  placement?: Direction;
+}
+declare const useChartLegend: ({
+  placement,
+  align,
+  content,
+  formatter,
+  itemSorter,
+  layout,
+  payloadUniqBy,
+  portal,
+  verticalAlign,
+  onBBoxUpdate,
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  ...rest
+}?: UseChartLegendProps) => {
+  getLegendContentProps: PropGetter<"div", undefined, undefined>;
+  getLegendItemProps: RequiredPropGetter<"div", {
+    dataKey?: number | string;
+  }, undefined>;
+  getLegendProps: PropGetter<LegendProps, undefined, undefined>;
+  getRootProps: PropGetter<"div", undefined, undefined>;
+};
+type UseChartLegendReturn = ReturnType<typeof useChartLegend>;
+interface UseChartTooltipProps<Y extends (number | string)[] | number | string, M extends number | string> extends Merge<HTMLProps, Omit<TooltipProps<Y, M>, "contentStyle" | "itemStyle" | "labelClassName" | "labelStyle" | "separator" | "wrapperClassName" | "wrapperStyle">> {}
+declare const useChartTooltip: <Y extends (number | string)[] | number | string, M extends number | string>({
+  active,
+  allowEscapeViewBox,
+  animationDuration,
+  animationEasing,
+  axisId,
+  content,
+  cursor,
+  defaultIndex,
+  filterNull,
+  formatter,
+  includeHidden,
+  isAnimationActive,
+  itemSorter,
+  labelFormatter,
+  offset,
+  payloadUniqBy,
+  portal,
+  position,
+  reverseDirection,
+  shared,
+  trigger,
+  useTranslate3d,
+  ...rest
+}?: UseChartTooltipProps<Y, M>) => {
+  getContentProps: PropGetter<"div", undefined, undefined>;
+  getRootProps: PropGetter<TooltipProps<Y, M>, undefined, undefined>;
+};
+type UseChartTooltipReturn<Y extends (number | string)[] | number | string, M extends number | string> = ReturnType<typeof useChartTooltip<Y, M>>;
+interface UseChartLabelListProps extends Merge<HTMLProps<"text">, Pick<LabelListProps, "angle" | "clockWise" | "content" | "dataKey" | "formatter" | "offset" | "position" | "textBreakAll" | "valueAccessor" | "zIndex">> {}
+declare const useChartLabelList: ({
+  angle,
+  clockWise,
+  content,
+  dataKey,
+  formatter,
+  offset,
+  position,
+  textBreakAll,
+  valueAccessor,
+  zIndex,
+  ...rest
+}?: UseChartLabelListProps) => {
+  getLabelListProps: PropGetter<LabelListProps, undefined, undefined>;
+  getRootProps: PropGetter<"text", undefined, undefined>;
+};
+type UseChartLabelListReturn = ReturnType<typeof useChartLabelList>;
+interface UseChartLabelProps extends Merge<HTMLProps<"text">, Pick<LabelProps, "angle" | "children" | "content" | "formatter" | "labelRef" | "offset" | "parentViewBox" | "position" | "value" | "viewBox" | "zIndex">> {}
+declare const useChartLabel: ({
+  angle,
+  children,
+  content,
+  formatter,
+  labelRef,
+  offset,
+  parentViewBox,
+  position,
+  value,
+  viewBox,
+  zIndex,
+  ...rest
+}?: UseChartLabelProps) => {
+  getLabelProps: PropGetter<LabelProps, undefined, undefined>;
+  getRootProps: PropGetter<"text", undefined, undefined>;
+};
+type UseChartLabelReturn = ReturnType<typeof useChartLabel>;
+//#endregion
+export { ChartContext, UseChartLabelListProps, UseChartLabelListReturn, UseChartLabelProps, UseChartLabelReturn, UseChartLegendProps, UseChartLegendReturn, UseChartReturn, UseChartTooltipProps, UseChartTooltipReturn, useChart, useChartContext, useChartLabel, useChartLabelList, useChartLegend, useChartTooltip };
+//# sourceMappingURL=use-chart.d.ts.map

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

@@ -0,0 +1,29 @@
+import { Dict } from "../../utils/index.js";
+import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { CartesianChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/use-line-chart.d.ts
+interface UseLineChartProps<Y extends Dict> extends HTMLProps, Pick<CartesianChartProps, "accessibilityLayer" | "compact" | "layout" | "responsive" | "syncId" | "syncMethod"> {
+  /**
+   * Chart data.
+   */
+  data?: Y[];
+}
+declare const useLineChart: <Y extends Dict>({
+  accessibilityLayer,
+  compact,
+  data,
+  layout,
+  responsive,
+  syncId,
+  syncMethod,
+  ...rest
+}: UseLineChartProps<Y>) => {
+  getChartProps: PropGetter<CartesianChartProps, undefined, undefined>;
+  getRootProps: PropGetter<"div", undefined, undefined>;
+};
+type UseLineChartReturn<Y extends Dict> = ReturnType<typeof useLineChart<Y>>;
+//#endregion
+export { UseLineChartProps, UseLineChartReturn, useLineChart };
+//# sourceMappingURL=use-line-chart.d.ts.map

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

@@ -0,0 +1,30 @@
+import { Dict } from "../../utils/index.js";
+import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { PolarChartProps } from "recharts/types/util/types";
+
+//#region src/components/chart/use-pie-chart.d.ts
+interface UsePieChartProps<Y extends Dict> extends HTMLProps, Pick<PolarChartProps, "accessibilityLayer" | "cx" | "cy" | "layout" | "responsive" | "syncId" | "syncMethod"> {
+  /**
+   * Chart data.
+   */
+  data?: Y[];
+}
+declare const usePieChart: <Y extends Dict>({
+  accessibilityLayer,
+  cx,
+  cy,
+  data,
+  layout,
+  responsive,
+  syncId,
+  syncMethod,
+  ...rest
+}: UsePieChartProps<Y>) => {
+  getChartProps: PropGetter<PolarChartProps, undefined, undefined>;
+  getRootProps: PropGetter<"div", undefined, undefined>;
+};
+type UsePieChartReturn<Y extends Dict> = ReturnType<typeof usePieChart<Y>>;
+//#endregion
+export { UsePieChartProps, UsePieChartReturn, usePieChart };
+//# sourceMappingURL=use-pie-chart.d.ts.map