@yamada-ui/react 2.2.2-dev-20260525083850 → 2.2.2-dev-20260525150310

package/dist/cjs/components/chart/chart.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_utils_index = require("../../utils/index.cjs");

package/dist/cjs/components/chart/chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart.cjs","names":["createSlotComponent","chartStyle","useChart","useSplitChildren","ChartContext","styled","ResponsiveContainer","Fragment","varAttr","createContext","mergeProps","useChartLegend","Legend","useChartTooltip","Tooltip","useChartLabelList","LabelList","useChartLabel","Label"],"sources":["../../../../src/components/chart/chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  JSXElementConstructor,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport type {\n  ActiveDotProps,\n  DataKey,\n  DefaultLegendContentProps,\n  DotItemDotProps,\n  DotProps,\n  LabelProps,\n  RenderableText,\n  ResponsiveContainerProps,\n  TooltipContentProps,\n  TooltipProps,\n} from \"recharts\"\nimport type {\n  CSSProps,\n  ExtractStyleValueWithCondition,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { ChartStyle } from \"./chart.style\"\nimport type {\n  UseChartLabelListProps,\n  UseChartLabelProps,\n  UseChartLegendProps,\n  UseChartLegendReturn,\n  UseChartTooltipProps,\n} from \"./use-chart\"\nimport { Fragment, isValidElement, useMemo, useRef } from \"react\"\nimport {\n  Label,\n  LabelList,\n  Legend,\n  ResponsiveContainer,\n  Tooltip,\n} from \"recharts\"\nimport { createSlotComponent, mergeProps, styled, varAttr } from \"../../core\"\nimport {\n  cast,\n  createContext,\n  isArray,\n  isNull,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  useSplitChildren,\n} from \"../../utils\"\nimport { chartStyle } from \"./chart.style\"\nimport {\n  ChartContext,\n  useChart,\n  useChartLabel,\n  useChartLabelList,\n  useChartLegend,\n  useChartTooltip,\n} from \"./use-chart\"\n\nexport type ChartDot =\n  | ((props: DotItemDotProps) => ReactNode)\n  | boolean\n  | Merge<Partial<DotProps>, HTMLStyledProps<\"circle\">>\n  | ReactElement\n\nexport type ChartActiveDot =\n  | ((props: ActiveDotProps) => ReactNode)\n  | boolean\n  | Merge<Partial<ActiveDotProps>, HTMLStyledProps<\"circle\">>\n  | ReactElement\n\nexport type ChartLabel =\n  | ((props: any) => ReactElement | RenderableText)\n  | boolean\n  | (Merge<\n      HTMLStyledProps<\"text\">,\n      Pick<\n        LabelProps,\n        | \"angle\"\n        | \"content\"\n        | \"formatter\"\n        | \"index\"\n        | \"labelRef\"\n        | \"offset\"\n        | \"parentViewBox\"\n        | \"position\"\n        | \"textBreakAll\"\n        | \"value\"\n        | \"viewBox\"\n        | \"zIndex\"\n      >\n    > & { dataKey?: DataKey<any> })\n  | number\n  | ReactElement\n  | string\n\nexport type ChartLabelList =\n  | ((props: LabelProps) => ReactElement | RenderableText)\n  | boolean\n  | ChartLabelListProps\n  | ReactElement\n\nexport type ChartTickLine = boolean | HTMLStyledProps<\"line\">\n\nexport type GradientStrategy = \"invert\" | \"shade\" | \"tint\"\n\nexport function mergeSeries<Y>(\n  series: Y[],\n  color: CSSProps[\"color\"] = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): (Y & { color: CSSProps[\"color\"] })[] {\n  const colors = gradients(series.length, color, strategy)\n\n  return series.map((item, index) => ({ ...item, color: colors[index] }))\n}\n\nexport function mergeData<Y>(\n  data: Y[],\n  color: ExtractStyleValueWithCondition<CSSProps[\"fill\"]> = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): (Y & { fill: CSSProps[\"fill\"] })[] {\n  const colors = gradients(data.length, color, strategy)\n\n  return data.map((item, index) => ({ ...item, fill: colors[index] }))\n}\n\nexport function gradients(\n  length: number,\n  color: ExtractStyleValueWithCondition<CSSProps[\"color\"]> = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): CSSProps[\"color\"][] {\n  return Array.from({ length }, (_, index) => {\n    const value = Math.floor(100 - (100 / length) * index)\n    const percent = `${value}%`\n\n    if (strategy === \"invert\") {\n      return [\n        `tint(colors.${color as string}, ${percent})`,\n        `shade(colors.${color as string}, ${percent})`,\n      ]\n    } else {\n      return `${strategy}(colors.${color as string}, ${percent})`\n    }\n  })\n}\n\nfunction parseJSON(value: any) {\n  try {\n    return JSON.parse(value)\n  } catch {\n    return value\n  }\n}\n\ninterface ComponentContext extends Pick<\n  ChartProps,\n  \"legendProps\" | \"tooltipProps\"\n> {\n  nameKeyRef: RefObject<string | undefined>\n}\n\nexport interface ChartProps extends HTMLStyledProps, ThemeProps<ChartStyle> {\n  /**\n   * The components to render the chart components.\n   */\n  components: {\n    component: JSXElementConstructor<any>\n    fallback: ReactNode\n  }[]\n  /**\n   * The function to render the chart.\n   */\n  render: (props: PropsWithChildren) => ReactNode\n  /**\n   * The color of the label list.\n   */\n  labelListColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the label list.\n   */\n  labelListFill?: CSSProps[\"fill\"]\n  /**\n   * The fill of the tooltip cursor.\n   */\n  tooltipCursorFill?: CSSProps[\"fill\"]\n  /**\n   * The fill opacity of the tooltip cursor.\n   */\n  tooltipCursorFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The stroke of the tooltip cursor.\n   */\n  tooltipCursorStroke?: CSSProps[\"stroke\"]\n  /**\n   * If `true`, legend is visible.\n   *\n   * @default false\n   */\n  withLegend?: boolean\n  /**\n   * If `true`, tooltip is visible.\n   *\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * Props for the legend component.\n   */\n  legendProps?: ChartLegendProps\n  /**\n   * Props for the responsive container component.\n   */\n  responsiveContainerProps?: ResponsiveContainerProps\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: ChartTooltipProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: ChartPropsContext,\n  useComponentContext: useChartComponentContext,\n  usePropsContext: useChartPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ChartProps, ChartStyle, ComponentContext>(\n  \"chart\",\n  chartStyle,\n)\n\nexport { ChartPropsContext, useChartComponentContext, useChartPropsContext }\n\nexport const Chart = withProvider(\n  ({\n    children,\n    components: componentsProp,\n    render,\n    withLegend = false,\n    withTooltip = true,\n    legendProps,\n    responsiveContainerProps,\n    tooltipProps,\n    ...rest\n  }: ChartProps) => {\n    const { highlightedDataKey, onHighlight } = useChart()\n    const nameKeyRef = useRef<string | undefined>(undefined)\n    const components = useMemo(\n      () => [\n        ...componentsProp,\n        {\n          component: ChartLegend,\n          fallback: withLegend ? <ChartLegend /> : null,\n        },\n        {\n          component: ChartTooltip,\n          fallback: withTooltip ? <ChartTooltip /> : null,\n        },\n      ],\n      [componentsProp, withLegend, withTooltip],\n    )\n    const [omittedChildren, ...customComponents] = useSplitChildren(\n      children,\n      ...components.map(({ component }) => component),\n    )\n    const context = useMemo(\n      () => ({\n        highlightedDataKey,\n        onHighlight,\n      }),\n      [highlightedDataKey, onHighlight],\n    )\n    const componentContext = useMemo(\n      () => ({\n        nameKeyRef,\n        legendProps,\n        tooltipProps,\n      }),\n      [legendProps, tooltipProps],\n    )\n\n    return (\n      <ChartContext value={context}>\n        <ComponentContext value={componentContext}>\n          <styled.div {...rest}>\n            <ResponsiveContainer {...responsiveContainerProps}>\n              {render({\n                children: (\n                  <>\n                    {components.map(({ fallback }, index) => (\n                      <Fragment key={index}>\n                        {customComponents[index] ?? fallback}\n                      </Fragment>\n                    ))}\n\n                    {omittedChildren}\n                  </>\n                ),\n              })}\n            </ResponsiveContainer>\n          </styled.div>\n        </ComponentContext>\n      </ChartContext>\n    )\n  },\n  \"root\",\n)(\n  undefined,\n  ({\n    labelListColor,\n    labelListFill,\n    tooltipCursorFill,\n    tooltipCursorFillOpacity,\n    tooltipCursorStroke,\n    ...rest\n  }) => ({\n    \"--label-list-color\": varAttr(labelListColor, \"colors\"),\n    \"--label-list-fill\": varAttr(labelListFill, \"colors\"),\n    \"--tooltip-cursor-fill\": varAttr(tooltipCursorFill, \"colors\"),\n    \"--tooltip-cursor-fill-opacity\": tooltipCursorFillOpacity,\n    \"--tooltip-cursor-stroke\": varAttr(tooltipCursorStroke, \"colors\"),\n    ...rest,\n  }),\n)\n\ninterface ChartLegendContext extends Pick<\n  UseChartLegendReturn,\n  \"getLegendItemProps\"\n> {}\n\nconst [ChartLegendContext, useChartLegendContext] =\n  createContext<ChartLegendContext>({\n    name: \"ChartLegendContext\",\n  })\n\nexport interface ChartLegendProps extends Merge<\n  HTMLStyledProps,\n  UseChartLegendProps\n> {\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<ChartLegendContentProps, \"formatter\" | \"payload\">\n}\n\nexport const ChartLegend = withContext<\"div\", ChartLegendProps>((props) => {\n  const { legendProps } = useChartComponentContext()\n  const { contentProps, ...rest } = mergeProps(legendProps, props)()\n  const {\n    getLegendContentProps,\n    getLegendItemProps,\n    getLegendProps,\n    getRootProps,\n  } = useChartLegend({\n    content: ({ formatter, payload }) => (\n      <ChartLegendContent\n        formatter={formatter}\n        payload={payload}\n        {...getLegendContentProps(contentProps)}\n      />\n    ),\n    ...rest,\n  })\n  const context = useMemo(() => ({ getLegendItemProps }), [getLegendItemProps])\n\n  return (\n    <ChartLegendContext value={context}>\n      <styled.div asChild {...getRootProps()}>\n        <Legend {...getLegendProps()} />\n      </styled.div>\n    </ChartLegendContext>\n  )\n}, \"legend\")()\n\ninterface ChartLegendContentProps\n  extends\n    HTMLStyledProps,\n    Pick<DefaultLegendContentProps, \"formatter\" | \"payload\"> {\n  /**\n   * If `true`, swatch is visible.\n   */\n  withSwatch?: boolean\n}\n\nconst ChartLegendContent = withContext<\"div\", ChartLegendContentProps>(\n  ({ formatter, payload, withSwatch = true, ...rest }) => {\n    const { nameKeyRef } = useChartComponentContext()\n    const { getLegendItemProps } = useChartLegendContext()\n\n    return (\n      <styled.div {...rest}>\n        {payload?.map((data, index) => {\n          let value = data.value\n\n          if (nameKeyRef.current)\n            value = (data.payload as any)?.[nameKeyRef.current]\n\n          const dataKey =\n            isString(data.dataKey) || isNumber(data.dataKey)\n              ? data.dataKey\n              : value\n          const color = parseJSON(data.color)\n          const formattedValue = formatter?.(value, data, index) ?? value\n\n          return (\n            <ChartLegendItem key={index} {...getLegendItemProps({ dataKey })}>\n              {withSwatch ? <ChartLegendSwatch bg={color} /> : null}\n              <ChartLegendValue>{formattedValue}</ChartLegendValue>\n            </ChartLegendItem>\n          )\n        })}\n      </styled.div>\n    )\n  },\n  \"legendContent\",\n)()\n\ninterface ChartLegendItemProps extends HTMLStyledProps {}\n\nconst ChartLegendItem = withContext<\"div\", ChartLegendItemProps>(\n  \"div\",\n  \"legendItem\",\n)()\n\ninterface ChartLegendSwatchProps extends HTMLStyledProps {}\n\nconst ChartLegendSwatch = withContext<\"div\", ChartLegendSwatchProps>(\n  \"div\",\n  \"legendSwatch\",\n)()\n\ninterface ChartLegendValueProps extends HTMLStyledProps<\"span\"> {}\n\nconst ChartLegendValue = withContext<\"span\", ChartLegendValueProps>(\n  \"span\",\n  \"legendValue\",\n)()\n\nexport interface ChartTooltipProps<\n  Y extends (number | string)[] | number | string = number,\n  M extends number | string = string,\n> extends Omit<Merge<HTMLStyledProps, UseChartTooltipProps<Y, M>>, \"cursor\"> {\n  /**\n   * Props for the cursor component.\n   */\n  cursor?: boolean | ChartTooltipCursorProps | ReactElement\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<\n    ChartTooltipContentProps,\n    \"formatter\" | \"label\" | \"labelFormatter\" | \"payload\"\n  >\n}\n\nexport const ChartTooltip = <\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n>(\n  props: ChartTooltipProps<Y, M>,\n) => {\n  const { tooltipProps } = useChartComponentContext()\n  const {\n    cursor = false,\n    contentProps,\n    ...rest\n  } = {\n    ...tooltipProps,\n    ...props,\n  } as ChartTooltipProps<Y, M>\n  const { getContentProps, getRootProps } = useChartTooltip<Y, M>({\n    content: ({ formatter, label, labelFormatter, payload }) => (\n      <ChartTooltipContent\n        formatter={formatter}\n        label={label}\n        labelFormatter={labelFormatter}\n        payload={payload}\n        {...getContentProps(contentProps)}\n      />\n    ),\n    cursor:\n      isValidElement(cursor) || !cursor ? (\n        cursor\n      ) : (\n        <ChartTooltipCursor {...(isObject(cursor) ? cursor : {})} />\n      ),\n    ...rest,\n  })\n\n  return <Tooltip {...cast<TooltipProps>(getRootProps())} />\n}\n\ninterface ChartTooltipCursorProps extends Omit<\n  HTMLStyledProps<\"path\">,\n  \"height\" | \"points\" | \"width\" | \"x\" | \"y\"\n> {\n  brushBottom?: number\n  height?: number\n  payload?: Dict[]\n  payloadIndex?: number\n  points?: { x: number; y: number }[]\n  width?: number\n  x?: number\n  y?: number\n}\n\nconst ChartTooltipCursor = withContext<\"path\", ChartTooltipCursorProps>(\n  \"path\",\n  \"tooltipCursor\",\n)(\n  undefined,\n  ({\n    bottom: _bottom,\n    brushBottom: _brushBottom,\n    fill,\n    height,\n    left: _left,\n    payload: _payload,\n    payloadIndex: _payloadIndex,\n    points,\n    right: _right,\n    stroke,\n    top: _top,\n    width,\n    x,\n    y,\n    ...rest\n  }) => {\n    const d = points\n      ? `M${points[0]?.x},${points[0]?.y}L${points[1]?.x},${points[1]?.y}`\n      : `M ${x},${y} h ${width} v ${height} h -${width} Z`\n    return {\n      asChild: true,\n      children: <path d={d} height={height} width={width} />,\n      fill: fill === \"#ccc\" ? undefined : fill,\n      stroke: stroke === \"#ccc\" ? undefined : stroke,\n      ...rest,\n    }\n  },\n)\n\ninterface ChartTooltipContentProps\n  extends\n    HTMLStyledProps,\n    Pick<\n      TooltipContentProps<any, any>,\n      \"formatter\" | \"label\" | \"labelFormatter\" | \"payload\"\n    > {\n  /**\n   * If `true`, swatch is visible.\n   */\n  withSwatch?: boolean\n}\n\nconst ChartTooltipContent = withContext<\"div\", ChartTooltipContentProps>(\n  ({\n    formatter,\n    label: labelProp,\n    labelFormatter,\n    payload,\n    withSwatch = true,\n    ...rest\n  }) => {\n    const { nameKeyRef } = useChartComponentContext()\n    const label = labelFormatter\n      ? labelFormatter(labelProp, payload)\n      : labelProp\n\n    return (\n      <styled.div {...rest}>\n        {!isUndefined(label) && !isNull(label) ? (\n          <ChartTooltipLabel>{label}</ChartTooltipLabel>\n        ) : null}\n\n        <ChartTooltipList>\n          {payload.map((data, index) => {\n            if (nameKeyRef.current) data.name = data.payload[nameKeyRef.current]\n\n            const color = parseJSON(data.color) || data.payload.fill\n            const result =\n              formatter?.(data.value, data.name, data, index, payload) ??\n              (isArray(data.value) ? data.value.join(\", \") : data.value)\n            const [value, name] = isArray(result) ? result : [result, data.name]\n\n            return (\n              <ChartTooltipItem key={index}>\n                {withSwatch ? <ChartTooltipSwatch bg={color} /> : null}\n                <ChartTooltipName>{name}</ChartTooltipName>\n                <ChartTooltipValue>{value}</ChartTooltipValue>\n              </ChartTooltipItem>\n            )\n          })}\n        </ChartTooltipList>\n      </styled.div>\n    )\n  },\n  \"tooltipContent\",\n)()\n\ninterface ChartTooltipLabel extends HTMLStyledProps<\"p\"> {}\n\nconst ChartTooltipLabel = withContext<\"p\", ChartTooltipLabel>(\n  \"p\",\n  \"tooltipLabel\",\n)()\n\ninterface ChartTooltipList extends HTMLStyledProps {}\n\nconst ChartTooltipList = withContext<\"div\", ChartTooltipList>(\n  \"div\",\n  \"tooltipList\",\n)()\n\ninterface ChartTooltipItem extends HTMLStyledProps {}\n\nconst ChartTooltipItem = withContext<\"div\", ChartTooltipItem>(\n  \"div\",\n  \"tooltipItem\",\n)()\n\ninterface ChartTooltipSwatch extends HTMLStyledProps {}\n\nconst ChartTooltipSwatch = withContext<\"div\", ChartTooltipSwatch>(\n  \"div\",\n  \"tooltipSwatch\",\n)()\n\ninterface ChartTooltipName extends HTMLStyledProps<\"span\"> {}\n\nconst ChartTooltipName = withContext<\"span\", ChartTooltipName>(\n  \"span\",\n  \"tooltipName\",\n)()\n\ninterface ChartTooltipValue extends HTMLStyledProps<\"span\"> {}\n\nconst ChartTooltipValue = withContext<\"span\", ChartTooltipValue>(\n  \"span\",\n  \"tooltipValue\",\n)()\n\nexport interface ChartLabelListProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartLabelListProps\n> {}\n\nexport const ChartLabelList = withContext<\"text\", ChartLabelListProps>(\n  (props) => {\n    const { getLabelListProps, getRootProps } = useChartLabelList(props)\n\n    return (\n      <styled.text asChild {...getRootProps()}>\n        <LabelList {...getLabelListProps()} />\n      </styled.text>\n    )\n  },\n  \"labelList\",\n)()\n\nexport interface ChartLabelProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartLabelProps\n> {}\n\nexport const ChartLabel = withContext<\"text\", ChartLabelProps>((props) => {\n  const { getLabelProps, getRootProps } = useChartLabel(props)\n\n  return (\n    <styled.text asChild {...getRootProps()}>\n      <Label {...getLabelProps()} />\n    </styled.text>\n  )\n}, \"label\")()\n"],"mappings":";;;;;;;;;;;;;;;AAiHA,SAAgB,YACd,QACA,QAA2B,QAC3B,WAA6B,UACS;CACtC,MAAM,SAAS,UAAU,OAAO,QAAQ,OAAO,SAAS;CAExD,OAAO,OAAO,KAAK,MAAM,WAAW;EAAE,GAAG;EAAM,OAAO,OAAO;EAAQ,EAAE;;AAGzE,SAAgB,UACd,MACA,QAA0D,QAC1D,WAA6B,UACO;CACpC,MAAM,SAAS,UAAU,KAAK,QAAQ,OAAO,SAAS;CAEtD,OAAO,KAAK,KAAK,MAAM,WAAW;EAAE,GAAG;EAAM,MAAM,OAAO;EAAQ,EAAE;;AAGtE,SAAgB,UACd,QACA,QAA2D,QAC3D,WAA6B,UACR;CACrB,OAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,UAAU;EAE1C,MAAM,UAAU,GADF,KAAK,MAAM,MAAO,MAAM,SAAU,MACxB,CAAC;EAEzB,IAAI,aAAa,UACf,OAAO,CACL,eAAe,MAAgB,IAAI,QAAQ,IAC3C,gBAAgB,MAAgB,IAAI,QAAQ,GAC7C;OAED,OAAO,GAAG,SAAS,UAAU,MAAgB,IAAI,QAAQ;GAE3D;;AAGJ,SAAS,UAAU,OAAY;CAC7B,IAAI;EACF,OAAO,KAAK,MAAM,MAAM;SAClB;EACN,OAAO;;;AAqEX,MAAM,EACJ,kBACA,cAAc,mBACd,qBAAqB,0BACrB,iBAAiB,sBACjB,aACA,iBACEA,yBAAAA,oBACF,SACAC,oBAAAA,WACD;AAID,MAAa,QAAQ,cAClB,EACC,UACA,YAAY,gBACZ,QACA,aAAa,OACb,cAAc,MACd,aACA,0BACA,cACA,GAAG,WACa;CAChB,MAAM,EAAE,oBAAoB,gBAAgBC,kBAAAA,UAAU;CACtD,MAAM,cAAA,GAAA,MAAA,QAAwC,KAAA,EAAU;CACxD,MAAM,cAAA,GAAA,MAAA,eACE;EACJ,GAAG;EACH;GACE,WAAW;GACX,UAAU,aAAa,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAe,CAAA,GAAG;GAC1C;EACD;GACE,WAAW;GACX,UAAU,cAAc,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAgB,CAAA,GAAG;GAC5C;EACF,EACD;EAAC;EAAgB;EAAY;EAAY,CAC1C;CACD,MAAM,CAAC,iBAAiB,GAAG,oBAAoBC,iBAAAA,iBAC7C,UACA,GAAG,WAAW,KAAK,EAAE,gBAAgB,UAAU,CAChD;CAiBD,OACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,cAAD;EAAc,QAAA,GAAA,MAAA,gBAhBP;GACL;GACA;GACD,GACD,CAAC,oBAAoB,YAAY,CAYL;YAC1B,iBAAA,GAAA,kBAAA,KAAC,kBAAD;GAAkB,QAAA,GAAA,MAAA,gBAVb;IACL;IACA;IACA;IACD,GACD,CAAC,aAAa,aAAa,CAKgB;aACvC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;IAAY,GAAI;cACd,iBAAA,GAAA,kBAAA,KAACC,SAAAA,qBAAD;KAAqB,GAAI;eACtB,OAAO,EACN,UACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,WAAW,KAAK,EAAE,YAAY,UAC7B,iBAAA,GAAA,kBAAA,KAACC,MAAAA,UAAD,EAAA,UACG,iBAAiB,UAAU,UACnB,EAFI,MAEJ,CACX,EAED,gBACA,EAAA,CAAA,EAEN,CAAC;KACkB,CAAA;IACX,CAAA;GACI,CAAA;EACN,CAAA;GAGnB,OACD,CACC,KAAA,IACC,EACC,gBACA,eACA,mBACA,0BACA,qBACA,GAAG,YACE;CACL,sBAAsBC,YAAAA,QAAQ,gBAAgB,SAAS;CACvD,qBAAqBA,YAAAA,QAAQ,eAAe,SAAS;CACrD,yBAAyBA,YAAAA,QAAQ,mBAAmB,SAAS;CAC7D,iCAAiC;CACjC,2BAA2BA,YAAAA,QAAQ,qBAAqB,SAAS;CACjE,GAAG;CACJ,EACF;AAOD,MAAM,CAAC,oBAAoB,yBACzBC,gBAAAA,cAAkC,EAChC,MAAM,sBACP,CAAC;AAYJ,MAAa,cAAc,aAAsC,UAAU;CACzE,MAAM,EAAE,gBAAgB,0BAA0B;CAClD,MAAM,EAAE,cAAc,GAAG,SAASC,cAAAA,WAAW,aAAa,MAAM,EAAE;CAClE,MAAM,EACJ,uBACA,oBACA,gBACA,iBACEC,kBAAAA,eAAe;EACjB,UAAU,EAAE,WAAW,cACrB,iBAAA,GAAA,kBAAA,KAAC,oBAAD;GACa;GACF;GACT,GAAI,sBAAsB,aAAa;GACvC,CAAA;EAEJ,GAAG;EACJ,CAAC;CAGF,OACE,iBAAA,GAAA,kBAAA,KAAC,oBAAD;EAAoB,QAAA,GAAA,MAAA,gBAHS,EAAE,oBAAoB,GAAG,CAAC,mBAAmB,CAGxC;YAChC,iBAAA,GAAA,kBAAA,KAACN,gBAAAA,OAAO,KAAR;GAAY,SAAA;GAAQ,GAAI,cAAc;aACpC,iBAAA,GAAA,kBAAA,KAACO,SAAAA,QAAD,EAAQ,GAAI,gBAAgB,EAAI,CAAA;GACrB,CAAA;EACM,CAAA;GAEtB,SAAS,EAAE;AAYd,MAAM,qBAAqB,aACxB,EAAE,WAAW,SAAS,aAAa,MAAM,GAAG,WAAW;CACtD,MAAM,EAAE,eAAe,0BAA0B;CACjD,MAAM,EAAE,uBAAuB,uBAAuB;CAEtD,OACE,iBAAA,GAAA,kBAAA,KAACP,gBAAAA,OAAO,KAAR;EAAY,GAAI;YACb,SAAS,KAAK,MAAM,UAAU;GAC7B,IAAI,QAAQ,KAAK;GAEjB,IAAI,WAAW,SACb,QAAS,KAAK,UAAkB,WAAW;GAE7C,MAAM,WAAA,GAAA,oBAAA,cAAA,UACK,KAAK,QAAQ,KAAA,GAAA,oBAAA,cAAA,UAAa,KAAK,QAAQ,GAC5C,KAAK,UACL;GACN,MAAM,QAAQ,UAAU,KAAK,MAAM;GACnC,MAAM,iBAAiB,YAAY,OAAO,MAAM,MAAM,IAAI;GAE1D,OACE,iBAAA,GAAA,kBAAA,MAAC,iBAAD;IAA6B,GAAI,mBAAmB,EAAE,SAAS,CAAC;cAAhE,CACG,aAAa,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAmB,IAAI,OAAS,CAAA,GAAG,MACjD,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAA,UAAmB,gBAAkC,CAAA,CACrC;MAHI,MAGJ;IAEpB;EACS,CAAA;GAGjB,gBACD,EAAE;AAIH,MAAM,kBAAkB,YACtB,OACA,aACD,EAAE;AAIH,MAAM,oBAAoB,YACxB,OACA,eACD,EAAE;AAIH,MAAM,mBAAmB,YACvB,QACA,cACD,EAAE;AAmBH,MAAa,gBAIX,UACG;CACH,MAAM,EAAE,iBAAiB,0BAA0B;CACnD,MAAM,EACJ,SAAS,OACT,cACA,GAAG,SACD;EACF,GAAG;EACH,GAAG;EACJ;CACD,MAAM,EAAE,iBAAiB,iBAAiBQ,kBAAAA,gBAAsB;EAC9D,UAAU,EAAE,WAAW,OAAO,gBAAgB,cAC5C,iBAAA,GAAA,kBAAA,KAAC,qBAAD;GACa;GACJ;GACS;GACP;GACT,GAAI,gBAAgB,aAAa;GACjC,CAAA;EAEJ,SAAA,GAAA,MAAA,gBACiB,OAAO,IAAI,CAAC,SACzB,SAEA,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAoB,IAAA,GAAA,oBAAA,cAAA,UAAc,OAAO,GAAG,SAAS,EAAE,EAAK,CAAA;EAEhE,GAAG;EACJ,CAAC;CAEF,OAAO,iBAAA,GAAA,kBAAA,KAACC,SAAAA,SAAD,EAAS,IAAA,GAAA,oBAAA,cAAA,MAAuB,cAAc,CAAC,EAAI,CAAA;;AAiB5D,MAAM,qBAAqB,YACzB,QACA,gBACD,CACC,KAAA,IACC,EACC,QAAQ,SACR,aAAa,cACb,MACA,QACA,MAAM,OACN,SAAS,UACT,cAAc,eACd,QACA,OAAO,QACP,QACA,KAAK,MACL,OACA,GACA,GACA,GAAG,WACC;CAIJ,OAAO;EACL,SAAS;EACT,UAAU,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,GALR,SACN,IAAI,OAAO,IAAI,EAAE,GAAG,OAAO,IAAI,EAAE,GAAG,OAAO,IAAI,EAAE,GAAG,OAAO,IAAI,MAC/D,KAAK,EAAE,GAAG,EAAE,KAAK,MAAM,KAAK,OAAO,MAAM,MAAM;GAGnB;GAAe;GAAS,CAAA;EACtD,MAAM,SAAS,SAAS,KAAA,IAAY;EACpC,QAAQ,WAAW,SAAS,KAAA,IAAY;EACxC,GAAG;EACJ;EAEJ;AAeD,MAAM,sBAAsB,aACzB,EACC,WACA,OAAO,WACP,gBACA,SACA,aAAa,MACb,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,0BAA0B;CACjD,MAAM,QAAQ,iBACV,eAAe,WAAW,QAAQ,GAClC;CAEJ,OACE,iBAAA,GAAA,kBAAA,MAACT,gBAAAA,OAAO,KAAR;EAAY,GAAI;YAAhB,CACG,EAAA,GAAA,oBAAA,cAAA,aAAa,MAAM,IAAI,EAAA,GAAA,oBAAA,cAAA,QAAQ,MAAM,GACpC,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAA,UAAoB,OAA0B,CAAA,GAC5C,MAEJ,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAA,UACG,QAAQ,KAAK,MAAM,UAAU;GAC5B,IAAI,WAAW,SAAS,KAAK,OAAO,KAAK,QAAQ,WAAW;GAE5D,MAAM,QAAQ,UAAU,KAAK,MAAM,IAAI,KAAK,QAAQ;GACpD,MAAM,SACJ,YAAY,KAAK,OAAO,KAAK,MAAM,MAAM,OAAO,QAAQ,MAAA,GAAA,oBAAA,cAAA,SAC/C,KAAK,MAAM,GAAG,KAAK,MAAM,KAAK,KAAK,GAAG,KAAK;GACtD,MAAM,CAAC,OAAO,SAAA,GAAA,oBAAA,cAAA,SAAgB,OAAO,GAAG,SAAS,CAAC,QAAQ,KAAK,KAAK;GAEpE,OACE,iBAAA,GAAA,kBAAA,MAAC,kBAAD,EAAA,UAAA;IACG,aAAa,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAoB,IAAI,OAAS,CAAA,GAAG;IAClD,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAA,UAAmB,MAAwB,CAAA;IAC3C,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAA,UAAoB,OAA0B,CAAA;IAC7B,EAAA,EAJI,MAIJ;IAErB,EACe,CAAA,CACR;;GAGjB,iBACD,EAAE;AAIH,MAAM,oBAAoB,YACxB,KACA,eACD,EAAE;AAIH,MAAM,mBAAmB,YACvB,OACA,cACD,EAAE;AAIH,MAAM,mBAAmB,YACvB,OACA,cACD,EAAE;AAIH,MAAM,qBAAqB,YACzB,OACA,gBACD,EAAE;AAIH,MAAM,mBAAmB,YACvB,QACA,cACD,EAAE;AAIH,MAAM,oBAAoB,YACxB,QACA,eACD,EAAE;AAOH,MAAa,iBAAiB,aAC3B,UAAU;CACT,MAAM,EAAE,mBAAmB,iBAAiBU,kBAAAA,kBAAkB,MAAM;CAEpE,OACE,iBAAA,GAAA,kBAAA,KAACV,gBAAAA,OAAO,MAAR;EAAa,SAAA;EAAQ,GAAI,cAAc;YACrC,iBAAA,GAAA,kBAAA,KAACW,SAAAA,WAAD,EAAW,GAAI,mBAAmB,EAAI,CAAA;EAC1B,CAAA;GAGlB,YACD,EAAE;AAOH,MAAa,aAAa,aAAsC,UAAU;CACxE,MAAM,EAAE,eAAe,iBAAiBC,kBAAAA,cAAc,MAAM;CAE5D,OACE,iBAAA,GAAA,kBAAA,KAACZ,gBAAAA,OAAO,MAAR;EAAa,SAAA;EAAQ,GAAI,cAAc;YACrC,iBAAA,GAAA,kBAAA,KAACa,SAAAA,OAAD,EAAO,GAAI,eAAe,EAAI,CAAA;EAClB,CAAA;GAEf,QAAQ,EAAE"}
+{"version":3,"file":"chart.cjs","names":["createSlotComponent","chartStyle","useChart","useSplitChildren","ChartContext","styled","ResponsiveContainer","Fragment","varAttr","createContext","mergeProps","useChartLegend","Legend","useChartTooltip","Tooltip","useChartLabelList","LabelList","useChartLabel","Label"],"sources":["../../../../src/components/chart/chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  JSXElementConstructor,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport type {\n  ActiveDotProps,\n  DataKey,\n  DefaultLegendContentProps,\n  DotItemDotProps,\n  DotProps,\n  LabelProps,\n  RenderableText,\n  ResponsiveContainerProps,\n  TooltipContentProps,\n  TooltipProps,\n} from \"recharts\"\nimport type {\n  CSSProps,\n  ExtractStyleValueWithCondition,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { ChartStyle } from \"./chart.style\"\nimport type {\n  UseChartLabelListProps,\n  UseChartLabelProps,\n  UseChartLegendProps,\n  UseChartLegendReturn,\n  UseChartTooltipProps,\n} from \"./use-chart\"\nimport { Fragment, isValidElement, useMemo, useRef } from \"react\"\nimport {\n  Label,\n  LabelList,\n  Legend,\n  ResponsiveContainer,\n  Tooltip,\n} from \"recharts\"\nimport { createSlotComponent, mergeProps, styled, varAttr } from \"../../core\"\nimport {\n  cast,\n  createContext,\n  isArray,\n  isNull,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  useSplitChildren,\n} from \"../../utils\"\nimport { chartStyle } from \"./chart.style\"\nimport {\n  ChartContext,\n  useChart,\n  useChartLabel,\n  useChartLabelList,\n  useChartLegend,\n  useChartTooltip,\n} from \"./use-chart\"\n\nexport type ChartDot =\n  | ((props: DotItemDotProps) => ReactNode)\n  | boolean\n  | Merge<Partial<DotProps>, HTMLStyledProps<\"circle\">>\n  | ReactElement\n\nexport type ChartActiveDot =\n  | ((props: ActiveDotProps) => ReactNode)\n  | boolean\n  | Merge<Partial<ActiveDotProps>, HTMLStyledProps<\"circle\">>\n  | ReactElement\n\nexport type ChartLabel =\n  | ((props: any) => ReactElement | RenderableText)\n  | boolean\n  | (Merge<\n      HTMLStyledProps<\"text\">,\n      Pick<\n        LabelProps,\n        | \"angle\"\n        | \"content\"\n        | \"formatter\"\n        | \"index\"\n        | \"labelRef\"\n        | \"offset\"\n        | \"parentViewBox\"\n        | \"position\"\n        | \"textBreakAll\"\n        | \"value\"\n        | \"viewBox\"\n        | \"zIndex\"\n      >\n    > & { dataKey?: DataKey<any> })\n  | number\n  | ReactElement\n  | string\n\nexport type ChartLabelList =\n  | ((props: LabelProps) => ReactElement | RenderableText)\n  | boolean\n  | ChartLabelListProps\n  | ReactElement\n\nexport type ChartTickLine = boolean | HTMLStyledProps<\"line\">\n\nexport type GradientStrategy = \"invert\" | \"shade\" | \"tint\"\n\nexport function mergeSeries<Y>(\n  series: Y[],\n  color: CSSProps[\"color\"] = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): (Y & { color: CSSProps[\"color\"] })[] {\n  const colors = gradients(series.length, color, strategy)\n\n  return series.map((item, index) => ({ ...item, color: colors[index] }))\n}\n\nexport function mergeData<Y>(\n  data: Y[],\n  color: ExtractStyleValueWithCondition<CSSProps[\"fill\"]> = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): (Y & { fill: CSSProps[\"fill\"] })[] {\n  const colors = gradients(data.length, color, strategy)\n\n  return data.map((item, index) => ({ ...item, fill: colors[index] }))\n}\n\nexport function gradients(\n  length: number,\n  color: ExtractStyleValueWithCondition<CSSProps[\"color\"]> = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): CSSProps[\"color\"][] {\n  return Array.from({ length }, (_, index) => {\n    const value = Math.floor(100 - (100 / length) * index)\n    const percent = `${value}%`\n\n    if (strategy === \"invert\") {\n      return [\n        `tint(colors.${color as string}, ${percent})`,\n        `shade(colors.${color as string}, ${percent})`,\n      ]\n    } else {\n      return `${strategy}(colors.${color as string}, ${percent})`\n    }\n  })\n}\n\nfunction parseJSON(value: any) {\n  try {\n    return JSON.parse(value)\n  } catch {\n    return value\n  }\n}\n\ninterface ComponentContext extends Pick<\n  ChartProps,\n  \"legendProps\" | \"tooltipProps\"\n> {\n  nameKeyRef: RefObject<string | undefined>\n}\n\nexport interface ChartProps extends HTMLStyledProps, ThemeProps<ChartStyle> {\n  /**\n   * The components to render the chart components.\n   */\n  components: {\n    component: JSXElementConstructor<any>\n    fallback: ReactNode\n  }[]\n  /**\n   * The function to render the chart.\n   */\n  render: (props: PropsWithChildren) => ReactNode\n  /**\n   * The color of the label list.\n   */\n  labelListColor?: CSSProps[\"color\"]\n  /**\n   * The fill of the label list.\n   */\n  labelListFill?: CSSProps[\"fill\"]\n  /**\n   * The fill of the tooltip cursor.\n   */\n  tooltipCursorFill?: CSSProps[\"fill\"]\n  /**\n   * The fill opacity of the tooltip cursor.\n   */\n  tooltipCursorFillOpacity?: CSSProps[\"fillOpacity\"]\n  /**\n   * The stroke of the tooltip cursor.\n   */\n  tooltipCursorStroke?: CSSProps[\"stroke\"]\n  /**\n   * If `true`, legend is visible.\n   *\n   * @default false\n   */\n  withLegend?: boolean\n  /**\n   * If `true`, tooltip is visible.\n   *\n   * @default true\n   */\n  withTooltip?: boolean\n  /**\n   * Props for the legend component.\n   */\n  legendProps?: ChartLegendProps\n  /**\n   * Props for the responsive container component.\n   */\n  responsiveContainerProps?: ResponsiveContainerProps\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: ChartTooltipProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: ChartPropsContext,\n  useComponentContext: useChartComponentContext,\n  usePropsContext: useChartPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ChartProps, ChartStyle, ComponentContext>(\n  \"chart\",\n  chartStyle,\n)\n\nexport { ChartPropsContext, useChartComponentContext, useChartPropsContext }\n\nexport const Chart = withProvider(\n  ({\n    children,\n    components: componentsProp,\n    render,\n    withLegend = false,\n    withTooltip = true,\n    legendProps,\n    responsiveContainerProps,\n    tooltipProps,\n    ...rest\n  }: ChartProps) => {\n    const { highlightedDataKey, onHighlight } = useChart()\n    const nameKeyRef = useRef<string | undefined>(undefined)\n    const components = useMemo(\n      () => [\n        ...componentsProp,\n        {\n          component: ChartLegend,\n          fallback: withLegend ? <ChartLegend /> : null,\n        },\n        {\n          component: ChartTooltip,\n          fallback: withTooltip ? <ChartTooltip /> : null,\n        },\n      ],\n      [componentsProp, withLegend, withTooltip],\n    )\n    const [omittedChildren, ...customComponents] = useSplitChildren(\n      children,\n      ...components.map(({ component }) => component),\n    )\n    const context = useMemo(\n      () => ({\n        highlightedDataKey,\n        onHighlight,\n      }),\n      [highlightedDataKey, onHighlight],\n    )\n    const componentContext = useMemo(\n      () => ({\n        nameKeyRef,\n        legendProps,\n        tooltipProps,\n      }),\n      [legendProps, tooltipProps],\n    )\n\n    return (\n      <ChartContext value={context}>\n        <ComponentContext value={componentContext}>\n          <styled.div {...rest}>\n            <ResponsiveContainer {...responsiveContainerProps}>\n              {render({\n                children: (\n                  <>\n                    {components.map(({ fallback }, index) => (\n                      <Fragment key={index}>\n                        {customComponents[index] ?? fallback}\n                      </Fragment>\n                    ))}\n\n                    {omittedChildren}\n                  </>\n                ),\n              })}\n            </ResponsiveContainer>\n          </styled.div>\n        </ComponentContext>\n      </ChartContext>\n    )\n  },\n  \"root\",\n)(\n  undefined,\n  ({\n    labelListColor,\n    labelListFill,\n    tooltipCursorFill,\n    tooltipCursorFillOpacity,\n    tooltipCursorStroke,\n    ...rest\n  }) => ({\n    \"--label-list-color\": varAttr(labelListColor, \"colors\"),\n    \"--label-list-fill\": varAttr(labelListFill, \"colors\"),\n    \"--tooltip-cursor-fill\": varAttr(tooltipCursorFill, \"colors\"),\n    \"--tooltip-cursor-fill-opacity\": tooltipCursorFillOpacity,\n    \"--tooltip-cursor-stroke\": varAttr(tooltipCursorStroke, \"colors\"),\n    ...rest,\n  }),\n)\n\ninterface ChartLegendContext extends Pick<\n  UseChartLegendReturn,\n  \"getLegendItemProps\"\n> {}\n\nconst [ChartLegendContext, useChartLegendContext] =\n  createContext<ChartLegendContext>({\n    name: \"ChartLegendContext\",\n  })\n\nexport interface ChartLegendProps extends Merge<\n  HTMLStyledProps,\n  UseChartLegendProps\n> {\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<ChartLegendContentProps, \"formatter\" | \"payload\">\n}\n\nexport const ChartLegend = withContext<\"div\", ChartLegendProps>((props) => {\n  const { legendProps } = useChartComponentContext()\n  const { contentProps, ...rest } = mergeProps(legendProps, props)()\n  const {\n    getLegendContentProps,\n    getLegendItemProps,\n    getLegendProps,\n    getRootProps,\n  } = useChartLegend({\n    content: ({ formatter, payload }) => (\n      <ChartLegendContent\n        formatter={formatter}\n        payload={payload}\n        {...getLegendContentProps(contentProps)}\n      />\n    ),\n    ...rest,\n  })\n  const context = useMemo(() => ({ getLegendItemProps }), [getLegendItemProps])\n\n  return (\n    <ChartLegendContext value={context}>\n      <styled.div asChild {...getRootProps()}>\n        <Legend {...getLegendProps()} />\n      </styled.div>\n    </ChartLegendContext>\n  )\n}, \"legend\")()\n\ninterface ChartLegendContentProps\n  extends\n    HTMLStyledProps,\n    Pick<DefaultLegendContentProps, \"formatter\" | \"payload\"> {\n  /**\n   * If `true`, swatch is visible.\n   */\n  withSwatch?: boolean\n}\n\nconst ChartLegendContent = withContext<\"div\", ChartLegendContentProps>(\n  ({ formatter, payload, withSwatch = true, ...rest }) => {\n    const { nameKeyRef } = useChartComponentContext()\n    const { getLegendItemProps } = useChartLegendContext()\n\n    return (\n      <styled.div {...rest}>\n        {payload?.map((data, index) => {\n          let value = data.value\n\n          if (nameKeyRef.current)\n            value = (data.payload as any)?.[nameKeyRef.current]\n\n          const dataKey =\n            isString(data.dataKey) || isNumber(data.dataKey)\n              ? data.dataKey\n              : value\n          const color = parseJSON(data.color)\n          const formattedValue = formatter?.(value, data, index) ?? value\n\n          return (\n            <ChartLegendItem key={index} {...getLegendItemProps({ dataKey })}>\n              {withSwatch ? <ChartLegendSwatch bg={color} /> : null}\n              <ChartLegendValue>{formattedValue}</ChartLegendValue>\n            </ChartLegendItem>\n          )\n        })}\n      </styled.div>\n    )\n  },\n  \"legendContent\",\n)()\n\ninterface ChartLegendItemProps extends HTMLStyledProps {}\n\nconst ChartLegendItem = withContext<\"div\", ChartLegendItemProps>(\n  \"div\",\n  \"legendItem\",\n)()\n\ninterface ChartLegendSwatchProps extends HTMLStyledProps {}\n\nconst ChartLegendSwatch = withContext<\"div\", ChartLegendSwatchProps>(\n  \"div\",\n  \"legendSwatch\",\n)()\n\ninterface ChartLegendValueProps extends HTMLStyledProps<\"span\"> {}\n\nconst ChartLegendValue = withContext<\"span\", ChartLegendValueProps>(\n  \"span\",\n  \"legendValue\",\n)()\n\nexport interface ChartTooltipProps<\n  Y extends (number | string)[] | number | string = number,\n  M extends number | string = string,\n> extends Omit<Merge<HTMLStyledProps, UseChartTooltipProps<Y, M>>, \"cursor\"> {\n  /**\n   * Props for the cursor component.\n   */\n  cursor?: boolean | ChartTooltipCursorProps | ReactElement\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<\n    ChartTooltipContentProps,\n    \"formatter\" | \"label\" | \"labelFormatter\" | \"payload\"\n  >\n}\n\nexport const ChartTooltip = <\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n>(\n  props: ChartTooltipProps<Y, M>,\n) => {\n  const { tooltipProps } = useChartComponentContext()\n  const {\n    cursor = false,\n    contentProps,\n    ...rest\n  } = {\n    ...tooltipProps,\n    ...props,\n  } as ChartTooltipProps<Y, M>\n  const { getContentProps, getRootProps } = useChartTooltip<Y, M>({\n    content: ({ formatter, label, labelFormatter, payload }) => (\n      <ChartTooltipContent\n        formatter={formatter}\n        label={label}\n        labelFormatter={labelFormatter}\n        payload={payload}\n        {...getContentProps(contentProps)}\n      />\n    ),\n    cursor:\n      isValidElement(cursor) || !cursor ? (\n        cursor\n      ) : (\n        <ChartTooltipCursor {...(isObject(cursor) ? cursor : {})} />\n      ),\n    ...rest,\n  })\n\n  return <Tooltip {...cast<TooltipProps>(getRootProps())} />\n}\n\ninterface ChartTooltipCursorProps extends Omit<\n  HTMLStyledProps<\"path\">,\n  \"height\" | \"points\" | \"width\" | \"x\" | \"y\"\n> {\n  brushBottom?: number\n  height?: number\n  payload?: Dict[]\n  payloadIndex?: number\n  points?: { x: number; y: number }[]\n  width?: number\n  x?: number\n  y?: number\n}\n\nconst ChartTooltipCursor = withContext<\"path\", ChartTooltipCursorProps>(\n  \"path\",\n  \"tooltipCursor\",\n)(\n  undefined,\n  ({\n    bottom: _bottom,\n    brushBottom: _brushBottom,\n    fill,\n    height,\n    left: _left,\n    payload: _payload,\n    payloadIndex: _payloadIndex,\n    points,\n    right: _right,\n    stroke,\n    top: _top,\n    width,\n    x,\n    y,\n    ...rest\n  }) => {\n    const d = points\n      ? `M${points[0]?.x},${points[0]?.y}L${points[1]?.x},${points[1]?.y}`\n      : `M ${x},${y} h ${width} v ${height} h -${width} Z`\n    return {\n      asChild: true,\n      children: <path d={d} height={height} width={width} />,\n      fill: fill === \"#ccc\" ? undefined : fill,\n      stroke: stroke === \"#ccc\" ? undefined : stroke,\n      ...rest,\n    }\n  },\n)\n\ninterface ChartTooltipContentProps\n  extends\n    HTMLStyledProps,\n    Pick<\n      TooltipContentProps<any, any>,\n      \"formatter\" | \"label\" | \"labelFormatter\" | \"payload\"\n    > {\n  /**\n   * If `true`, swatch is visible.\n   */\n  withSwatch?: boolean\n}\n\nconst ChartTooltipContent = withContext<\"div\", ChartTooltipContentProps>(\n  ({\n    formatter,\n    label: labelProp,\n    labelFormatter,\n    payload,\n    withSwatch = true,\n    ...rest\n  }) => {\n    const { nameKeyRef } = useChartComponentContext()\n    const label = labelFormatter\n      ? labelFormatter(labelProp, payload)\n      : labelProp\n\n    return (\n      <styled.div {...rest}>\n        {!isUndefined(label) && !isNull(label) ? (\n          <ChartTooltipLabel>{label}</ChartTooltipLabel>\n        ) : null}\n\n        <ChartTooltipList>\n          {payload.map((data, index) => {\n            if (nameKeyRef.current) data.name = data.payload[nameKeyRef.current]\n\n            const color = parseJSON(data.color) || data.payload.fill\n            const result =\n              formatter?.(data.value, data.name, data, index, payload) ??\n              (isArray(data.value) ? data.value.join(\", \") : data.value)\n            const [value, name] = isArray(result) ? result : [result, data.name]\n\n            return (\n              <ChartTooltipItem key={index}>\n                {withSwatch ? <ChartTooltipSwatch bg={color} /> : null}\n                <ChartTooltipName>{name}</ChartTooltipName>\n                <ChartTooltipValue>{value}</ChartTooltipValue>\n              </ChartTooltipItem>\n            )\n          })}\n        </ChartTooltipList>\n      </styled.div>\n    )\n  },\n  \"tooltipContent\",\n)()\n\ninterface ChartTooltipLabel extends HTMLStyledProps<\"p\"> {}\n\nconst ChartTooltipLabel = withContext<\"p\", ChartTooltipLabel>(\n  \"p\",\n  \"tooltipLabel\",\n)()\n\ninterface ChartTooltipList extends HTMLStyledProps {}\n\nconst ChartTooltipList = withContext<\"div\", ChartTooltipList>(\n  \"div\",\n  \"tooltipList\",\n)()\n\ninterface ChartTooltipItem extends HTMLStyledProps {}\n\nconst ChartTooltipItem = withContext<\"div\", ChartTooltipItem>(\n  \"div\",\n  \"tooltipItem\",\n)()\n\ninterface ChartTooltipSwatch extends HTMLStyledProps {}\n\nconst ChartTooltipSwatch = withContext<\"div\", ChartTooltipSwatch>(\n  \"div\",\n  \"tooltipSwatch\",\n)()\n\ninterface ChartTooltipName extends HTMLStyledProps<\"span\"> {}\n\nconst ChartTooltipName = withContext<\"span\", ChartTooltipName>(\n  \"span\",\n  \"tooltipName\",\n)()\n\ninterface ChartTooltipValue extends HTMLStyledProps<\"span\"> {}\n\nconst ChartTooltipValue = withContext<\"span\", ChartTooltipValue>(\n  \"span\",\n  \"tooltipValue\",\n)()\n\nexport interface ChartLabelListProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartLabelListProps\n> {}\n\nexport const ChartLabelList = withContext<\"text\", ChartLabelListProps>(\n  (props) => {\n    const { getLabelListProps, getRootProps } = useChartLabelList(props)\n\n    return (\n      <styled.text asChild {...getRootProps()}>\n        <LabelList {...getLabelListProps()} />\n      </styled.text>\n    )\n  },\n  \"labelList\",\n)()\n\nexport interface ChartLabelProps extends Merge<\n  HTMLStyledProps<\"text\">,\n  UseChartLabelProps\n> {}\n\nexport const ChartLabel = withContext<\"text\", ChartLabelProps>((props) => {\n  const { getLabelProps, getRootProps } = useChartLabel(props)\n\n  return (\n    <styled.text asChild {...getRootProps()}>\n      <Label {...getLabelProps()} />\n    </styled.text>\n  )\n}, \"label\")()\n"],"mappings":"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"}

package/dist/cjs/components/chart/chart.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart.style.cjs","names":["defineComponentSlotStyle","buttonStyle","tooltipStyle"],"sources":["../../../../src/components/chart/chart.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport { tooltipStyle } from \"../tooltip\"\n\nexport const chartStyle = defineComponentSlotStyle({\n  base: {\n    label: { fill: \"currentColor\", fontSize: \"xs\", fontWeight: \"medium\" },\n    labelList: {\n      color: \"{label-list-color}\",\n      fill: \"{label-list-fill}\",\n      fontSize: \"xs\",\n      fontWeight: \"medium\",\n      stroke: \"none\",\n    },\n    legend: { mb: \"md\" },\n    legendContent: {\n      \"&:is([data-align=center])\": { justifyContent: \"center\" },\n      \"&:is([data-align=left])\": { justifyContent: \"flex-start\" },\n      \"&:is([data-align=right])\": { justifyContent: \"flex-end\" },\n      \"&:is([data-vertical-align=bottom])\": { mt: \"md\" },\n      \"&:is([data-vertical-align=middle])\": {\n        \"&:is([data-align=left])\": { me: \"md\" },\n        \"&:is([data-align=right])\": { ms: \"md\" },\n      },\n      \"&:is([data-vertical-align=top])\": { mb: \"md\" },\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      _horizontal: { alignItems: \"center\", flexDirection: \"row\" },\n      _vertical: { alignItems: \"stretch\", flexDirection: \"column\" },\n    },\n    legendItem: {\n      ...buttonStyle.base,\n      ...buttonStyle.sizes?.xs,\n      ...buttonStyle.variants?.ghost,\n    },\n    legendSwatch: {\n      bg: \"{legend-swatch-color}\",\n      boxSize: \"2\",\n      rounded: \"full\",\n    },\n    legendValue: { color: \"fg.muted\", flex: \"1\", fontSize: \"sm\" },\n    root: {\n      \"*\": { outline: \"none\" },\n      \"--label-list-color\": \"currentColor\",\n      \"--label-list-fill\": \"currentColor\",\n      \"--tooltip-cursor-fill\": \"colors.border\",\n      \"--tooltip-cursor-fill-opacity\": \"1\",\n      \"--tooltip-cursor-stroke\": \"colors.border\",\n      w: \"full\",\n    },\n    tooltipContent: {\n      ...tooltipStyle.base?.content,\n      display: \"flex\",\n      flexDirection: \"column\",\n      fontWeight: \"medium\",\n      gap: \"0.5\",\n      minW: \"3xs\",\n      zIndex: \"recoome\",\n    },\n    tooltipCursor: {\n      fill: \"{tooltip-cursor-fill}\",\n      fillOpacity: \"{tooltip-cursor-fill-opacity}\",\n      stroke: \"{tooltip-cursor-stroke}\",\n      strokeWidth: \"1\",\n    },\n    tooltipItem: { alignItems: \"center\", display: \"flex\", gap: \"sm\" },\n    tooltipLabel: {},\n    tooltipList: { display: \"flex\", flexDirection: \"column\", gap: \"0\" },\n    tooltipName: { color: \"fg.muted\" },\n    tooltipSwatch: {\n      bg: \"{tooltip-swatch-color}\",\n      boxSize: \"2\",\n      rounded: \"full\",\n    },\n    tooltipValue: { color: \"fg.emphasized\", flex: \"1\", textAlign: \"end\" },\n  },\n\n  sizes: {\n    xs: { root: { h: \"xs\" } },\n    sm: { root: { h: \"sm\" } },\n    md: { root: { h: \"md\" } },\n    lg: { root: { h: \"lg\" } },\n    xl: { root: { h: \"xl\" } },\n  },\n\n  defaultProps: { size: \"md\" },\n})\n\nexport type ChartStyle = typeof chartStyle\n"],"mappings":";;;;AAIA,MAAa,aAAaA,eAAAA,yBAAyB;CACjD,MAAM;EACJ,OAAO;GAAE,MAAM;GAAgB,UAAU;GAAM,YAAY;GAAU;EACrE,WAAW;GACT,OAAO;GACP,MAAM;GACN,UAAU;GACV,YAAY;GACZ,QAAQ;GACT;EACD,QAAQ,EAAE,IAAI,MAAM;EACpB,eAAe;GACb,6BAA6B,EAAE,gBAAgB,UAAU;GACzD,2BAA2B,EAAE,gBAAgB,cAAc;GAC3D,4BAA4B,EAAE,gBAAgB,YAAY;GAC1D,sCAAsC,EAAE,IAAI,MAAM;GAClD,sCAAsC;IACpC,2BAA2B,EAAE,IAAI,MAAM;IACvC,4BAA4B,EAAE,IAAI,MAAM;IACzC;GACD,mCAAmC,EAAE,IAAI,MAAM;GAC/C,SAAS;GACT,UAAU;GACV,aAAa;IAAE,YAAY;IAAU,eAAe;IAAO;GAC3D,WAAW;IAAE,YAAY;IAAW,eAAe;IAAU;GAC9D;EACD,YAAY;GACV,GAAGC,qBAAAA,YAAY;GACf,GAAGA,qBAAAA,YAAY,OAAO;GACtB,GAAGA,qBAAAA,YAAY,UAAU;GAC1B;EACD,cAAc;GACZ,IAAI;GACJ,SAAS;GACT,SAAS;GACV;EACD,aAAa;GAAE,OAAO;GAAY,MAAM;GAAK,UAAU;GAAM;EAC7D,MAAM;GACJ,KAAK,EAAE,SAAS,QAAQ;GACxB,sBAAsB;GACtB,qBAAqB;GACrB,yBAAyB;GACzB,iCAAiC;GACjC,2BAA2B;GAC3B,GAAG;GACJ;EACD,gBAAgB;GACd,GAAGC,sBAAAA,aAAa,MAAM;GACtB,SAAS;GACT,eAAe;GACf,YAAY;GACZ,KAAK;GACL,MAAM;GACN,QAAQ;GACT;EACD,eAAe;GACb,MAAM;GACN,aAAa;GACb,QAAQ;GACR,aAAa;GACd;EACD,aAAa;GAAE,YAAY;GAAU,SAAS;GAAQ,KAAK;GAAM;EACjE,cAAc,EAAE;EAChB,aAAa;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;GAAK;EACnE,aAAa,EAAE,OAAO,YAAY;EAClC,eAAe;GACb,IAAI;GACJ,SAAS;GACT,SAAS;GACV;EACD,cAAc;GAAE,OAAO;GAAiB,MAAM;GAAK,WAAW;GAAO;EACtE;CAED,OAAO;EACL,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;EACzB,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;EACzB,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;EACzB,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;EACzB,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;EAC1B;CAED,cAAc,EAAE,MAAM,MAAM;CAC7B,CAAC"}
+{"version":3,"file":"chart.style.cjs","names":["defineComponentSlotStyle","buttonStyle","tooltipStyle"],"sources":["../../../../src/components/chart/chart.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport { tooltipStyle } from \"../tooltip\"\n\nexport const chartStyle = defineComponentSlotStyle({\n  base: {\n    label: { fill: \"currentColor\", fontSize: \"xs\", fontWeight: \"medium\" },\n    labelList: {\n      color: \"{label-list-color}\",\n      fill: \"{label-list-fill}\",\n      fontSize: \"xs\",\n      fontWeight: \"medium\",\n      stroke: \"none\",\n    },\n    legend: { mb: \"md\" },\n    legendContent: {\n      \"&:is([data-align=center])\": { justifyContent: \"center\" },\n      \"&:is([data-align=left])\": { justifyContent: \"flex-start\" },\n      \"&:is([data-align=right])\": { justifyContent: \"flex-end\" },\n      \"&:is([data-vertical-align=bottom])\": { mt: \"md\" },\n      \"&:is([data-vertical-align=middle])\": {\n        \"&:is([data-align=left])\": { me: \"md\" },\n        \"&:is([data-align=right])\": { ms: \"md\" },\n      },\n      \"&:is([data-vertical-align=top])\": { mb: \"md\" },\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      _horizontal: { alignItems: \"center\", flexDirection: \"row\" },\n      _vertical: { alignItems: \"stretch\", flexDirection: \"column\" },\n    },\n    legendItem: {\n      ...buttonStyle.base,\n      ...buttonStyle.sizes?.xs,\n      ...buttonStyle.variants?.ghost,\n    },\n    legendSwatch: {\n      bg: \"{legend-swatch-color}\",\n      boxSize: \"2\",\n      rounded: \"full\",\n    },\n    legendValue: { color: \"fg.muted\", flex: \"1\", fontSize: \"sm\" },\n    root: {\n      \"*\": { outline: \"none\" },\n      \"--label-list-color\": \"currentColor\",\n      \"--label-list-fill\": \"currentColor\",\n      \"--tooltip-cursor-fill\": \"colors.border\",\n      \"--tooltip-cursor-fill-opacity\": \"1\",\n      \"--tooltip-cursor-stroke\": \"colors.border\",\n      w: \"full\",\n    },\n    tooltipContent: {\n      ...tooltipStyle.base?.content,\n      display: \"flex\",\n      flexDirection: \"column\",\n      fontWeight: \"medium\",\n      gap: \"0.5\",\n      minW: \"3xs\",\n      zIndex: \"recoome\",\n    },\n    tooltipCursor: {\n      fill: \"{tooltip-cursor-fill}\",\n      fillOpacity: \"{tooltip-cursor-fill-opacity}\",\n      stroke: \"{tooltip-cursor-stroke}\",\n      strokeWidth: \"1\",\n    },\n    tooltipItem: { alignItems: \"center\", display: \"flex\", gap: \"sm\" },\n    tooltipLabel: {},\n    tooltipList: { display: \"flex\", flexDirection: \"column\", gap: \"0\" },\n    tooltipName: { color: \"fg.muted\" },\n    tooltipSwatch: {\n      bg: \"{tooltip-swatch-color}\",\n      boxSize: \"2\",\n      rounded: \"full\",\n    },\n    tooltipValue: { color: \"fg.emphasized\", flex: \"1\", textAlign: \"end\" },\n  },\n\n  sizes: {\n    xs: { root: { h: \"xs\" } },\n    sm: { root: { h: \"sm\" } },\n    md: { root: { h: \"md\" } },\n    lg: { root: { h: \"lg\" } },\n    xl: { root: { h: \"xl\" } },\n  },\n\n  defaultProps: { size: \"md\" },\n})\n\nexport type ChartStyle = typeof chartStyle\n"],"mappings":";;;;AAIA,MAAa,aAAaA,eAAAA,yBAAyB;CACjD,MAAM;EACJ,OAAO;GAAE,MAAM;GAAgB,UAAU;GAAM,YAAY;EAAS;EACpE,WAAW;GACT,OAAO;GACP,MAAM;GACN,UAAU;GACV,YAAY;GACZ,QAAQ;EACV;EACA,QAAQ,EAAE,IAAI,KAAK;EACnB,eAAe;GACb,6BAA6B,EAAE,gBAAgB,SAAS;GACxD,2BAA2B,EAAE,gBAAgB,aAAa;GAC1D,4BAA4B,EAAE,gBAAgB,WAAW;GACzD,sCAAsC,EAAE,IAAI,KAAK;GACjD,sCAAsC;IACpC,2BAA2B,EAAE,IAAI,KAAK;IACtC,4BAA4B,EAAE,IAAI,KAAK;GACzC;GACA,mCAAmC,EAAE,IAAI,KAAK;GAC9C,SAAS;GACT,UAAU;GACV,aAAa;IAAE,YAAY;IAAU,eAAe;GAAM;GAC1D,WAAW;IAAE,YAAY;IAAW,eAAe;GAAS;EAC9D;EACA,YAAY;GACV,GAAGC,qBAAAA,YAAY;GACf,GAAGA,qBAAAA,YAAY,OAAO;GACtB,GAAGA,qBAAAA,YAAY,UAAU;EAC3B;EACA,cAAc;GACZ,IAAI;GACJ,SAAS;GACT,SAAS;EACX;EACA,aAAa;GAAE,OAAO;GAAY,MAAM;GAAK,UAAU;EAAK;EAC5D,MAAM;GACJ,KAAK,EAAE,SAAS,OAAO;GACvB,sBAAsB;GACtB,qBAAqB;GACrB,yBAAyB;GACzB,iCAAiC;GACjC,2BAA2B;GAC3B,GAAG;EACL;EACA,gBAAgB;GACd,GAAGC,sBAAAA,aAAa,MAAM;GACtB,SAAS;GACT,eAAe;GACf,YAAY;GACZ,KAAK;GACL,MAAM;GACN,QAAQ;EACV;EACA,eAAe;GACb,MAAM;GACN,aAAa;GACb,QAAQ;GACR,aAAa;EACf;EACA,aAAa;GAAE,YAAY;GAAU,SAAS;GAAQ,KAAK;EAAK;EAChE,cAAc,CAAC;EACf,aAAa;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAI;EAClE,aAAa,EAAE,OAAO,WAAW;EACjC,eAAe;GACb,IAAI;GACJ,SAAS;GACT,SAAS;EACX;EACA,cAAc;GAAE,OAAO;GAAiB,MAAM;GAAK,WAAW;EAAM;CACtE;CAEA,OAAO;EACL,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;EACxB,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;EACxB,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;EACxB,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;EACxB,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;CAC1B;CAEA,cAAc,EAAE,MAAM,KAAK;AAC7B,CAAC"}

package/dist/cjs/components/chart/composed-chart.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_composed_chart_style = require("./composed-chart.style.cjs");
 const require_chart = require("./chart.cjs");

package/dist/cjs/components/chart/composed-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"composed-chart.cjs","names":["gradients","createComponent","composedChartStyle","CartesianChart","ChartLine","ChartArea","ChartBar","OriginalComposedChart"],"sources":["../../../../src/components/chart/composed-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type {\n  CartesianChartProps,\n  ChartAreaProps,\n  ChartBarProps,\n  ChartLineProps,\n} from \"./cartesian-chart\"\nimport type { GradientStrategy } from \"./chart\"\nimport type { ComposedChartStyle } from \"./composed-chart.style\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport { useMemo } from \"react\"\nimport { ComposedChart as OriginalComposedChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport {\n  CartesianChart,\n  ChartArea,\n  ChartBar,\n  ChartLine,\n} from \"./cartesian-chart\"\nimport { gradients } from \"./chart\"\nimport { composedChartStyle } from \"./composed-chart.style\"\n\nexport type ComposedType = \"area\" | \"bar\" | \"line\"\n\nexport type ComposedProps<Y extends Dict = Dict> =\n  | readonly [\"area\", ChartAreaProps<Y>]\n  | readonly [\"bar\", ChartBarProps<Y>]\n  | readonly [\"line\", ChartLineProps<Y>]\n\nfunction isLine<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"line\", ChartLineProps<Y>] {\n  return props[0] === \"line\"\n}\n\nfunction isArea<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"area\", ChartAreaProps<Y>] {\n  return props[0] === \"area\"\n}\n\nfunction isBar<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"bar\", ChartBarProps<Y>] {\n  return props[0] === \"bar\"\n}\n\nexport function mergeSeries<Y extends Dict = Dict>(\n  series: ComposedProps<Y>[],\n  color: CSSProps[\"color\"] = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): ComposedProps<Y>[] {\n  const colors = gradients(series.length, color, strategy)\n\n  return series.map(\n    ([type, props], index) =>\n      [type, { ...props, color: colors[index] }] as ComposedProps<Y>,\n  )\n}\n\nexport interface ComposedChartProps<Y extends Dict = Dict>\n  extends\n    Omit<CartesianChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ComposedProps<Y>[]\n}\n\nconst {\n  PropsContext: ComposedChartPropsContext,\n  usePropsContext: useComposedChartPropsContext,\n  withContext,\n} = createComponent<ComposedChartProps, ComposedChartStyle>(\n  \"composed-chart\",\n  composedChartStyle,\n)\n\nexport { ComposedChartPropsContext, useComposedChartPropsContext }\n\n/**\n * `ComposedChart` is a component for drawing composed charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/composed-chart\n */\nexport const ComposedChart = withContext<\"div\", ComposedChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    barProps,\n    ...rest\n  }: ComposedChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series\n            .filter(isLine)\n            .map(([, props], index) => <ChartLine key={index} {...props} />),\n        },\n        {\n          component: ChartArea,\n          fallback: series\n            .filter(isArea)\n            .map(([, props], index) => <ChartArea key={index} {...props} />),\n        },\n        {\n          component: ChartBar,\n          fallback: series\n            .filter(isBar)\n            .map(([, props], index) => <ChartBar key={index} {...props} />),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => <OriginalComposedChart {...props} />}\n        barProps={{ barSize: 40, ...barProps }}\n        {...rest}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ComposedChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;AAiCA,SAAS,OACP,OACsC;CACtC,OAAO,MAAM,OAAO;;AAGtB,SAAS,OACP,OACsC;CACtC,OAAO,MAAM,OAAO;;AAGtB,SAAS,MACP,OACoC;CACpC,OAAO,MAAM,OAAO;;AAGtB,SAAgB,YACd,QACA,QAA2B,QAC3B,WAA6B,UACT;CACpB,MAAM,SAASA,cAAAA,UAAU,OAAO,QAAQ,OAAO,SAAS;CAExD,OAAO,OAAO,KACX,CAAC,MAAM,QAAQ,UACd,CAAC,MAAM;EAAE,GAAG;EAAO,OAAO,OAAO;EAAQ,CAAC,CAC7C;;AAaH,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,gBACEC,yBAAAA,gBACF,kBACAC,6BAAAA,mBACD;;;;;;AASD,MAAa,gBAAgB,aACV,EACf,UACA,SAAS,EAAE,EACX,UACA,GAAG,WACwB;CAyB3B,OACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,gBAAD;EACE,aAAA,GAAA,MAAA,eAzBI;GACJ;IACE,WAAWC,wBAAAA;IACX,UAAU,OACP,OAAO,OAAO,CACd,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,WAAD,EAAuB,GAAI,OAAS,EAApB,MAAoB,CAAC;IACnE;GACD;IACE,WAAWC,wBAAAA;IACX,UAAU,OACP,OAAO,OAAO,CACd,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,WAAD,EAAuB,GAAI,OAAS,EAApB,MAAoB,CAAC;IACnE;GACD;IACE,WAAWC,wBAAAA;IACX,UAAU,OACP,OAAO,MAAM,CACb,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,UAAD,EAAsB,GAAI,OAAS,EAApB,MAAoB,CAAC;IAClE;GACF,EACD,CAAC,OAAO,CAKgB;EACtB,SAAS,UAAU,iBAAA,GAAA,kBAAA,KAACC,SAAAA,eAAD,EAAuB,GAAI,OAAS,CAAA;EACvD,UAAU;GAAE,SAAS;GAAI,GAAG;GAAU;EACtC,GAAI;EAEH;EACc,CAAA;EAGtB,EAAE"}
+{"version":3,"file":"composed-chart.cjs","names":["gradients","createComponent","composedChartStyle","CartesianChart","ChartLine","ChartArea","ChartBar","OriginalComposedChart"],"sources":["../../../../src/components/chart/composed-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type {\n  CartesianChartProps,\n  ChartAreaProps,\n  ChartBarProps,\n  ChartLineProps,\n} from \"./cartesian-chart\"\nimport type { GradientStrategy } from \"./chart\"\nimport type { ComposedChartStyle } from \"./composed-chart.style\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport { useMemo } from \"react\"\nimport { ComposedChart as OriginalComposedChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport {\n  CartesianChart,\n  ChartArea,\n  ChartBar,\n  ChartLine,\n} from \"./cartesian-chart\"\nimport { gradients } from \"./chart\"\nimport { composedChartStyle } from \"./composed-chart.style\"\n\nexport type ComposedType = \"area\" | \"bar\" | \"line\"\n\nexport type ComposedProps<Y extends Dict = Dict> =\n  | readonly [\"area\", ChartAreaProps<Y>]\n  | readonly [\"bar\", ChartBarProps<Y>]\n  | readonly [\"line\", ChartLineProps<Y>]\n\nfunction isLine<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"line\", ChartLineProps<Y>] {\n  return props[0] === \"line\"\n}\n\nfunction isArea<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"area\", ChartAreaProps<Y>] {\n  return props[0] === \"area\"\n}\n\nfunction isBar<Y extends Dict>(\n  props: ComposedProps<Y>,\n): props is [\"bar\", ChartBarProps<Y>] {\n  return props[0] === \"bar\"\n}\n\nexport function mergeSeries<Y extends Dict = Dict>(\n  series: ComposedProps<Y>[],\n  color: CSSProps[\"color\"] = \"mono\",\n  strategy: GradientStrategy = \"invert\",\n): ComposedProps<Y>[] {\n  const colors = gradients(series.length, color, strategy)\n\n  return series.map(\n    ([type, props], index) =>\n      [type, { ...props, color: colors[index] }] as ComposedProps<Y>,\n  )\n}\n\nexport interface ComposedChartProps<Y extends Dict = Dict>\n  extends\n    Omit<CartesianChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ComposedProps<Y>[]\n}\n\nconst {\n  PropsContext: ComposedChartPropsContext,\n  usePropsContext: useComposedChartPropsContext,\n  withContext,\n} = createComponent<ComposedChartProps, ComposedChartStyle>(\n  \"composed-chart\",\n  composedChartStyle,\n)\n\nexport { ComposedChartPropsContext, useComposedChartPropsContext }\n\n/**\n * `ComposedChart` is a component for drawing composed charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/composed-chart\n */\nexport const ComposedChart = withContext<\"div\", ComposedChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    barProps,\n    ...rest\n  }: ComposedChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series\n            .filter(isLine)\n            .map(([, props], index) => <ChartLine key={index} {...props} />),\n        },\n        {\n          component: ChartArea,\n          fallback: series\n            .filter(isArea)\n            .map(([, props], index) => <ChartArea key={index} {...props} />),\n        },\n        {\n          component: ChartBar,\n          fallback: series\n            .filter(isBar)\n            .map(([, props], index) => <ChartBar key={index} {...props} />),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => <OriginalComposedChart {...props} />}\n        barProps={{ barSize: 40, ...barProps }}\n        {...rest}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: ComposedChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;AAiCA,SAAS,OACP,OACsC;CACtC,OAAO,MAAM,OAAO;AACtB;AAEA,SAAS,OACP,OACsC;CACtC,OAAO,MAAM,OAAO;AACtB;AAEA,SAAS,MACP,OACoC;CACpC,OAAO,MAAM,OAAO;AACtB;AAEA,SAAgB,YACd,QACA,QAA2B,QAC3B,WAA6B,UACT;CACpB,MAAM,SAASA,cAAAA,UAAU,OAAO,QAAQ,OAAO,QAAQ;CAEvD,OAAO,OAAO,KACX,CAAC,MAAM,QAAQ,UACd,CAAC,MAAM;EAAE,GAAG;EAAO,OAAO,OAAO;CAAO,CAAC,CAC7C;AACF;AAYA,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,gBACEC,yBAAAA,gBACF,kBACAC,6BAAAA,kBACF;;;;;;AASA,MAAa,gBAAgB,aACV,EACf,UACA,SAAS,CAAC,GACV,UACA,GAAG,WACwB;CAyB3B,OACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,gBAAD;EACE,aAAA,GAAA,MAAA,eAzBI;GACJ;IACE,WAAWC,wBAAAA;IACX,UAAU,OACP,OAAO,MAAM,EACb,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,WAAD,EAAuB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;GACnE;GACA;IACE,WAAWC,wBAAAA;IACX,UAAU,OACP,OAAO,MAAM,EACb,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,WAAD,EAAuB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;GACnE;GACA;IACE,WAAWC,wBAAAA;IACX,UAAU,OACP,OAAO,KAAK,EACZ,KAAK,GAAG,QAAQ,UAAU,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,UAAD,EAAsB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;GAClE;EACF,GACA,CAAC,MAAM,CAKgB;EACrB,SAAS,UAAU,iBAAA,GAAA,kBAAA,KAACC,SAAAA,eAAD,EAAuB,GAAI,MAAQ,CAAA;EACtD,UAAU;GAAE,SAAS;GAAI,GAAG;EAAS;EACrC,GAAI;EAEH;CACa,CAAA;AAEpB,CACF,EAAE"}

package/dist/cjs/components/chart/composed-chart.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"composed-chart.style.cjs","names":["defineComponentStyle","lineChartStyle"],"sources":["../../../../src/components/chart/composed-chart.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport { lineChartStyle } from \"./line-chart.style\"\n\nexport const composedChartStyle = defineComponentStyle({\n  base: {\n    ...lineChartStyle.base,\n    \"--bar-fill-opacity\": \"0.6\",\n    \"--bar-stroke\": \"none\",\n  },\n})\n\nexport type ComposedChartStyle = typeof composedChartStyle\n"],"mappings":";;;AAGA,MAAa,qBAAqBA,eAAAA,qBAAqB,EACrD,MAAM;CACJ,GAAGC,yBAAAA,eAAe;CAClB,sBAAsB;CACtB,gBAAgB;CACjB,EACF,CAAC"}
+{"version":3,"file":"composed-chart.style.cjs","names":["defineComponentStyle","lineChartStyle"],"sources":["../../../../src/components/chart/composed-chart.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport { lineChartStyle } from \"./line-chart.style\"\n\nexport const composedChartStyle = defineComponentStyle({\n  base: {\n    ...lineChartStyle.base,\n    \"--bar-fill-opacity\": \"0.6\",\n    \"--bar-stroke\": \"none\",\n  },\n})\n\nexport type ComposedChartStyle = typeof composedChartStyle\n"],"mappings":";;;AAGA,MAAa,qBAAqBA,eAAAA,qBAAqB,EACrD,MAAM;CACJ,GAAGC,yBAAAA,eAAe;CAClB,sBAAsB;CACtB,gBAAgB;AAClB,EACF,CAAC"}

package/dist/cjs/components/chart/donut-chart.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_donut_chart_style = require("./donut-chart.style.cjs");
 const require_polar_chart = require("./polar-chart.cjs");

package/dist/cjs/components/chart/donut-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"donut-chart.cjs","names":["createComponent","donutChartStyle","PolarChart","ChartDonut","OriginalPieChart"],"sources":["../../../../src/components/chart/donut-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { DonutChartStyle } from \"./donut-chart.style\"\nimport type { ChartDonutProps, PolarChartProps } from \"./polar-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { donutChartStyle } from \"./donut-chart.style\"\nimport { ChartDonut, PolarChart } from \"./polar-chart\"\n\nexport interface DonutChartProps<Y extends Dict = Dict>\n  extends\n    Omit<PolarChartProps<Y>, \"components\" | \"nameKey\" | \"render\">,\n    ThemeProps<DonutChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartDonutProps<Y>[]\n}\n\nconst {\n  PropsContext: DonutChartPropsContext,\n  usePropsContext: useDonutChartPropsContext,\n  withContext,\n} = createComponent<DonutChartProps, DonutChartStyle>(\n  \"donut-chart\",\n  donutChartStyle,\n)\n\nexport { DonutChartPropsContext, useDonutChartPropsContext }\n\n/**\n * `DonutChart` is a component for drawing donut charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/donut-chart\n */\nexport const DonutChart = withContext<\"div\", DonutChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    tooltipProps,\n    ...rest\n  }: DonutChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartDonut,\n          fallback: series.map((props, index) => (\n            <ChartDonut key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => <OriginalPieChart {...props} />}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...rest}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: DonutChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;AAwBA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACEA,yBAAAA,gBACF,eACAC,0BAAAA,gBACD;;;;;;AASD,MAAa,aAAa,aACP,EACf,UACA,SAAS,EAAE,EACX,cACA,GAAG,WACqB;CAgBxB,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,YAAD;EACE,aAAA,GAAA,MAAA,eAhBI,CACJ;GACE,WAAWC,oBAAAA;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,KAACA,oBAAAA,YAAD,EAAwB,GAAI,OAAS,EAApB,MAAoB,CACrC;GACH,CACF,EACD,CAAC,OAAO,CAQgB;EACtB,SAAS,UAAU,iBAAA,GAAA,kBAAA,KAACC,SAAAA,UAAD,EAAkB,GAAI,OAAS,CAAA;EAClD,cAAc;GAAE,iBAAA,GAAA,MAAA,mBANZ,MAAM,EAAE,CAMkB;GAAE,GAAG;GAAc;EACjD,GAAI;EAEH;EACU,CAAA;EAGlB,EAAE"}
+{"version":3,"file":"donut-chart.cjs","names":["createComponent","donutChartStyle","PolarChart","ChartDonut","OriginalPieChart"],"sources":["../../../../src/components/chart/donut-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { DonutChartStyle } from \"./donut-chart.style\"\nimport type { ChartDonutProps, PolarChartProps } from \"./polar-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { donutChartStyle } from \"./donut-chart.style\"\nimport { ChartDonut, PolarChart } from \"./polar-chart\"\n\nexport interface DonutChartProps<Y extends Dict = Dict>\n  extends\n    Omit<PolarChartProps<Y>, \"components\" | \"nameKey\" | \"render\">,\n    ThemeProps<DonutChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartDonutProps<Y>[]\n}\n\nconst {\n  PropsContext: DonutChartPropsContext,\n  usePropsContext: useDonutChartPropsContext,\n  withContext,\n} = createComponent<DonutChartProps, DonutChartStyle>(\n  \"donut-chart\",\n  donutChartStyle,\n)\n\nexport { DonutChartPropsContext, useDonutChartPropsContext }\n\n/**\n * `DonutChart` is a component for drawing donut charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/donut-chart\n */\nexport const DonutChart = withContext<\"div\", DonutChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    tooltipProps,\n    ...rest\n  }: DonutChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartDonut,\n          fallback: series.map((props, index) => (\n            <ChartDonut key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => <OriginalPieChart {...props} />}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...rest}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: DonutChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;AAwBA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACEA,yBAAAA,gBACF,eACAC,0BAAAA,eACF;;;;;;AASA,MAAa,aAAa,aACP,EACf,UACA,SAAS,CAAC,GACV,cACA,GAAG,WACqB;CAgBxB,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,YAAD;EACE,aAAA,GAAA,MAAA,eAhBI,CACJ;GACE,WAAWC,oBAAAA;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,KAACA,oBAAAA,YAAD,EAAwB,GAAI,MAAQ,GAAnB,KAAmB,CACrC;EACH,CACF,GACA,CAAC,MAAM,CAQgB;EACrB,SAAS,UAAU,iBAAA,GAAA,kBAAA,KAACC,SAAAA,UAAD,EAAkB,GAAI,MAAQ,CAAA;EACjD,cAAc;GAAE,iBAAA,GAAA,MAAA,mBANZ,MAAM,CAAC,CAMkB;GAAG,GAAG;EAAa;EAChD,GAAI;EAEH;CACS,CAAA;AAEhB,CACF,EAAE"}

package/dist/cjs/components/chart/donut-chart.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"donut-chart.style.cjs","names":["defineComponentStyle","pieChartStyle"],"sources":["../../../../src/components/chart/donut-chart.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport { pieChartStyle } from \"./pie-chart.style\"\n\nexport const donutChartStyle = defineComponentStyle({\n  base: pieChartStyle.base,\n})\n\nexport type DonutChartStyle = typeof donutChartStyle\n"],"mappings":";;;AAGA,MAAa,kBAAkBA,eAAAA,qBAAqB,EAClD,MAAMC,wBAAAA,cAAc,MACrB,CAAC"}
+{"version":3,"file":"donut-chart.style.cjs","names":["defineComponentStyle","pieChartStyle"],"sources":["../../../../src/components/chart/donut-chart.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport { pieChartStyle } from \"./pie-chart.style\"\n\nexport const donutChartStyle = defineComponentStyle({\n  base: pieChartStyle.base,\n})\n\nexport type DonutChartStyle = typeof donutChartStyle\n"],"mappings":";;;AAGA,MAAa,kBAAkBA,eAAAA,qBAAqB,EAClD,MAAMC,wBAAAA,cAAc,KACtB,CAAC"}

package/dist/cjs/components/chart/line-chart.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_line_chart_style = require("./line-chart.style.cjs");
 const require_cartesian_chart = require("./cartesian-chart.cjs");

package/dist/cjs/components/chart/line-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.cjs","names":["createComponent","lineChartStyle","CartesianChart","ChartLine","OriginalLineChart"],"sources":["../../../../src/components/chart/line-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { CartesianChartProps, ChartLineProps } from \"./cartesian-chart\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport { useMemo } from \"react\"\nimport { LineChart as OriginalLineChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { CartesianChart, ChartLine } from \"./cartesian-chart\"\nimport { lineChartStyle } from \"./line-chart.style\"\n\nexport interface LineChartProps<Y extends Dict = Dict>\n  extends\n    Omit<CartesianChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ChartLineProps<Y>[]\n}\n\nconst {\n  PropsContext: LineChartPropsContext,\n  usePropsContext: useLineChartPropsContext,\n  withContext,\n} = createComponent<LineChartProps, LineChartStyle>(\n  \"line-chart\",\n  lineChartStyle,\n)\n\nexport { LineChartPropsContext, useLineChartPropsContext }\n\n/**\n * `LineChart` is a component for drawing line charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/line-chart\n */\nexport const LineChart = withContext<\"div\", LineChartProps>(\n  <Y extends Dict>({ children, series = [], ...rest }: LineChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series.map((props, index) => (\n            <ChartLine key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => <OriginalLineChart {...props} />}\n        {...rest}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: LineChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;AAuBA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEA,yBAAAA,gBACF,cACAC,yBAAAA,eACD;;;;;;AASD,MAAa,YAAY,aACN,EAAE,UAAU,SAAS,EAAE,EAAE,GAAG,WAA8B;CAazE,OACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,gBAAD;EACE,aAAA,GAAA,MAAA,eAbI,CACJ;GACE,WAAWC,wBAAAA;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,WAAD,EAAuB,GAAI,OAAS,EAApB,MAAoB,CACpC;GACH,CACF,EACD,CAAC,OAAO,CAKgB;EACtB,SAAS,UAAU,iBAAA,GAAA,kBAAA,KAACC,SAAAA,WAAD,EAAmB,GAAI,OAAS,CAAA;EACnD,GAAI;EAEH;EACc,CAAA;EAGtB,EAAE"}
+{"version":3,"file":"line-chart.cjs","names":["createComponent","lineChartStyle","CartesianChart","ChartLine","OriginalLineChart"],"sources":["../../../../src/components/chart/line-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { CartesianChartProps, ChartLineProps } from \"./cartesian-chart\"\nimport type { LineChartStyle } from \"./line-chart.style\"\nimport { useMemo } from \"react\"\nimport { LineChart as OriginalLineChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { CartesianChart, ChartLine } from \"./cartesian-chart\"\nimport { lineChartStyle } from \"./line-chart.style\"\n\nexport interface LineChartProps<Y extends Dict = Dict>\n  extends\n    Omit<CartesianChartProps<Y>, \"components\" | \"render\">,\n    ThemeProps<LineChartStyle> {\n  /**\n   * If provided, generate lines based on series.\n   */\n  series?: ChartLineProps<Y>[]\n}\n\nconst {\n  PropsContext: LineChartPropsContext,\n  usePropsContext: useLineChartPropsContext,\n  withContext,\n} = createComponent<LineChartProps, LineChartStyle>(\n  \"line-chart\",\n  lineChartStyle,\n)\n\nexport { LineChartPropsContext, useLineChartPropsContext }\n\n/**\n * `LineChart` is a component for drawing line charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/line-chart\n */\nexport const LineChart = withContext<\"div\", LineChartProps>(\n  <Y extends Dict>({ children, series = [], ...rest }: LineChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartLine,\n          fallback: series.map((props, index) => (\n            <ChartLine key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n\n    return (\n      <CartesianChart\n        components={components}\n        render={(props) => <OriginalLineChart {...props} />}\n        {...rest}\n      >\n        {children}\n      </CartesianChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: LineChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;AAuBA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEA,yBAAAA,gBACF,cACAC,yBAAAA,cACF;;;;;;AASA,MAAa,YAAY,aACN,EAAE,UAAU,SAAS,CAAC,GAAG,GAAG,WAA8B;CAazE,OACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,gBAAD;EACE,aAAA,GAAA,MAAA,eAbI,CACJ;GACE,WAAWC,wBAAAA;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,WAAD,EAAuB,GAAI,MAAQ,GAAnB,KAAmB,CACpC;EACH,CACF,GACA,CAAC,MAAM,CAKgB;EACrB,SAAS,UAAU,iBAAA,GAAA,kBAAA,KAACC,SAAAA,WAAD,EAAmB,GAAI,MAAQ,CAAA;EAClD,GAAI;EAEH;CACa,CAAA;AAEpB,CACF,EAAE"}

package/dist/cjs/components/chart/line-chart.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/chart/line-chart.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const lineChartStyle = defineComponentStyle({\n  base: {\n    \"--legend-swatch-color\": \"{line-stroke}\",\n    \"--tooltip-swatch-color\": \"{line-stroke}\",\n  },\n})\n\nexport type LineChartStyle = typeof lineChartStyle\n"],"mappings":";AAEA,MAAa,wDAAiBA,CAAAA,qBAAqB,EACjD,MAAM;CACJ,yBAAyB;CACzB,0BAA0B;CAC3B,EACF,CAAC"}
+{"version":3,"file":"line-chart.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/chart/line-chart.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const lineChartStyle = defineComponentStyle({\n  base: {\n    \"--legend-swatch-color\": \"{line-stroke}\",\n    \"--tooltip-swatch-color\": \"{line-stroke}\",\n  },\n})\n\nexport type LineChartStyle = typeof lineChartStyle\n"],"mappings":";AAEA,MAAa,uDAAiBA,EAAAA,qBAAqB,EACjD,MAAM;CACJ,yBAAyB;CACzB,0BAA0B;AAC5B,EACF,CAAC"}

package/dist/cjs/components/chart/pie-chart.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_pie_chart_style = require("./pie-chart.style.cjs");
 const require_polar_chart = require("./polar-chart.cjs");

package/dist/cjs/components/chart/pie-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.cjs","names":["createComponent","pieChartStyle","PolarChart","ChartPie","OriginalPieChart"],"sources":["../../../../src/components/chart/pie-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { PieChartStyle } from \"./pie-chart.style\"\nimport type { ChartPieProps, PolarChartProps } from \"./polar-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { pieChartStyle } from \"./pie-chart.style\"\nimport { ChartPie, PolarChart } from \"./polar-chart\"\n\nexport interface PieChartProps<Y extends Dict = Dict>\n  extends\n    Omit<PolarChartProps<Y>, \"components\" | \"nameKey\" | \"render\">,\n    ThemeProps<PieChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartPieProps<Y>[]\n}\n\nconst {\n  PropsContext: PieChartPropsContext,\n  usePropsContext: usePieChartPropsContext,\n  withContext,\n} = createComponent<PieChartProps, PieChartStyle>(\"pie-chart\", pieChartStyle)\n\nexport { PieChartPropsContext, usePieChartPropsContext }\n\n/**\n * `PieChart` is a component for drawing pie charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/pie-chart\n */\nexport const PieChart = withContext<\"div\", PieChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    tooltipProps,\n    ...rest\n  }: PieChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartPie,\n          fallback: series.map((props, index) => (\n            <ChartPie key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => <OriginalPieChart {...props} />}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...rest}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: PieChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;AAwBA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACEA,yBAAAA,gBAA8C,aAAaC,wBAAAA,cAAc;;;;;;AAS7E,MAAa,WAAW,aACL,EACf,UACA,SAAS,EAAE,EACX,cACA,GAAG,WACmB;CAgBtB,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,YAAD;EACE,aAAA,GAAA,MAAA,eAhBI,CACJ;GACE,WAAWC,oBAAAA;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,KAACA,oBAAAA,UAAD,EAAsB,GAAI,OAAS,EAApB,MAAoB,CACnC;GACH,CACF,EACD,CAAC,OAAO,CAQgB;EACtB,SAAS,UAAU,iBAAA,GAAA,kBAAA,KAACC,SAAAA,UAAD,EAAkB,GAAI,OAAS,CAAA;EAClD,cAAc;GAAE,iBAAA,GAAA,MAAA,mBANZ,MAAM,EAAE,CAMkB;GAAE,GAAG;GAAc;EACjD,GAAI;EAEH;EACU,CAAA;EAGlB,EAAE"}
+{"version":3,"file":"pie-chart.cjs","names":["createComponent","pieChartStyle","PolarChart","ChartPie","OriginalPieChart"],"sources":["../../../../src/components/chart/pie-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { ChartTooltipProps } from \"./chart\"\nimport type { PieChartStyle } from \"./pie-chart.style\"\nimport type { ChartPieProps, PolarChartProps } from \"./polar-chart\"\nimport { useCallback, useMemo } from \"react\"\nimport { PieChart as OriginalPieChart } from \"recharts\"\nimport { createComponent } from \"../../core\"\nimport { pieChartStyle } from \"./pie-chart.style\"\nimport { ChartPie, PolarChart } from \"./polar-chart\"\n\nexport interface PieChartProps<Y extends Dict = Dict>\n  extends\n    Omit<PolarChartProps<Y>, \"components\" | \"nameKey\" | \"render\">,\n    ThemeProps<PieChartStyle> {\n  /***\n   * If provided, generate lines based on series.\n   */\n  series?: ChartPieProps<Y>[]\n}\n\nconst {\n  PropsContext: PieChartPropsContext,\n  usePropsContext: usePieChartPropsContext,\n  withContext,\n} = createComponent<PieChartProps, PieChartStyle>(\"pie-chart\", pieChartStyle)\n\nexport { PieChartPropsContext, usePieChartPropsContext }\n\n/**\n * `PieChart` is a component for drawing pie charts to compare multiple sets of data.\n *\n * @see https://yamada-ui.com/docs/components/pie-chart\n */\nexport const PieChart = withContext<\"div\", PieChartProps>(\n  <Y extends Dict>({\n    children,\n    series = [],\n    tooltipProps,\n    ...rest\n  }: PieChartProps<Y>) => {\n    const components = useMemo(\n      () => [\n        {\n          component: ChartPie,\n          fallback: series.map((props, index) => (\n            <ChartPie key={index} {...props} />\n          )),\n        },\n      ],\n      [series],\n    )\n    const labelFormatter = useCallback<\n      NonNullable<ChartTooltipProps[\"labelFormatter\"]>\n    >(() => null, [])\n\n    return (\n      <PolarChart\n        components={components}\n        render={(props) => <OriginalPieChart {...props} />}\n        tooltipProps={{ labelFormatter, ...tooltipProps }}\n        {...rest}\n      >\n        {children}\n      </PolarChart>\n    )\n  },\n)() as GenericsComponent<{\n  <Y extends Dict>(props: PieChartProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;AAwBA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACEA,yBAAAA,gBAA8C,aAAaC,wBAAAA,aAAa;;;;;;AAS5E,MAAa,WAAW,aACL,EACf,UACA,SAAS,CAAC,GACV,cACA,GAAG,WACmB;CAgBtB,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,YAAD;EACE,aAAA,GAAA,MAAA,eAhBI,CACJ;GACE,WAAWC,oBAAAA;GACX,UAAU,OAAO,KAAK,OAAO,UAC3B,iBAAA,GAAA,kBAAA,KAACA,oBAAAA,UAAD,EAAsB,GAAI,MAAQ,GAAnB,KAAmB,CACnC;EACH,CACF,GACA,CAAC,MAAM,CAQgB;EACrB,SAAS,UAAU,iBAAA,GAAA,kBAAA,KAACC,SAAAA,UAAD,EAAkB,GAAI,MAAQ,CAAA;EACjD,cAAc;GAAE,iBAAA,GAAA,MAAA,mBANZ,MAAM,CAAC,CAMkB;GAAG,GAAG;EAAa;EAChD,GAAI;EAEH;CACS,CAAA;AAEhB,CACF,EAAE"}

package/dist/cjs/components/chart/pie-chart.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/chart/pie-chart.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const pieChartStyle = defineComponentStyle({\n  base: {\n    \"--legend-swatch-color\": \"{sector-color}\",\n    \"--tooltip-swatch-color\": \"{sector-color}\",\n  },\n})\n\nexport type PieChartStyle = typeof pieChartStyle\n"],"mappings":";AAEA,MAAa,uDAAgBA,CAAAA,qBAAqB,EAChD,MAAM;CACJ,yBAAyB;CACzB,0BAA0B;CAC3B,EACF,CAAC"}
+{"version":3,"file":"pie-chart.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/chart/pie-chart.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const pieChartStyle = defineComponentStyle({\n  base: {\n    \"--legend-swatch-color\": \"{sector-color}\",\n    \"--tooltip-swatch-color\": \"{sector-color}\",\n  },\n})\n\nexport type PieChartStyle = typeof pieChartStyle\n"],"mappings":";AAEA,MAAa,sDAAgBA,EAAAA,qBAAqB,EAChD,MAAM;CACJ,yBAAyB;CACzB,0BAA0B;AAC5B,EACF,CAAC"}

package/dist/cjs/components/chart/polar-chart.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_var = require("../../core/system/var.cjs");