@yamada-ui/react 2.2.2-dev-20260525091318 → 2.2.2-dev-20260525152928

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

@@ -1 +1 @@
-{"version":3,"file":"use-chart.cjs","names":["createContext","mergeProps"],"sources":["../../../../src/components/chart/use-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  LabelListProps,\n  LabelProps,\n  LegendProps,\n  TooltipProps,\n} from \"recharts\"\nimport type {\n  Direction,\n  HTMLProps,\n  PropGetter,\n  RequiredPropGetter,\n} from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport { useCallback, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { createContext, dataAttr, handlerAll, isUndefined } from \"../../utils\"\n\nconst PLACEMENT_MAP: {\n  [key in Direction]: {\n    align: LegendProps[\"align\"]\n    verticalAlign: LegendProps[\"verticalAlign\"]\n  }\n} = {\n  \"center-end\": { align: \"right\", verticalAlign: \"middle\" },\n  \"center-end-end\": { align: \"right\", verticalAlign: \"bottom\" },\n  \"center-end-start\": { align: \"right\", verticalAlign: \"top\" },\n  \"center-start\": { align: \"left\", verticalAlign: \"middle\" },\n  \"center-start-end\": { align: \"left\", verticalAlign: \"bottom\" },\n  \"center-start-start\": { align: \"left\", verticalAlign: \"top\" },\n  end: { align: \"center\", verticalAlign: \"bottom\" },\n  \"end-center\": { align: \"center\", verticalAlign: \"bottom\" },\n  \"end-end\": { align: \"right\", verticalAlign: \"bottom\" },\n  \"end-start\": { align: \"left\", verticalAlign: \"bottom\" },\n  start: { align: \"center\", verticalAlign: \"top\" },\n  \"start-center\": { align: \"center\", verticalAlign: \"top\" },\n  \"start-end\": { align: \"right\", verticalAlign: \"top\" },\n  \"start-start\": { align: \"left\", verticalAlign: \"top\" },\n}\n\ninterface ChartContext extends UseChartReturn {}\n\nconst [ChartContext, useChartContext] = createContext<ChartContext>({\n  name: \"ChartContext\",\n})\n\nexport { ChartContext, useChartContext }\n\nexport const useChart = () => {\n  const [highlightedDataKey, setHighlightedDataKey] = useState<\n    number | string | undefined\n  >(undefined)\n\n  const onHighlight = useCallback((dataKey?: number | string) => {\n    setHighlightedDataKey(dataKey)\n  }, [])\n\n  return { highlightedDataKey, onHighlight }\n}\n\nexport type UseChartReturn = ReturnType<typeof useChart>\n\nexport interface UseChartLegendProps extends Merge<\n  HTMLProps,\n  Pick<\n    LegendProps,\n    | \"align\"\n    | \"content\"\n    | \"formatter\"\n    | \"itemSorter\"\n    | \"layout\"\n    | \"onBBoxUpdate\"\n    | \"onClick\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"payloadUniqBy\"\n    | \"portal\"\n    | \"verticalAlign\"\n  >\n> {\n  /**\n   * The placement of the legend.\n   *\n   * @default 'start-end'\n   */\n  placement?: Direction\n}\n\nexport const useChartLegend = ({\n  placement = \"start-end\",\n  align = PLACEMENT_MAP[placement].align,\n  content,\n  formatter,\n  itemSorter,\n  layout = placement.startsWith(\"center\") ? \"vertical\" : \"horizontal\",\n  payloadUniqBy,\n  portal,\n  verticalAlign = PLACEMENT_MAP[placement].verticalAlign,\n  onBBoxUpdate,\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: UseChartLegendProps = {}) => {\n  const { highlightedDataKey, onHighlight } = useChartContext()\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getLegendProps: PropGetter<LegendProps> = useCallback(\n    (props) => ({\n      align,\n      content,\n      formatter,\n      itemSorter,\n      layout,\n      payloadUniqBy,\n      portal,\n      verticalAlign,\n      onBBoxUpdate,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      ...props,\n    }),\n    [\n      align,\n      content,\n      formatter,\n      itemSorter,\n      layout,\n      onBBoxUpdate,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      payloadUniqBy,\n      portal,\n      verticalAlign,\n    ],\n  )\n\n  const getLegendContentProps: PropGetter = useCallback(\n    (props) => ({\n      \"data-align\": align,\n      \"data-orientation\": layout,\n      \"data-vertical-align\": verticalAlign,\n      ...props,\n    }),\n    [align, layout, verticalAlign],\n  )\n\n  const getLegendItemProps: RequiredPropGetter<\n    \"div\",\n    { dataKey?: number | string }\n  > = useCallback(\n    ({ dataKey, ...props }) => ({\n      ...props,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => onHighlight(dataKey)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => onHighlight()),\n    }),\n    [highlightedDataKey, onHighlight],\n  )\n\n  return {\n    getLegendContentProps,\n    getLegendItemProps,\n    getLegendProps,\n    getRootProps,\n  }\n}\n\nexport type UseChartLegendReturn = ReturnType<typeof useChartLegend>\n\nexport interface UseChartTooltipProps<\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n> extends Merge<\n  HTMLProps,\n  Omit<\n    TooltipProps<Y, M>,\n    | \"contentStyle\"\n    | \"itemStyle\"\n    | \"labelClassName\"\n    | \"labelStyle\"\n    | \"separator\"\n    | \"wrapperClassName\"\n    | \"wrapperStyle\"\n  >\n> {}\n\nexport const useChartTooltip = <\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n>({\n  active,\n  allowEscapeViewBox,\n  animationDuration = 0,\n  animationEasing,\n  axisId,\n  content,\n  cursor,\n  defaultIndex,\n  filterNull,\n  formatter,\n  includeHidden,\n  isAnimationActive = (animationDuration || 0) > 0,\n  itemSorter,\n  labelFormatter,\n  offset,\n  payloadUniqBy,\n  portal,\n  position,\n  reverseDirection,\n  shared,\n  trigger,\n  useTranslate3d,\n  ...rest\n}: UseChartTooltipProps<Y, M> = {}) => {\n  const getRootProps: PropGetter<TooltipProps<Y, M>> = useCallback(\n    (props) => ({\n      active,\n      allowEscapeViewBox,\n      animationDuration,\n      animationEasing,\n      axisId,\n      content,\n      cursor,\n      defaultIndex,\n      filterNull,\n      formatter,\n      includeHidden,\n      isAnimationActive,\n      itemSorter,\n      labelFormatter,\n      offset,\n      payloadUniqBy,\n      portal,\n      position,\n      reverseDirection,\n      shared,\n      trigger,\n      useTranslate3d,\n      ...props,\n    }),\n    [\n      active,\n      allowEscapeViewBox,\n      animationDuration,\n      animationEasing,\n      axisId,\n      content,\n      cursor,\n      defaultIndex,\n      filterNull,\n      formatter,\n      includeHidden,\n      isAnimationActive,\n      itemSorter,\n      labelFormatter,\n      offset,\n      payloadUniqBy,\n      portal,\n      position,\n      reverseDirection,\n      shared,\n      trigger,\n      useTranslate3d,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  return { getContentProps, getRootProps }\n}\n\nexport type UseChartTooltipReturn<\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n> = ReturnType<typeof useChartTooltip<Y, M>>\n\nexport interface UseChartLabelListProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    LabelListProps,\n    | \"angle\"\n    | \"clockWise\"\n    | \"content\"\n    | \"dataKey\"\n    | \"formatter\"\n    | \"offset\"\n    | \"position\"\n    | \"textBreakAll\"\n    | \"valueAccessor\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartLabelList = ({\n  angle,\n  clockWise,\n  content,\n  dataKey,\n  formatter,\n  offset = 12,\n  position = \"top\",\n  textBreakAll,\n  valueAccessor,\n  zIndex,\n  ...rest\n}: UseChartLabelListProps = {}) => {\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getLabelListProps: PropGetter<LabelListProps> = useCallback(\n    (props) => ({\n      angle,\n      clockWise,\n      content,\n      dataKey,\n      fill: \"\",\n      formatter,\n      offset,\n      position,\n      textBreakAll,\n      valueAccessor,\n      zIndex,\n      ...props,\n    }),\n    [\n      angle,\n      clockWise,\n      content,\n      dataKey,\n      formatter,\n      offset,\n      position,\n      textBreakAll,\n      valueAccessor,\n      zIndex,\n    ],\n  )\n\n  return { getLabelListProps, getRootProps }\n}\n\nexport type UseChartLabelListReturn = ReturnType<typeof useChartLabelList>\n\nexport interface UseChartLabelProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    LabelProps,\n    | \"angle\"\n    | \"children\"\n    | \"content\"\n    | \"formatter\"\n    | \"labelRef\"\n    | \"offset\"\n    | \"parentViewBox\"\n    | \"position\"\n    | \"value\"\n    | \"viewBox\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartLabel = ({\n  angle,\n  children,\n  content,\n  formatter,\n  labelRef,\n  offset,\n  parentViewBox,\n  position,\n  value,\n  viewBox,\n  zIndex,\n  ...rest\n}: UseChartLabelProps = {}) => {\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getLabelProps: PropGetter<LabelProps> = useCallback(\n    (props) => ({\n      angle,\n      children,\n      content,\n      fill: \"\",\n      formatter,\n      labelRef,\n      offset,\n      parentViewBox,\n      position,\n      value,\n      viewBox,\n      zIndex,\n      ...props,\n    }),\n    [\n      angle,\n      children,\n      content,\n      formatter,\n      labelRef,\n      offset,\n      parentViewBox,\n      position,\n      value,\n      viewBox,\n      zIndex,\n    ],\n  )\n\n  return { getLabelProps, getRootProps }\n}\n\nexport type UseChartLabelReturn = ReturnType<typeof useChartLabel>\n"],"mappings":"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IACT,WAAW,OACX,cACA,eACA,QACA,GAAG,SACuB,EAAE,KAAK;CACjC,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;CA+BD,OAAO;EAAE,oBAAA,GAAA,MAAA,cA5BN,WAAW;GACV;GACA;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAGuB;EAAE;EAAc;;AAuB5C,MAAa,iBAAiB,EAC5B,OACA,UACA,SACA,WACA,UACA,QACA,eACA,UACA,OACA,SACA,QACA,GAAG,SACmB,EAAE,KAAK;CAC7B,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;CAiCD,OAAO;EAAE,gBAAA,GAAA,MAAA,cA9BN,WAAW;GACV;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAGmB;EAAE;EAAc"}
+{"version":3,"file":"use-chart.cjs","names":["createContext","mergeProps"],"sources":["../../../../src/components/chart/use-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  LabelListProps,\n  LabelProps,\n  LegendProps,\n  TooltipProps,\n} from \"recharts\"\nimport type {\n  Direction,\n  HTMLProps,\n  PropGetter,\n  RequiredPropGetter,\n} from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport { useCallback, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { createContext, dataAttr, handlerAll, isUndefined } from \"../../utils\"\n\nconst PLACEMENT_MAP: {\n  [key in Direction]: {\n    align: LegendProps[\"align\"]\n    verticalAlign: LegendProps[\"verticalAlign\"]\n  }\n} = {\n  \"center-end\": { align: \"right\", verticalAlign: \"middle\" },\n  \"center-end-end\": { align: \"right\", verticalAlign: \"bottom\" },\n  \"center-end-start\": { align: \"right\", verticalAlign: \"top\" },\n  \"center-start\": { align: \"left\", verticalAlign: \"middle\" },\n  \"center-start-end\": { align: \"left\", verticalAlign: \"bottom\" },\n  \"center-start-start\": { align: \"left\", verticalAlign: \"top\" },\n  end: { align: \"center\", verticalAlign: \"bottom\" },\n  \"end-center\": { align: \"center\", verticalAlign: \"bottom\" },\n  \"end-end\": { align: \"right\", verticalAlign: \"bottom\" },\n  \"end-start\": { align: \"left\", verticalAlign: \"bottom\" },\n  start: { align: \"center\", verticalAlign: \"top\" },\n  \"start-center\": { align: \"center\", verticalAlign: \"top\" },\n  \"start-end\": { align: \"right\", verticalAlign: \"top\" },\n  \"start-start\": { align: \"left\", verticalAlign: \"top\" },\n}\n\ninterface ChartContext extends UseChartReturn {}\n\nconst [ChartContext, useChartContext] = createContext<ChartContext>({\n  name: \"ChartContext\",\n})\n\nexport { ChartContext, useChartContext }\n\nexport const useChart = () => {\n  const [highlightedDataKey, setHighlightedDataKey] = useState<\n    number | string | undefined\n  >(undefined)\n\n  const onHighlight = useCallback((dataKey?: number | string) => {\n    setHighlightedDataKey(dataKey)\n  }, [])\n\n  return { highlightedDataKey, onHighlight }\n}\n\nexport type UseChartReturn = ReturnType<typeof useChart>\n\nexport interface UseChartLegendProps extends Merge<\n  HTMLProps,\n  Pick<\n    LegendProps,\n    | \"align\"\n    | \"content\"\n    | \"formatter\"\n    | \"itemSorter\"\n    | \"layout\"\n    | \"onBBoxUpdate\"\n    | \"onClick\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"payloadUniqBy\"\n    | \"portal\"\n    | \"verticalAlign\"\n  >\n> {\n  /**\n   * The placement of the legend.\n   *\n   * @default 'start-end'\n   */\n  placement?: Direction\n}\n\nexport const useChartLegend = ({\n  placement = \"start-end\",\n  align = PLACEMENT_MAP[placement].align,\n  content,\n  formatter,\n  itemSorter,\n  layout = placement.startsWith(\"center\") ? \"vertical\" : \"horizontal\",\n  payloadUniqBy,\n  portal,\n  verticalAlign = PLACEMENT_MAP[placement].verticalAlign,\n  onBBoxUpdate,\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: UseChartLegendProps = {}) => {\n  const { highlightedDataKey, onHighlight } = useChartContext()\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getLegendProps: PropGetter<LegendProps> = useCallback(\n    (props) => ({\n      align,\n      content,\n      formatter,\n      itemSorter,\n      layout,\n      payloadUniqBy,\n      portal,\n      verticalAlign,\n      onBBoxUpdate,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      ...props,\n    }),\n    [\n      align,\n      content,\n      formatter,\n      itemSorter,\n      layout,\n      onBBoxUpdate,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      payloadUniqBy,\n      portal,\n      verticalAlign,\n    ],\n  )\n\n  const getLegendContentProps: PropGetter = useCallback(\n    (props) => ({\n      \"data-align\": align,\n      \"data-orientation\": layout,\n      \"data-vertical-align\": verticalAlign,\n      ...props,\n    }),\n    [align, layout, verticalAlign],\n  )\n\n  const getLegendItemProps: RequiredPropGetter<\n    \"div\",\n    { dataKey?: number | string }\n  > = useCallback(\n    ({ dataKey, ...props }) => ({\n      ...props,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => onHighlight(dataKey)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => onHighlight()),\n    }),\n    [highlightedDataKey, onHighlight],\n  )\n\n  return {\n    getLegendContentProps,\n    getLegendItemProps,\n    getLegendProps,\n    getRootProps,\n  }\n}\n\nexport type UseChartLegendReturn = ReturnType<typeof useChartLegend>\n\nexport interface UseChartTooltipProps<\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n> extends Merge<\n  HTMLProps,\n  Omit<\n    TooltipProps<Y, M>,\n    | \"contentStyle\"\n    | \"itemStyle\"\n    | \"labelClassName\"\n    | \"labelStyle\"\n    | \"separator\"\n    | \"wrapperClassName\"\n    | \"wrapperStyle\"\n  >\n> {}\n\nexport const useChartTooltip = <\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n>({\n  active,\n  allowEscapeViewBox,\n  animationDuration = 0,\n  animationEasing,\n  axisId,\n  content,\n  cursor,\n  defaultIndex,\n  filterNull,\n  formatter,\n  includeHidden,\n  isAnimationActive = (animationDuration || 0) > 0,\n  itemSorter,\n  labelFormatter,\n  offset,\n  payloadUniqBy,\n  portal,\n  position,\n  reverseDirection,\n  shared,\n  trigger,\n  useTranslate3d,\n  ...rest\n}: UseChartTooltipProps<Y, M> = {}) => {\n  const getRootProps: PropGetter<TooltipProps<Y, M>> = useCallback(\n    (props) => ({\n      active,\n      allowEscapeViewBox,\n      animationDuration,\n      animationEasing,\n      axisId,\n      content,\n      cursor,\n      defaultIndex,\n      filterNull,\n      formatter,\n      includeHidden,\n      isAnimationActive,\n      itemSorter,\n      labelFormatter,\n      offset,\n      payloadUniqBy,\n      portal,\n      position,\n      reverseDirection,\n      shared,\n      trigger,\n      useTranslate3d,\n      ...props,\n    }),\n    [\n      active,\n      allowEscapeViewBox,\n      animationDuration,\n      animationEasing,\n      axisId,\n      content,\n      cursor,\n      defaultIndex,\n      filterNull,\n      formatter,\n      includeHidden,\n      isAnimationActive,\n      itemSorter,\n      labelFormatter,\n      offset,\n      payloadUniqBy,\n      portal,\n      position,\n      reverseDirection,\n      shared,\n      trigger,\n      useTranslate3d,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  return { getContentProps, getRootProps }\n}\n\nexport type UseChartTooltipReturn<\n  Y extends (number | string)[] | number | string,\n  M extends number | string,\n> = ReturnType<typeof useChartTooltip<Y, M>>\n\nexport interface UseChartLabelListProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    LabelListProps,\n    | \"angle\"\n    | \"clockWise\"\n    | \"content\"\n    | \"dataKey\"\n    | \"formatter\"\n    | \"offset\"\n    | \"position\"\n    | \"textBreakAll\"\n    | \"valueAccessor\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartLabelList = ({\n  angle,\n  clockWise,\n  content,\n  dataKey,\n  formatter,\n  offset = 12,\n  position = \"top\",\n  textBreakAll,\n  valueAccessor,\n  zIndex,\n  ...rest\n}: UseChartLabelListProps = {}) => {\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getLabelListProps: PropGetter<LabelListProps> = useCallback(\n    (props) => ({\n      angle,\n      clockWise,\n      content,\n      dataKey,\n      fill: \"\",\n      formatter,\n      offset,\n      position,\n      textBreakAll,\n      valueAccessor,\n      zIndex,\n      ...props,\n    }),\n    [\n      angle,\n      clockWise,\n      content,\n      dataKey,\n      formatter,\n      offset,\n      position,\n      textBreakAll,\n      valueAccessor,\n      zIndex,\n    ],\n  )\n\n  return { getLabelListProps, getRootProps }\n}\n\nexport type UseChartLabelListReturn = ReturnType<typeof useChartLabelList>\n\nexport interface UseChartLabelProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    LabelProps,\n    | \"angle\"\n    | \"children\"\n    | \"content\"\n    | \"formatter\"\n    | \"labelRef\"\n    | \"offset\"\n    | \"parentViewBox\"\n    | \"position\"\n    | \"value\"\n    | \"viewBox\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartLabel = ({\n  angle,\n  children,\n  content,\n  formatter,\n  labelRef,\n  offset,\n  parentViewBox,\n  position,\n  value,\n  viewBox,\n  zIndex,\n  ...rest\n}: UseChartLabelProps = {}) => {\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getLabelProps: PropGetter<LabelProps> = useCallback(\n    (props) => ({\n      angle,\n      children,\n      content,\n      fill: \"\",\n      formatter,\n      labelRef,\n      offset,\n      parentViewBox,\n      position,\n      value,\n      viewBox,\n      zIndex,\n      ...props,\n    }),\n    [\n      angle,\n      children,\n      content,\n      formatter,\n      labelRef,\n      offset,\n      parentViewBox,\n      position,\n      value,\n      viewBox,\n      zIndex,\n    ],\n  )\n\n  return { getLabelProps, getRootProps }\n}\n\nexport type UseChartLabelReturn = ReturnType<typeof useChartLabel>\n"],"mappings":";;;;;;AAmBA,MAAM,gBAKF;CACF,cAAc;EAAE,OAAO;EAAS,eAAe;CAAS;CACxD,kBAAkB;EAAE,OAAO;EAAS,eAAe;CAAS;CAC5D,oBAAoB;EAAE,OAAO;EAAS,eAAe;CAAM;CAC3D,gBAAgB;EAAE,OAAO;EAAQ,eAAe;CAAS;CACzD,oBAAoB;EAAE,OAAO;EAAQ,eAAe;CAAS;CAC7D,sBAAsB;EAAE,OAAO;EAAQ,eAAe;CAAM;CAC5D,KAAK;EAAE,OAAO;EAAU,eAAe;CAAS;CAChD,cAAc;EAAE,OAAO;EAAU,eAAe;CAAS;CACzD,WAAW;EAAE,OAAO;EAAS,eAAe;CAAS;CACrD,aAAa;EAAE,OAAO;EAAQ,eAAe;CAAS;CACtD,OAAO;EAAE,OAAO;EAAU,eAAe;CAAM;CAC/C,gBAAgB;EAAE,OAAO;EAAU,eAAe;CAAM;CACxD,aAAa;EAAE,OAAO;EAAS,eAAe;CAAM;CACpD,eAAe;EAAE,OAAO;EAAQ,eAAe;CAAM;AACvD;AAIA,MAAM,CAAC,cAAc,mBAAmBA,gBAAAA,cAA4B,EAClE,MAAM,eACR,CAAC;AAID,MAAa,iBAAiB;CAC5B,MAAM,CAAC,oBAAoB,0BAAA,GAAA,MAAA,UAEzB,KAAA,CAAS;CAMX,OAAO;EAAE;EAAoB,cAAA,GAAA,MAAA,cAJI,YAA8B;GAC7D,sBAAsB,OAAO;EAC/B,GAAG,CAAC,CAEmC;CAAE;AAC3C;AA8BA,MAAa,kBAAkB,EAC7B,YAAY,aACZ,QAAQ,cAAc,WAAW,OACjC,SACA,WACA,YACA,SAAS,UAAU,WAAW,QAAQ,IAAI,aAAa,cACvD,eACA,QACA,gBAAgB,cAAc,WAAW,eACzC,cACA,SACA,cACA,cACA,GAAG,SACoB,CAAC,MAAM;CAC9B,MAAM,EAAE,oBAAoB,gBAAgB,gBAAgB;CAE5D,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUC,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CAEA,MAAM,kBAAA,GAAA,MAAA,cACH,WAAW;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;CACL,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CA8BA,OAAO;EACL,wBAAA,GAAA,MAAA,cA5BC,WAAW;GACV,cAAc;GACd,oBAAoB;GACpB,uBAAuB;GACvB,GAAG;EACL,IACA;GAAC;GAAO;GAAQ;EAAa,CAsBT;EACpB,qBAAA,GAAA,MAAA,cAhBC,EAAE,SAAS,GAAG,aAAa;GAC1B,GAAG;GACH,gBAAA,GAAA,oBAAA,cAAA,UACE,EAAA,GAAA,oBAAA,cAAA,aAAa,kBAAkB,KAAK,uBAAuB,OAC7D;GACA,kBAAA,GAAA,oBAAA,cAAA,UACE,EAAA,GAAA,oBAAA,cAAA,aAAa,kBAAkB,KAAK,uBAAuB,OAC7D;GACA,eAAA,GAAA,oBAAA,cAAA,YAAyB,MAAM,oBAAoB,YAAY,OAAO,CAAC;GACvE,eAAA,GAAA,oBAAA,cAAA,YAAyB,MAAM,oBAAoB,YAAY,CAAC;EAClE,IACA,CAAC,oBAAoB,WAAW,CAKf;EACjB;EACA;CACF;AACF;AAqBA,MAAa,mBAGX,EACA,QACA,oBACA,oBAAoB,GACpB,iBACA,QACA,SACA,QACA,cACA,YACA,WACA,eACA,qBAAqB,qBAAqB,KAAK,GAC/C,YACA,gBACA,QACA,eACA,QACA,UACA,kBACA,QACA,SACA,gBACA,GAAG,SAC2B,CAAC,MAAM;CACrC,MAAM,gBAAA,GAAA,MAAA,cACH,WAAW;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;CACL,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAOA,OAAO;EAAE,kBAAA,GAAA,MAAA,cAJN,UAAUA,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CAGgB;EAAG;CAAa;AACzC;AAwBA,MAAa,qBAAqB,EAChC,OACA,WACA,SACA,SACA,WACA,SAAS,IACT,WAAW,OACX,cACA,eACA,QACA,GAAG,SACuB,CAAC,MAAM;CACjC,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CA+BA,OAAO;EAAE,oBAAA,GAAA,MAAA,cA5BN,WAAW;GACV;GACA;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGuB;EAAG;CAAa;AAC3C;AAsBA,MAAa,iBAAiB,EAC5B,OACA,UACA,SACA,WACA,UACA,QACA,eACA,UACA,OACA,SACA,QACA,GAAG,SACmB,CAAC,MAAM;CAC7B,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CAiCA,OAAO;EAAE,gBAAA,GAAA,MAAA,cA9BN,WAAW;GACV;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGmB;EAAG;CAAa;AACvC"}

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

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");
 const require_use_chart = require("./use-chart.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"use-polar-chart.cjs","names":["mergeProps","useChartContext"],"sources":["../../../../src/components/chart/use-polar-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  CurveProps,\n  PieLabelRenderProps,\n  PieProps,\n  PieSectorDataItem,\n  PolarAngleAxisProps,\n  PolarGridProps,\n  PolarRadiusAxisProps,\n  RadarProps,\n  RadialBarProps,\n  RenderableText,\n  SectorProps,\n  TextProps,\n} from \"recharts\"\nimport type { PolarChartProps } from \"recharts/types/util/types\"\nimport type { Dict, Merge } from \"../../utils\"\nimport { isValidElement, useCallback, useMemo } from \"react\"\nimport { type HTMLProps, mergeProps, type PropGetter } from \"../../core\"\nimport { dataAttr, isFunction, isObject, isUndefined } from \"../../utils\"\nimport { useChartContext } from \"./use-chart\"\n\nexport interface UsePolarChartProps<Y extends Dict>\n  extends\n    HTMLProps,\n    Pick<\n      PolarChartProps,\n      | \"accessibilityLayer\"\n      | \"barCategoryGap\"\n      | \"barGap\"\n      | \"barSize\"\n      | \"cx\"\n      | \"cy\"\n      | \"endAngle\"\n      | \"innerRadius\"\n      | \"layout\"\n      | \"maxBarSize\"\n      | \"outerRadius\"\n      | \"responsive\"\n      | \"reverseStackOrder\"\n      | \"stackOffset\"\n      | \"startAngle\"\n      | \"syncId\"\n      | \"syncMethod\"\n    > {\n  /**\n   * Chart data.\n   */\n  data?: Y[]\n}\n\nexport const usePolarChart = <Y extends Dict>({\n  accessibilityLayer = true,\n  barCategoryGap,\n  barGap,\n  barSize,\n  cx,\n  cy,\n  data,\n  endAngle,\n  innerRadius,\n  layout,\n  maxBarSize,\n  outerRadius,\n  responsive,\n  reverseStackOrder,\n  stackOffset,\n  startAngle,\n  syncId,\n  syncMethod,\n  ...rest\n}: UsePolarChartProps<Y>) => {\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getChartProps: PropGetter<PolarChartProps> = useCallback(\n    (props) => ({\n      accessibilityLayer,\n      barCategoryGap,\n      barGap,\n      barSize,\n      cx,\n      cy,\n      data,\n      endAngle,\n      innerRadius,\n      layout,\n      margin: { left: 16, right: 16 },\n      maxBarSize,\n      outerRadius,\n      responsive,\n      reverseStackOrder,\n      stackOffset,\n      startAngle,\n      syncId,\n      syncMethod,\n      ...props,\n    }),\n    [\n      accessibilityLayer,\n      cx,\n      cy,\n      data,\n      endAngle,\n      innerRadius,\n      layout,\n      outerRadius,\n      responsive,\n      startAngle,\n      syncId,\n      syncMethod,\n      barCategoryGap,\n      barGap,\n      barSize,\n      maxBarSize,\n      reverseStackOrder,\n      stackOffset,\n    ],\n  )\n\n  return {\n    getChartProps,\n    getRootProps,\n  }\n}\n\nexport type UsePolarChartReturn<Y extends Dict> = ReturnType<\n  typeof usePolarChart<Y>\n>\n\nexport interface UseChartPieProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    PieProps,\n    | \"activeShape\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"data\"\n    | \"dataKey\"\n    | \"endAngle\"\n    | \"hide\"\n    | \"inactiveShape\"\n    | \"innerRadius\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"labelLine\"\n    | \"legendType\"\n    | \"maxRadius\"\n    | \"minAngle\"\n    | \"nameKey\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"outerRadius\"\n    | \"paddingAngle\"\n    | \"rootTabIndex\"\n    | \"shape\"\n    | \"startAngle\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartPie = ({\n  activeShape,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  cornerRadius,\n  cx,\n  cy,\n  data,\n  dataKey: dataKeyProp,\n  endAngle = -270,\n  hide,\n  inactiveShape,\n  innerRadius = \"0%\",\n  isAnimationActive = false,\n  label,\n  labelLine = false,\n  legendType,\n  maxRadius,\n  minAngle,\n  nameKey,\n  outerRadius = !label ? \"100%\" : undefined,\n  paddingAngle,\n  rootTabIndex,\n  shape,\n  startAngle = 90,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseChartPieProps = {}) => {\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getPieProps: PropGetter<PieProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      activeShape,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      cornerRadius,\n      cx,\n      cy,\n      data,\n      dataKey,\n      endAngle,\n      fill: \"\",\n      hide,\n      inactiveShape,\n      innerRadius,\n      isAnimationActive,\n      label,\n      labelLine,\n      legendType,\n      maxRadius,\n      minAngle,\n      nameKey,\n      outerRadius,\n      paddingAngle,\n      rootTabIndex,\n      shape,\n      startAngle,\n      stroke: \"\",\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      activeShape,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      cornerRadius,\n      cx,\n      cy,\n      data,\n      dataKeyProp,\n      endAngle,\n      hide,\n      inactiveShape,\n      innerRadius,\n      isAnimationActive,\n      label,\n      labelLine,\n      legendType,\n      maxRadius,\n      minAngle,\n      nameKey,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      outerRadius,\n      paddingAngle,\n      rootTabIndex,\n      shape,\n      startAngle,\n      tooltipType,\n      zIndex,\n    ],\n  )\n\n  return { getPieProps, getRootProps }\n}\n\nexport type UseChartPieReturn = ReturnType<typeof useChartPie>\n\nexport interface UseChartSectorProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    SectorProps,\n    | \"cornerIsExternal\"\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"endAngle\"\n    | \"forceCornerRadius\"\n    | \"innerRadius\"\n    | \"outerRadius\"\n    | \"startAngle\"\n  >\n> {}\n\nexport const useChartSector = ({\n  name: nameProp,\n  cornerIsExternal,\n  cornerRadius,\n  cx,\n  cy,\n  endAngle,\n  forceCornerRadius,\n  innerRadius,\n  outerRadius,\n  startAngle,\n  ...rest\n}: UseChartSectorProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getSectorProps: PropGetter<SectorProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      cornerIsExternal,\n      cornerRadius,\n      cx,\n      cy,\n      endAngle,\n      forceCornerRadius,\n      innerRadius,\n      outerRadius,\n      startAngle,\n      ...props,\n    }),\n    [\n      cornerIsExternal,\n      cornerRadius,\n      cx,\n      cy,\n      endAngle,\n      forceCornerRadius,\n      highlightedDataKey,\n      innerRadius,\n      nameProp,\n      outerRadius,\n      startAngle,\n    ],\n  )\n\n  return { getRootProps, getSectorProps }\n}\n\nexport type UseChartSectorReturn = ReturnType<typeof useChartSector>\n\nexport interface UseChartPieLabelProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PieLabelRenderProps,\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"dataKey\"\n    | \"endAngle\"\n    | \"index\"\n    | \"innerRadius\"\n    | \"maxRadius\"\n    | \"midAngle\"\n    | \"middleRadius\"\n    | \"name\"\n    | \"outerRadius\"\n    | \"paddingAngle\"\n    | \"payload\"\n    | \"percent\"\n    | \"startAngle\"\n    | \"textAnchor\"\n    | \"tooltipPayload\"\n    | \"tooltipPosition\"\n    | \"value\"\n    | \"x\"\n    | \"y\"\n  >\n> {\n  /**\n   * Offset for the label.\n   *\n   * @default 24\n   */\n  offset?: number\n  /**\n   * Formatter for the label.\n   */\n  formatter?: (value: number, percent: number) => RenderableText\n}\n\nexport const useChartPieLabel = ({\n  name: nameProp,\n  cornerRadius,\n  cx,\n  cy,\n  dataKey,\n  endAngle,\n  formatter,\n  index,\n  innerRadius,\n  maxRadius,\n  midAngle = 0,\n  middleRadius = 0,\n  offset: offsetProp = 24,\n  outerRadius,\n  paddingAngle,\n  payload,\n  percent = 0,\n  startAngle,\n  textAnchor: _textAnchor,\n  tooltipPayload,\n  tooltipPosition,\n  value,\n  x: _x,\n  y: _y,\n  ...rest\n}: UseChartPieLabelProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const offset = (outerRadius - innerRadius) * 0.5 + offsetProp\n  const radian = Math.PI / 180\n  const x = cx + (middleRadius + offset) * Math.cos(-midAngle * radian)\n  const y = cy + (middleRadius + offset) * Math.sin(-midAngle * radian)\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getTextProps: PropGetter<TextProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      alignmentBaseline: \"middle\",\n      children: formatter?.(value, percent) ?? value,\n      cornerRadius,\n      cx,\n      cy,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      startAngle,\n      textAnchor: x > cx ? \"start\" : x < cx ? \"end\" : \"middle\",\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      x,\n      y,\n      ...props,\n    }),\n    [\n      cornerRadius,\n      cx,\n      cy,\n      dataKey,\n      endAngle,\n      formatter,\n      highlightedDataKey,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      nameProp,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      x,\n      y,\n    ],\n  )\n\n  return { getRootProps, getTextProps }\n}\n\nexport type UseChartPieLabelReturn = ReturnType<typeof useChartPieLabel>\n\nexport interface UseChartPieLabelLineProps\n  extends\n    Merge<\n      Omit<HTMLProps<\"path\">, \"points\">,\n      Pick<\n        PieSectorDataItem,\n        | \"cornerRadius\"\n        | \"dataKey\"\n        | \"endAngle\"\n        | \"innerRadius\"\n        | \"maxRadius\"\n        | \"midAngle\"\n        | \"middleRadius\"\n        | \"name\"\n        | \"outerRadius\"\n        | \"paddingAngle\"\n        | \"payload\"\n        | \"percent\"\n        | \"startAngle\"\n        | \"tooltipPayload\"\n        | \"tooltipPosition\"\n        | \"value\"\n      >\n    >,\n    Pick<CurveProps, \"points\"> {\n  index?: number\n}\n\nexport const useChartPieLabelLine = ({\n  name: nameProp,\n  cornerRadius,\n  dataKey,\n  endAngle,\n  index,\n  innerRadius,\n  maxRadius,\n  midAngle,\n  middleRadius,\n  outerRadius,\n  paddingAngle,\n  payload,\n  percent,\n  points,\n  startAngle,\n  tooltipPayload,\n  tooltipPosition,\n  value,\n  ...rest\n}: UseChartPieLabelLineProps) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getCurveProps: PropGetter<CurveProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      cornerRadius,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      points,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      ...props,\n    }),\n    [\n      highlightedDataKey,\n      nameProp,\n      cornerRadius,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      points,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n    ],\n  )\n\n  return { getCurveProps, getRootProps }\n}\n\nexport type UseChartPieLabelLineReturn = ReturnType<typeof useChartPieLabelLine>\n\nexport interface UseChartRadarProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    RadarProps,\n    | \"activeDot\"\n    | \"angleAxisId\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"baseLinePoints\"\n    | \"connectNulls\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"isRange\"\n    | \"label\"\n    | \"legendType\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"radiusAxisId\"\n    | \"shape\"\n    | \"stroke\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartRadar = ({\n  activeDot: activeDotProp,\n  angleAxisId,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  baseLinePoints,\n  connectNulls,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  isRange,\n  label: labelProp,\n  legendType,\n  points,\n  radiusAxisId,\n  shape,\n  stroke,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: UseChartRadarProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartRadarProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n  const dot = useMemo<UseChartRadarProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n    if (isFunction(dotProp) || isValidElement(dotProp)) return dotProp\n\n    return { fill: \"\", stroke: \"\", ...(isObject(dotProp) ? dotProp : {}) }\n  }, [dotProp])\n  const activeDot = useMemo<UseChartRadarProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n    if (isFunction(activeDotProp) || isValidElement(activeDotProp))\n      return activeDotProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(activeDotProp) ? activeDotProp : {}),\n    }\n  }, [activeDotProp])\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getRadarProps: PropGetter<RadarProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLinePoints,\n      connectNulls,\n      dataKey,\n      dot,\n      hide,\n      isAnimationActive,\n      isRange,\n      label,\n      legendType,\n      points,\n      radiusAxisId,\n      shape,\n      stroke,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onMouseEnter,\n      onMouseLeave,\n      ...props,\n    }),\n    [\n      dataKeyProp,\n      highlightedDataKey,\n      activeDot,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLinePoints,\n      connectNulls,\n      dot,\n      hide,\n      isAnimationActive,\n      isRange,\n      label,\n      legendType,\n      points,\n      radiusAxisId,\n      stroke,\n      shape,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onMouseEnter,\n      onMouseLeave,\n    ],\n  )\n\n  return { getRadarProps, getRootProps }\n}\n\nexport type UseChartRadarReturn = ReturnType<typeof useChartRadar>\n\nexport interface UseAngleAxisProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PolarAngleAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"angleAxisId\"\n    | \"axisLine\"\n    | \"axisLineType\"\n    | \"cx\"\n    | \"cy\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"label\"\n    | \"name\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"orientation\"\n    | \"radius\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useAngleAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle,\n  angleAxisId,\n  axisLine: axisLineProp,\n  axisLineType,\n  cx,\n  cy,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  label: labelProp,\n  orientation,\n  radius,\n  range,\n  reversed,\n  scale,\n  tick: tickProp,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp,\n  ticks,\n  tickSize,\n  unit,\n  zIndex,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseAngleAxisProps) => {\n  const tick = useMemo<UseAngleAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return { fill: \"\", ...(isObject(tickProp) ? tickProp : {}) }\n  }, [tickProp])\n  const tickLine = useMemo<UseAngleAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const axisLine = useMemo<UseAngleAxisProps[\"axisLine\"]>(() => {\n    if (!axisLineProp) return axisLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(axisLineProp) ? axisLineProp : {}),\n    }\n  }, [axisLineProp])\n  const label = useMemo<UseAngleAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getAngleAxisProps: PropGetter<PolarAngleAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      angleAxisId,\n      axisLine,\n      axisLineType,\n      cx,\n      cy,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      tickSize,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      angleAxisId,\n      axisLine,\n      axisLineType,\n      cx,\n      cy,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      name,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      orientation,\n      radius,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      tickSize,\n      type,\n      unit,\n      zIndex,\n    ],\n  )\n\n  return { getAngleAxisProps, getRootProps }\n}\n\nexport type UseAngleAxisReturn = ReturnType<typeof useAngleAxis>\n\nexport interface UseRadiusAxisProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PolarRadiusAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"label\"\n    | \"name\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"orientation\"\n    | \"radius\"\n    | \"radiusAxisId\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"type\"\n    | \"unit\"\n    | \"zIndex\"\n  >\n> {\n  /**\n   * The ticks to use for the axis.\n   */\n  ticks?: number[]\n}\n\nexport const useRadiusAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle = 90,\n  axisLine: axisLineProp = true,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  label: labelProp,\n  orientation,\n  radius,\n  radiusAxisId,\n  range,\n  reversed,\n  scale,\n  tick: tickProp,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp,\n  ticks,\n  unit,\n  zIndex,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseRadiusAxisProps) => {\n  const tick = useMemo<UseRadiusAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return {\n      fill: \"\",\n      ...(isObject(tickProp) ? tickProp : {}),\n    }\n  }, [tickProp])\n  const tickLine = useMemo<UseRadiusAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const axisLine = useMemo<UseRadiusAxisProps[\"axisLine\"]>(() => {\n    if (!axisLineProp) return axisLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(axisLineProp) ? axisLineProp : {}),\n    }\n  }, [axisLineProp])\n  const label = useMemo<UseRadiusAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getRadiusAxisProps: PropGetter<PolarRadiusAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      radiusAxisId,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      radiusAxisId,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n    ],\n  )\n\n  return { getRadiusAxisProps, getRootProps }\n}\n\nexport type UseRadiusAxisReturn = ReturnType<typeof useRadiusAxis>\n\nexport interface UsePolarGridProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    PolarGridProps,\n    | \"angleAxisId\"\n    | \"cx\"\n    | \"cy\"\n    | \"gridType\"\n    | \"innerRadius\"\n    | \"outerRadius\"\n    | \"polarAngles\"\n    | \"polarRadius\"\n    | \"radialLines\"\n    | \"radiusAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const usePolarGrid = ({\n  angleAxisId,\n  cx,\n  cy,\n  gridType,\n  innerRadius,\n  outerRadius,\n  polarAngles,\n  polarRadius,\n  radialLines,\n  radiusAxisId,\n  zIndex,\n  ...rest\n}: UsePolarGridProps) => {\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getPolarGridProps: PropGetter<PolarGridProps> = useCallback(\n    (props) => ({\n      angleAxisId,\n      cx,\n      cy,\n      gridType,\n      innerRadius,\n      outerRadius,\n      polarAngles,\n      polarRadius,\n      radialLines,\n      radiusAxisId,\n      zIndex,\n      ...props,\n    }),\n    [\n      angleAxisId,\n      cx,\n      cy,\n      gridType,\n      innerRadius,\n      outerRadius,\n      polarAngles,\n      polarRadius,\n      radialLines,\n      radiusAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getPolarGridProps, getRootProps }\n}\n\nexport type UsePolarGridReturn = ReturnType<typeof usePolarGrid>\n\nexport interface UseChartRadialProps<Y extends Dict = Dict> extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    RadialBarProps,\n    | \"activeShape\"\n    | \"angleAxisId\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"background\"\n    | \"barSize\"\n    | \"cornerIsExternal\"\n    | \"cornerRadius\"\n    | \"dataKey\"\n    | \"forceCornerRadius\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"maxBarSize\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"radius\"\n    | \"radiusAxisId\"\n    | \"shape\"\n    | \"stackId\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {\n  /**\n   * The key to use for the name.\n   */\n  nameKey: keyof Y\n}\n\nexport const useChartRadial = <Y extends Dict>({\n  activeShape,\n  angleAxisId,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  background: backgroundProp,\n  barSize,\n  cornerIsExternal,\n  stackId,\n  cornerRadius = !stackId ? 4 : undefined,\n  dataKey,\n  forceCornerRadius,\n  hide,\n  isAnimationActive = false,\n  label,\n  legendType,\n  maxBarSize,\n  nameKey,\n  radius,\n  radiusAxisId,\n  shape: shapeProp,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseChartRadialProps<Y>) => {\n  const shape = useMemo<UseChartRadialProps<Y>[\"shape\"]>(() => {\n    if (isFunction(shapeProp)) {\n      return (props: any) => {\n        props.className = props.className?.replace(/\\s*\\bundefined\\b/g, \"\")\n\n        const name = props.payload?.[nameKey]\n\n        return shapeProp({ name, ...props })\n      }\n    } else {\n      return shapeProp\n    }\n  }, [nameKey, shapeProp])\n  const background = useMemo<UseChartRadialProps<Y>[\"background\"]>(() => {\n    if (!backgroundProp) return backgroundProp\n    if (isFunction(backgroundProp) || isValidElement(backgroundProp))\n      return backgroundProp\n\n    return {\n      fill: \"\",\n      ...(backgroundProp !== true ? backgroundProp : {}),\n    }\n  }, [backgroundProp])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getRadialProps: PropGetter<\n    Partial<RadialBarProps>,\n    undefined,\n    RadialBarProps\n  > = useCallback(\n    (props) => ({\n      activeShape,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      cornerIsExternal,\n      cornerRadius,\n      dataKey,\n      forceCornerRadius,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      radius,\n      radiusAxisId,\n      shape,\n      stackId,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      activeShape,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      cornerIsExternal,\n      cornerRadius,\n      dataKey,\n      forceCornerRadius,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      radius,\n      radiusAxisId,\n      shape,\n      stackId,\n      tooltipType,\n      zIndex,\n    ],\n  )\n\n  return { getRadialProps, getRootProps }\n}\n\nexport type UseChartRadialReturn = ReturnType<typeof useChartRadial>\n"],"mappings":";;;;;;;AAoDA,MAAa,iBAAiC,EAC5C,qBAAqB,MACrB,gBACA,QACA,SACA,IACA,IACA,MACA,UACA,aACA,QACA,YACA,aACA,YACA,mBACA,aACA,YACA,QACA,YACA,GAAG,WACwB;CAC3B,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;CA+CD,OAAO;EACL,gBAAA,GAAA,MAAA,cA7CC,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ;IAAE,MAAM;IAAI,OAAO;IAAI;GAC/B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAIY;EACb;EACD;;AAmDH,MAAa,eAAe,EAC1B,aACA,gBACA,mBACA,iBACA,cACA,IACA,IACA,MACA,SAAS,aACT,WAAW,MACX,MACA,eACA,cAAc,MACd,oBAAoB,OACpB,OACA,YAAY,OACZ,YACA,WACA,UACA,SACA,cAAc,CAAC,QAAQ,SAAS,KAAA,GAChC,cACA,cACA,OACA,aAAa,IACb,aACA,QACA,gBACA,kBACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;CAsFD,OAAO;EAAE,cAAA,GAAA,MAAA,cAnFN,EAAE,UAAU,aAAa,GAAG,UAAU,EAAE,MAAM;GAC7C;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GAC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ACA,CAAC,aAAa,CAAC;CAClB,MAAM,YAAA,GAAA,MAAA,eAAwD;EAC5D,IAAI,CAAC,cAAc,OAAO;EAE1B,OAAO;GACL,MAAM;GACN,QAAQ;GACR,IAAA,GAAA,oBAAA,cAAA,UAAa,aAAa,GAAG,eAAe,EAAE;GAC/C;IACA,CAAC,aAAa,CAAC;CAClB,MAAM,SAAA,GAAA,MAAA,eAAkD;EACtD,IAAI,CAAC,WAAW,OAAO;EACvB,KAAA,GAAA,oBAAA,cAAA,YAAe,UAAU,KAAA,GAAA,MAAA,gBAAmB,UAAU,EAAE,OAAO;EAE/D,OAAO;GACL,MAAM;GACN,IAAA,GAAA,oBAAA,cAAA,UAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;CAoFD,OAAO;EAAE,oBAAA,GAAA,MAAA,cAjFN,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAGuB;EAAE;EAAc;;AAiD5C,MAAa,iBAAiB,EAC5B,MACA,MACA,mBACA,eACA,yBACA,QAAQ,IACR,UAAU,eAAe,MACzB,SACA,QACA,MACA,eACA,OAAO,WACP,aACA,QACA,cACA,OACA,UACA,OACA,MAAM,UACN,WACA,eACA,UAAU,cACV,OACA,MACA,QACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,WACqB;CACxB,MAAM,QAAA,GAAA,MAAA,eAAiD;EACrD,IAAI,CAAC,UAAU,OAAO;EACtB,KAAA,GAAA,oBAAA,cAAA,YAAe,SAAS,KAAA,GAAA,MAAA,gBAAmB,SAAS,EAAE,OAAO;EAE7D,OAAO;GACL,MAAM;GACN,IAAA,GAAA,oBAAA,cAAA,UAAa,SAAS,GAAG,WAAW,EAAE;GACvC;IACA,CAAC,SAAS,CAAC;CACd,MAAM,YAAA,GAAA,MAAA,eAAyD;EAC7D,IAAI,CAAC,cAAc,OAAO;EAE1B,OAAO;GACL,MAAM;GACN,QAAQ;GACR,IAAA,GAAA,oBAAA,cAAA,UAAa,aAAa,GAAG,eAAe,EAAE;GAC/C;IACA,CAAC,aAAa,CAAC;CAClB,MAAM,YAAA,GAAA,MAAA,eAAyD;EAC7D,IAAI,CAAC,cAAc,OAAO;EAE1B,OAAO;GACL,MAAM;GACN,QAAQ;GACR,IAAA,GAAA,oBAAA,cAAA,UAAa,aAAa,GAAG,eAAe,EAAE;GAC/C;IACA,CAAC,aAAa,CAAC;CAClB,MAAM,SAAA,GAAA,MAAA,eAAmD;EACvD,IAAI,CAAC,WAAW,OAAO;EACvB,KAAA,GAAA,oBAAA,cAAA,YAAe,UAAU,KAAA,GAAA,MAAA,gBAAmB,UAAU,EAAE,OAAO;EAE/D,OAAO;GACL,MAAM;GACN,IAAA,GAAA,oBAAA,cAAA,UAAa,UAAU,GAAG,YAAY,EAAE;GACzC;IACA,CAAC,UAAU,CAAC;CAEf,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;CA4ED,OAAO;EAAE,qBAAA,GAAA,MAAA,cAzEN,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAGwB;EAAE;EAAc;;AAuB7C,MAAa,gBAAgB,EAC3B,aACA,IACA,IACA,UACA,aACA,aACA,aACA,aACA,aACA,cACA,QACA,GAAG,WACoB;CACvB,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;CAgCD,OAAO;EAAE,oBAAA,GAAA,MAAA,cA7BN,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAGuB;EAAE;EAAc;;AAiD5C,MAAa,kBAAkC,EAC7C,aACA,aACA,gBACA,mBACA,iBACA,YAAY,gBACZ,SACA,kBACA,SACA,eAAe,CAAC,UAAU,IAAI,KAAA,GAC9B,SACA,mBACA,MACA,oBAAoB,OACpB,OACA,YACA,YACA,SACA,QACA,cACA,OAAO,WACP,aACA,QACA,gBACA,kBACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,WACyB;CAC5B,MAAM,SAAA,GAAA,MAAA,eAAuD;EAC3D,KAAA,GAAA,oBAAA,cAAA,YAAe,UAAU,EACvB,QAAQ,UAAe;GACrB,MAAM,YAAY,MAAM,WAAW,QAAQ,qBAAqB,GAAG;GAEnE,MAAM,OAAO,MAAM,UAAU;GAE7B,OAAO,UAAU;IAAE;IAAM,GAAG;IAAO,CAAC;;OAGtC,OAAO;IAER,CAAC,SAAS,UAAU,CAAC;CACxB,MAAM,cAAA,GAAA,MAAA,eAAiE;EACrE,IAAI,CAAC,gBAAgB,OAAO;EAC5B,KAAA,GAAA,oBAAA,cAAA,YAAe,eAAe,KAAA,GAAA,MAAA,gBAAmB,eAAe,EAC9D,OAAO;EAET,OAAO;GACL,MAAM;GACN,GAAI,mBAAmB,OAAO,iBAAiB,EAAE;GAClD;IACA,CAAC,eAAe,CAAC;CAEpB,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;CA8ED,OAAO;EAAE,iBAAA,GAAA,MAAA,cAvEN,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAGoB;EAAE;EAAc"}
+{"version":3,"file":"use-polar-chart.cjs","names":["mergeProps","useChartContext"],"sources":["../../../../src/components/chart/use-polar-chart.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  CurveProps,\n  PieLabelRenderProps,\n  PieProps,\n  PieSectorDataItem,\n  PolarAngleAxisProps,\n  PolarGridProps,\n  PolarRadiusAxisProps,\n  RadarProps,\n  RadialBarProps,\n  RenderableText,\n  SectorProps,\n  TextProps,\n} from \"recharts\"\nimport type { PolarChartProps } from \"recharts/types/util/types\"\nimport type { Dict, Merge } from \"../../utils\"\nimport { isValidElement, useCallback, useMemo } from \"react\"\nimport { type HTMLProps, mergeProps, type PropGetter } from \"../../core\"\nimport { dataAttr, isFunction, isObject, isUndefined } from \"../../utils\"\nimport { useChartContext } from \"./use-chart\"\n\nexport interface UsePolarChartProps<Y extends Dict>\n  extends\n    HTMLProps,\n    Pick<\n      PolarChartProps,\n      | \"accessibilityLayer\"\n      | \"barCategoryGap\"\n      | \"barGap\"\n      | \"barSize\"\n      | \"cx\"\n      | \"cy\"\n      | \"endAngle\"\n      | \"innerRadius\"\n      | \"layout\"\n      | \"maxBarSize\"\n      | \"outerRadius\"\n      | \"responsive\"\n      | \"reverseStackOrder\"\n      | \"stackOffset\"\n      | \"startAngle\"\n      | \"syncId\"\n      | \"syncMethod\"\n    > {\n  /**\n   * Chart data.\n   */\n  data?: Y[]\n}\n\nexport const usePolarChart = <Y extends Dict>({\n  accessibilityLayer = true,\n  barCategoryGap,\n  barGap,\n  barSize,\n  cx,\n  cy,\n  data,\n  endAngle,\n  innerRadius,\n  layout,\n  maxBarSize,\n  outerRadius,\n  responsive,\n  reverseStackOrder,\n  stackOffset,\n  startAngle,\n  syncId,\n  syncMethod,\n  ...rest\n}: UsePolarChartProps<Y>) => {\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getChartProps: PropGetter<PolarChartProps> = useCallback(\n    (props) => ({\n      accessibilityLayer,\n      barCategoryGap,\n      barGap,\n      barSize,\n      cx,\n      cy,\n      data,\n      endAngle,\n      innerRadius,\n      layout,\n      margin: { left: 16, right: 16 },\n      maxBarSize,\n      outerRadius,\n      responsive,\n      reverseStackOrder,\n      stackOffset,\n      startAngle,\n      syncId,\n      syncMethod,\n      ...props,\n    }),\n    [\n      accessibilityLayer,\n      cx,\n      cy,\n      data,\n      endAngle,\n      innerRadius,\n      layout,\n      outerRadius,\n      responsive,\n      startAngle,\n      syncId,\n      syncMethod,\n      barCategoryGap,\n      barGap,\n      barSize,\n      maxBarSize,\n      reverseStackOrder,\n      stackOffset,\n    ],\n  )\n\n  return {\n    getChartProps,\n    getRootProps,\n  }\n}\n\nexport type UsePolarChartReturn<Y extends Dict> = ReturnType<\n  typeof usePolarChart<Y>\n>\n\nexport interface UseChartPieProps extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    PieProps,\n    | \"activeShape\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"data\"\n    | \"dataKey\"\n    | \"endAngle\"\n    | \"hide\"\n    | \"inactiveShape\"\n    | \"innerRadius\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"labelLine\"\n    | \"legendType\"\n    | \"maxRadius\"\n    | \"minAngle\"\n    | \"nameKey\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"outerRadius\"\n    | \"paddingAngle\"\n    | \"rootTabIndex\"\n    | \"shape\"\n    | \"startAngle\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartPie = ({\n  activeShape,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  cornerRadius,\n  cx,\n  cy,\n  data,\n  dataKey: dataKeyProp,\n  endAngle = -270,\n  hide,\n  inactiveShape,\n  innerRadius = \"0%\",\n  isAnimationActive = false,\n  label,\n  labelLine = false,\n  legendType,\n  maxRadius,\n  minAngle,\n  nameKey,\n  outerRadius = !label ? \"100%\" : undefined,\n  paddingAngle,\n  rootTabIndex,\n  shape,\n  startAngle = 90,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseChartPieProps = {}) => {\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getPieProps: PropGetter<PieProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      activeShape,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      cornerRadius,\n      cx,\n      cy,\n      data,\n      dataKey,\n      endAngle,\n      fill: \"\",\n      hide,\n      inactiveShape,\n      innerRadius,\n      isAnimationActive,\n      label,\n      labelLine,\n      legendType,\n      maxRadius,\n      minAngle,\n      nameKey,\n      outerRadius,\n      paddingAngle,\n      rootTabIndex,\n      shape,\n      startAngle,\n      stroke: \"\",\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      activeShape,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      cornerRadius,\n      cx,\n      cy,\n      data,\n      dataKeyProp,\n      endAngle,\n      hide,\n      inactiveShape,\n      innerRadius,\n      isAnimationActive,\n      label,\n      labelLine,\n      legendType,\n      maxRadius,\n      minAngle,\n      nameKey,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      outerRadius,\n      paddingAngle,\n      rootTabIndex,\n      shape,\n      startAngle,\n      tooltipType,\n      zIndex,\n    ],\n  )\n\n  return { getPieProps, getRootProps }\n}\n\nexport type UseChartPieReturn = ReturnType<typeof useChartPie>\n\nexport interface UseChartSectorProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    SectorProps,\n    | \"cornerIsExternal\"\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"endAngle\"\n    | \"forceCornerRadius\"\n    | \"innerRadius\"\n    | \"outerRadius\"\n    | \"startAngle\"\n  >\n> {}\n\nexport const useChartSector = ({\n  name: nameProp,\n  cornerIsExternal,\n  cornerRadius,\n  cx,\n  cy,\n  endAngle,\n  forceCornerRadius,\n  innerRadius,\n  outerRadius,\n  startAngle,\n  ...rest\n}: UseChartSectorProps = {}) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getSectorProps: PropGetter<SectorProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      cornerIsExternal,\n      cornerRadius,\n      cx,\n      cy,\n      endAngle,\n      forceCornerRadius,\n      innerRadius,\n      outerRadius,\n      startAngle,\n      ...props,\n    }),\n    [\n      cornerIsExternal,\n      cornerRadius,\n      cx,\n      cy,\n      endAngle,\n      forceCornerRadius,\n      highlightedDataKey,\n      innerRadius,\n      nameProp,\n      outerRadius,\n      startAngle,\n    ],\n  )\n\n  return { getRootProps, getSectorProps }\n}\n\nexport type UseChartSectorReturn = ReturnType<typeof useChartSector>\n\nexport interface UseChartPieLabelProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PieLabelRenderProps,\n    | \"cornerRadius\"\n    | \"cx\"\n    | \"cy\"\n    | \"dataKey\"\n    | \"endAngle\"\n    | \"index\"\n    | \"innerRadius\"\n    | \"maxRadius\"\n    | \"midAngle\"\n    | \"middleRadius\"\n    | \"name\"\n    | \"outerRadius\"\n    | \"paddingAngle\"\n    | \"payload\"\n    | \"percent\"\n    | \"startAngle\"\n    | \"textAnchor\"\n    | \"tooltipPayload\"\n    | \"tooltipPosition\"\n    | \"value\"\n    | \"x\"\n    | \"y\"\n  >\n> {\n  /**\n   * Offset for the label.\n   *\n   * @default 24\n   */\n  offset?: number\n  /**\n   * Formatter for the label.\n   */\n  formatter?: (value: number, percent: number) => RenderableText\n}\n\nexport const useChartPieLabel = ({\n  name: nameProp,\n  cornerRadius,\n  cx,\n  cy,\n  dataKey,\n  endAngle,\n  formatter,\n  index,\n  innerRadius,\n  maxRadius,\n  midAngle = 0,\n  middleRadius = 0,\n  offset: offsetProp = 24,\n  outerRadius,\n  paddingAngle,\n  payload,\n  percent = 0,\n  startAngle,\n  textAnchor: _textAnchor,\n  tooltipPayload,\n  tooltipPosition,\n  value,\n  x: _x,\n  y: _y,\n  ...rest\n}: UseChartPieLabelProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const offset = (outerRadius - innerRadius) * 0.5 + offsetProp\n  const radian = Math.PI / 180\n  const x = cx + (middleRadius + offset) * Math.cos(-midAngle * radian)\n  const y = cy + (middleRadius + offset) * Math.sin(-midAngle * radian)\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getTextProps: PropGetter<TextProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      alignmentBaseline: \"middle\",\n      children: formatter?.(value, percent) ?? value,\n      cornerRadius,\n      cx,\n      cy,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      startAngle,\n      textAnchor: x > cx ? \"start\" : x < cx ? \"end\" : \"middle\",\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      x,\n      y,\n      ...props,\n    }),\n    [\n      cornerRadius,\n      cx,\n      cy,\n      dataKey,\n      endAngle,\n      formatter,\n      highlightedDataKey,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      nameProp,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      x,\n      y,\n    ],\n  )\n\n  return { getRootProps, getTextProps }\n}\n\nexport type UseChartPieLabelReturn = ReturnType<typeof useChartPieLabel>\n\nexport interface UseChartPieLabelLineProps\n  extends\n    Merge<\n      Omit<HTMLProps<\"path\">, \"points\">,\n      Pick<\n        PieSectorDataItem,\n        | \"cornerRadius\"\n        | \"dataKey\"\n        | \"endAngle\"\n        | \"innerRadius\"\n        | \"maxRadius\"\n        | \"midAngle\"\n        | \"middleRadius\"\n        | \"name\"\n        | \"outerRadius\"\n        | \"paddingAngle\"\n        | \"payload\"\n        | \"percent\"\n        | \"startAngle\"\n        | \"tooltipPayload\"\n        | \"tooltipPosition\"\n        | \"value\"\n      >\n    >,\n    Pick<CurveProps, \"points\"> {\n  index?: number\n}\n\nexport const useChartPieLabelLine = ({\n  name: nameProp,\n  cornerRadius,\n  dataKey,\n  endAngle,\n  index,\n  innerRadius,\n  maxRadius,\n  midAngle,\n  middleRadius,\n  outerRadius,\n  paddingAngle,\n  payload,\n  percent,\n  points,\n  startAngle,\n  tooltipPayload,\n  tooltipPosition,\n  value,\n  ...rest\n}: UseChartPieLabelLineProps) => {\n  const { highlightedDataKey } = useChartContext()\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getCurveProps: PropGetter<CurveProps> = useCallback(\n    ({ name = nameProp, ...props } = {}) => ({\n      name,\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === name,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== name,\n      ),\n      cornerRadius,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      points,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n      ...props,\n    }),\n    [\n      highlightedDataKey,\n      nameProp,\n      cornerRadius,\n      dataKey,\n      endAngle,\n      index,\n      innerRadius,\n      maxRadius,\n      midAngle,\n      middleRadius,\n      outerRadius,\n      paddingAngle,\n      payload,\n      percent,\n      points,\n      startAngle,\n      tooltipPayload,\n      tooltipPosition,\n      value,\n    ],\n  )\n\n  return { getCurveProps, getRootProps }\n}\n\nexport type UseChartPieLabelLineReturn = ReturnType<typeof useChartPieLabelLine>\n\nexport interface UseChartRadarProps extends Merge<\n  HTMLProps<\"path\">,\n  Pick<\n    RadarProps,\n    | \"activeDot\"\n    | \"angleAxisId\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"baseLinePoints\"\n    | \"connectNulls\"\n    | \"dataKey\"\n    | \"dot\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"isRange\"\n    | \"label\"\n    | \"legendType\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"radiusAxisId\"\n    | \"shape\"\n    | \"stroke\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useChartRadar = ({\n  activeDot: activeDotProp,\n  angleAxisId,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  baseLinePoints,\n  connectNulls,\n  dataKey: dataKeyProp,\n  dot: dotProp,\n  hide,\n  isAnimationActive = false,\n  isRange,\n  label: labelProp,\n  legendType,\n  points,\n  radiusAxisId,\n  shape,\n  stroke,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: UseChartRadarProps) => {\n  const { highlightedDataKey } = useChartContext()\n  const label = useMemo<UseChartRadarProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      offset: 12,\n      position: \"top\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n  const dot = useMemo<UseChartRadarProps[\"dot\"]>(() => {\n    if (!dotProp) return dotProp\n    if (isFunction(dotProp) || isValidElement(dotProp)) return dotProp\n\n    return { fill: \"\", stroke: \"\", ...(isObject(dotProp) ? dotProp : {}) }\n  }, [dotProp])\n  const activeDot = useMemo<UseChartRadarProps[\"activeDot\"]>(() => {\n    if (!activeDotProp) return activeDotProp\n    if (isFunction(activeDotProp) || isValidElement(activeDotProp))\n      return activeDotProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(activeDotProp) ? activeDotProp : {}),\n    }\n  }, [activeDotProp])\n\n  const getRootProps: PropGetter<\"path\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getRadarProps: PropGetter<RadarProps> = useCallback(\n    ({ dataKey = dataKeyProp, ...props } = {}) => ({\n      \"data-active\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey === dataKey,\n      ),\n      \"data-inactive\": dataAttr(\n        !isUndefined(highlightedDataKey) && highlightedDataKey !== dataKey,\n      ),\n      activeDot,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLinePoints,\n      connectNulls,\n      dataKey,\n      dot,\n      hide,\n      isAnimationActive,\n      isRange,\n      label,\n      legendType,\n      points,\n      radiusAxisId,\n      shape,\n      stroke,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onMouseEnter,\n      onMouseLeave,\n      ...props,\n    }),\n    [\n      dataKeyProp,\n      highlightedDataKey,\n      activeDot,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      baseLinePoints,\n      connectNulls,\n      dot,\n      hide,\n      isAnimationActive,\n      isRange,\n      label,\n      legendType,\n      points,\n      radiusAxisId,\n      stroke,\n      shape,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onMouseEnter,\n      onMouseLeave,\n    ],\n  )\n\n  return { getRadarProps, getRootProps }\n}\n\nexport type UseChartRadarReturn = ReturnType<typeof useChartRadar>\n\nexport interface UseAngleAxisProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PolarAngleAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"angleAxisId\"\n    | \"axisLine\"\n    | \"axisLineType\"\n    | \"cx\"\n    | \"cy\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"label\"\n    | \"name\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"orientation\"\n    | \"radius\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"ticks\"\n    | \"tickSize\"\n    | \"type\"\n    | \"unit\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const useAngleAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle,\n  angleAxisId,\n  axisLine: axisLineProp,\n  axisLineType,\n  cx,\n  cy,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  label: labelProp,\n  orientation,\n  radius,\n  range,\n  reversed,\n  scale,\n  tick: tickProp,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp,\n  ticks,\n  tickSize,\n  unit,\n  zIndex,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseAngleAxisProps) => {\n  const tick = useMemo<UseAngleAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return { fill: \"\", ...(isObject(tickProp) ? tickProp : {}) }\n  }, [tickProp])\n  const tickLine = useMemo<UseAngleAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const axisLine = useMemo<UseAngleAxisProps[\"axisLine\"]>(() => {\n    if (!axisLineProp) return axisLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(axisLineProp) ? axisLineProp : {}),\n    }\n  }, [axisLineProp])\n  const label = useMemo<UseAngleAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getAngleAxisProps: PropGetter<PolarAngleAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      angleAxisId,\n      axisLine,\n      axisLineType,\n      cx,\n      cy,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      tickSize,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      angleAxisId,\n      axisLine,\n      axisLineType,\n      cx,\n      cy,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      name,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      orientation,\n      radius,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      tickSize,\n      type,\n      unit,\n      zIndex,\n    ],\n  )\n\n  return { getAngleAxisProps, getRootProps }\n}\n\nexport type UseAngleAxisReturn = ReturnType<typeof useAngleAxis>\n\nexport interface UseRadiusAxisProps extends Merge<\n  HTMLProps<\"text\">,\n  Pick<\n    PolarRadiusAxisProps,\n    | \"allowDataOverflow\"\n    | \"allowDecimals\"\n    | \"allowDuplicatedCategory\"\n    | \"angle\"\n    | \"axisLine\"\n    | \"dataKey\"\n    | \"domain\"\n    | \"hide\"\n    | \"includeHidden\"\n    | \"label\"\n    | \"name\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"orientation\"\n    | \"radius\"\n    | \"radiusAxisId\"\n    | \"range\"\n    | \"reversed\"\n    | \"scale\"\n    | \"tick\"\n    | \"tickCount\"\n    | \"tickFormatter\"\n    | \"tickLine\"\n    | \"type\"\n    | \"unit\"\n    | \"zIndex\"\n  >\n> {\n  /**\n   * The ticks to use for the axis.\n   */\n  ticks?: number[]\n}\n\nexport const useRadiusAxis = ({\n  type,\n  name,\n  allowDataOverflow,\n  allowDecimals,\n  allowDuplicatedCategory,\n  angle = 90,\n  axisLine: axisLineProp = true,\n  dataKey,\n  domain,\n  hide,\n  includeHidden,\n  label: labelProp,\n  orientation,\n  radius,\n  radiusAxisId,\n  range,\n  reversed,\n  scale,\n  tick: tickProp,\n  tickCount,\n  tickFormatter,\n  tickLine: tickLineProp,\n  ticks,\n  unit,\n  zIndex,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseRadiusAxisProps) => {\n  const tick = useMemo<UseRadiusAxisProps[\"tick\"]>(() => {\n    if (!tickProp) return tickProp\n    if (isFunction(tickProp) || isValidElement(tickProp)) return tickProp\n\n    return {\n      fill: \"\",\n      ...(isObject(tickProp) ? tickProp : {}),\n    }\n  }, [tickProp])\n  const tickLine = useMemo<UseRadiusAxisProps[\"tickLine\"]>(() => {\n    if (!tickLineProp) return tickLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(tickLineProp) ? tickLineProp : {}),\n    }\n  }, [tickLineProp])\n  const axisLine = useMemo<UseRadiusAxisProps[\"axisLine\"]>(() => {\n    if (!axisLineProp) return axisLineProp\n\n    return {\n      fill: \"\",\n      stroke: \"\",\n      ...(isObject(axisLineProp) ? axisLineProp : {}),\n    }\n  }, [axisLineProp])\n  const label = useMemo<UseRadiusAxisProps[\"label\"]>(() => {\n    if (!labelProp) return labelProp\n    if (isFunction(labelProp) || isValidElement(labelProp)) return labelProp\n\n    return {\n      fill: \"\",\n      ...(isObject(labelProp) ? labelProp : {}),\n    }\n  }, [labelProp])\n\n  const getRootProps: PropGetter<\"text\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getRadiusAxisProps: PropGetter<PolarRadiusAxisProps> = useCallback(\n    (props) => ({\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      radiusAxisId,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      type,\n      name,\n      allowDataOverflow,\n      allowDecimals,\n      allowDuplicatedCategory,\n      angle,\n      axisLine,\n      dataKey,\n      domain,\n      hide,\n      includeHidden,\n      label,\n      orientation,\n      radius,\n      radiusAxisId,\n      range,\n      reversed,\n      scale,\n      tick,\n      tickCount,\n      tickFormatter,\n      tickLine,\n      ticks,\n      unit,\n      zIndex,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n    ],\n  )\n\n  return { getRadiusAxisProps, getRootProps }\n}\n\nexport type UseRadiusAxisReturn = ReturnType<typeof useRadiusAxis>\n\nexport interface UsePolarGridProps extends Merge<\n  HTMLProps<\"line\">,\n  Pick<\n    PolarGridProps,\n    | \"angleAxisId\"\n    | \"cx\"\n    | \"cy\"\n    | \"gridType\"\n    | \"innerRadius\"\n    | \"outerRadius\"\n    | \"polarAngles\"\n    | \"polarRadius\"\n    | \"radialLines\"\n    | \"radiusAxisId\"\n    | \"zIndex\"\n  >\n> {}\n\nexport const usePolarGrid = ({\n  angleAxisId,\n  cx,\n  cy,\n  gridType,\n  innerRadius,\n  outerRadius,\n  polarAngles,\n  polarRadius,\n  radialLines,\n  radiusAxisId,\n  zIndex,\n  ...rest\n}: UsePolarGridProps) => {\n  const getRootProps: PropGetter<\"line\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getPolarGridProps: PropGetter<PolarGridProps> = useCallback(\n    (props) => ({\n      angleAxisId,\n      cx,\n      cy,\n      gridType,\n      innerRadius,\n      outerRadius,\n      polarAngles,\n      polarRadius,\n      radialLines,\n      radiusAxisId,\n      zIndex,\n      ...props,\n    }),\n    [\n      angleAxisId,\n      cx,\n      cy,\n      gridType,\n      innerRadius,\n      outerRadius,\n      polarAngles,\n      polarRadius,\n      radialLines,\n      radiusAxisId,\n      zIndex,\n    ],\n  )\n\n  return { getPolarGridProps, getRootProps }\n}\n\nexport type UsePolarGridReturn = ReturnType<typeof usePolarGrid>\n\nexport interface UseChartRadialProps<Y extends Dict = Dict> extends Merge<\n  HTMLProps<\"svg\">,\n  Pick<\n    RadialBarProps,\n    | \"activeShape\"\n    | \"angleAxisId\"\n    | \"animationBegin\"\n    | \"animationDuration\"\n    | \"animationEasing\"\n    | \"background\"\n    | \"barSize\"\n    | \"cornerIsExternal\"\n    | \"cornerRadius\"\n    | \"dataKey\"\n    | \"forceCornerRadius\"\n    | \"hide\"\n    | \"isAnimationActive\"\n    | \"label\"\n    | \"legendType\"\n    | \"maxBarSize\"\n    | \"onAnimationEnd\"\n    | \"onAnimationStart\"\n    | \"onClick\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"radius\"\n    | \"radiusAxisId\"\n    | \"shape\"\n    | \"stackId\"\n    | \"tooltipType\"\n    | \"zIndex\"\n  >\n> {\n  /**\n   * The key to use for the name.\n   */\n  nameKey: keyof Y\n}\n\nexport const useChartRadial = <Y extends Dict>({\n  activeShape,\n  angleAxisId,\n  animationBegin,\n  animationDuration,\n  animationEasing,\n  background: backgroundProp,\n  barSize,\n  cornerIsExternal,\n  stackId,\n  cornerRadius = !stackId ? 4 : undefined,\n  dataKey,\n  forceCornerRadius,\n  hide,\n  isAnimationActive = false,\n  label,\n  legendType,\n  maxBarSize,\n  nameKey,\n  radius,\n  radiusAxisId,\n  shape: shapeProp,\n  tooltipType,\n  zIndex,\n  onAnimationEnd,\n  onAnimationStart,\n  onClick,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseMove,\n  onMouseOut,\n  onMouseOver,\n  onMouseUp,\n  ...rest\n}: UseChartRadialProps<Y>) => {\n  const shape = useMemo<UseChartRadialProps<Y>[\"shape\"]>(() => {\n    if (isFunction(shapeProp)) {\n      return (props: any) => {\n        props.className = props.className?.replace(/\\s*\\bundefined\\b/g, \"\")\n\n        const name = props.payload?.[nameKey]\n\n        return shapeProp({ name, ...props })\n      }\n    } else {\n      return shapeProp\n    }\n  }, [nameKey, shapeProp])\n  const background = useMemo<UseChartRadialProps<Y>[\"background\"]>(() => {\n    if (!backgroundProp) return backgroundProp\n    if (isFunction(backgroundProp) || isValidElement(backgroundProp))\n      return backgroundProp\n\n    return {\n      fill: \"\",\n      ...(backgroundProp !== true ? backgroundProp : {}),\n    }\n  }, [backgroundProp])\n\n  const getRootProps: PropGetter<\"svg\"> = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getRadialProps: PropGetter<\n    Partial<RadialBarProps>,\n    undefined,\n    RadialBarProps\n  > = useCallback(\n    (props) => ({\n      activeShape,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      cornerIsExternal,\n      cornerRadius,\n      dataKey,\n      forceCornerRadius,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      radius,\n      radiusAxisId,\n      shape,\n      stackId,\n      tooltipType,\n      zIndex,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      ...props,\n    }),\n    [\n      activeShape,\n      angleAxisId,\n      animationBegin,\n      animationDuration,\n      animationEasing,\n      background,\n      barSize,\n      cornerIsExternal,\n      cornerRadius,\n      dataKey,\n      forceCornerRadius,\n      hide,\n      isAnimationActive,\n      label,\n      legendType,\n      maxBarSize,\n      onAnimationEnd,\n      onAnimationStart,\n      onClick,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseMove,\n      onMouseOut,\n      onMouseOver,\n      onMouseUp,\n      radius,\n      radiusAxisId,\n      shape,\n      stackId,\n      tooltipType,\n      zIndex,\n    ],\n  )\n\n  return { getRadialProps, getRootProps }\n}\n\nexport type UseChartRadialReturn = ReturnType<typeof useChartRadial>\n"],"mappings":";;;;;;AAoDA,MAAa,iBAAiC,EAC5C,qBAAqB,MACrB,gBACA,QACA,SACA,IACA,IACA,MACA,UACA,aACA,QACA,YACA,aACA,YACA,mBACA,aACA,YACA,QACA,YACA,GAAG,WACwB;CAC3B,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CA+CA,OAAO;EACL,gBAAA,GAAA,MAAA,cA7CC,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ;IAAE,MAAM;IAAI,OAAO;GAAG;GAC9B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAIY;EACZ;CACF;AACF;AAkDA,MAAa,eAAe,EAC1B,aACA,gBACA,mBACA,iBACA,cACA,IACA,IACA,MACA,SAAS,aACT,WAAW,MACX,MACA,eACA,cAAc,MACd,oBAAoB,OACpB,OACA,YAAY,OACZ,YACA,WACA,UACA,SACA,cAAc,CAAC,QAAQ,SAAS,KAAA,GAChC,cACA,cACA,OACA,aAAa,IACb,aACA,QACA,gBACA,kBACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,SACiB,CAAC,MAAM;CAC3B,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CAsFA,OAAO;EAAE,cAAA,GAAA,MAAA,cAnFN,EAAE,UAAU,aAAa,GAAG,UAAU,CAAC,OAAO;GAC7C;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,QAAQ;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,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oBAAA,cAAA,UAAa,YAAY,IAAI,eAAe,CAAC;EAC/C;CACF,GAAG,CAAC,YAAY,CAAC;CACjB,MAAM,YAAA,GAAA,MAAA,eAAwD;EAC5D,IAAI,CAAC,cAAc,OAAO;EAE1B,OAAO;GACL,MAAM;GACN,QAAQ;GACR,IAAA,GAAA,oBAAA,cAAA,UAAa,YAAY,IAAI,eAAe,CAAC;EAC/C;CACF,GAAG,CAAC,YAAY,CAAC;CACjB,MAAM,SAAA,GAAA,MAAA,eAAkD;EACtD,IAAI,CAAC,WAAW,OAAO;EACvB,KAAA,GAAA,oBAAA,cAAA,YAAe,SAAS,MAAA,GAAA,MAAA,gBAAoB,SAAS,GAAG,OAAO;EAE/D,OAAO;GACL,MAAM;GACN,IAAA,GAAA,oBAAA,cAAA,UAAa,SAAS,IAAI,YAAY,CAAC;EACzC;CACF,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CAoFA,OAAO;EAAE,oBAAA,GAAA,MAAA,cAjFN,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGuB;EAAG;CAAa;AAC3C;AAgDA,MAAa,iBAAiB,EAC5B,MACA,MACA,mBACA,eACA,yBACA,QAAQ,IACR,UAAU,eAAe,MACzB,SACA,QACA,MACA,eACA,OAAO,WACP,aACA,QACA,cACA,OACA,UACA,OACA,MAAM,UACN,WACA,eACA,UAAU,cACV,OACA,MACA,QACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,WACqB;CACxB,MAAM,QAAA,GAAA,MAAA,eAAiD;EACrD,IAAI,CAAC,UAAU,OAAO;EACtB,KAAA,GAAA,oBAAA,cAAA,YAAe,QAAQ,MAAA,GAAA,MAAA,gBAAoB,QAAQ,GAAG,OAAO;EAE7D,OAAO;GACL,MAAM;GACN,IAAA,GAAA,oBAAA,cAAA,UAAa,QAAQ,IAAI,WAAW,CAAC;EACvC;CACF,GAAG,CAAC,QAAQ,CAAC;CACb,MAAM,YAAA,GAAA,MAAA,eAAyD;EAC7D,IAAI,CAAC,cAAc,OAAO;EAE1B,OAAO;GACL,MAAM;GACN,QAAQ;GACR,IAAA,GAAA,oBAAA,cAAA,UAAa,YAAY,IAAI,eAAe,CAAC;EAC/C;CACF,GAAG,CAAC,YAAY,CAAC;CACjB,MAAM,YAAA,GAAA,MAAA,eAAyD;EAC7D,IAAI,CAAC,cAAc,OAAO;EAE1B,OAAO;GACL,MAAM;GACN,QAAQ;GACR,IAAA,GAAA,oBAAA,cAAA,UAAa,YAAY,IAAI,eAAe,CAAC;EAC/C;CACF,GAAG,CAAC,YAAY,CAAC;CACjB,MAAM,SAAA,GAAA,MAAA,eAAmD;EACvD,IAAI,CAAC,WAAW,OAAO;EACvB,KAAA,GAAA,oBAAA,cAAA,YAAe,SAAS,MAAA,GAAA,MAAA,gBAAoB,SAAS,GAAG,OAAO;EAE/D,OAAO;GACL,MAAM;GACN,IAAA,GAAA,oBAAA,cAAA,UAAa,SAAS,IAAI,YAAY,CAAC;EACzC;CACF,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CA4EA,OAAO;EAAE,qBAAA,GAAA,MAAA,cAzEN,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGwB;EAAG;CAAa;AAC5C;AAsBA,MAAa,gBAAgB,EAC3B,aACA,IACA,IACA,UACA,aACA,aACA,aACA,aACA,aACA,cACA,QACA,GAAG,WACoB;CACvB,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CAgCA,OAAO;EAAE,oBAAA,GAAA,MAAA,cA7BN,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGuB;EAAG;CAAa;AAC3C;AAgDA,MAAa,kBAAkC,EAC7C,aACA,aACA,gBACA,mBACA,iBACA,YAAY,gBACZ,SACA,kBACA,SACA,eAAe,CAAC,UAAU,IAAI,KAAA,GAC9B,SACA,mBACA,MACA,oBAAoB,OACpB,OACA,YACA,YACA,SACA,QACA,cACA,OAAO,WACP,aACA,QACA,gBACA,kBACA,SACA,aACA,cACA,cACA,aACA,YACA,aACA,WACA,GAAG,WACyB;CAC5B,MAAM,SAAA,GAAA,MAAA,eAAuD;EAC3D,KAAA,GAAA,oBAAA,cAAA,YAAe,SAAS,GACtB,QAAQ,UAAe;GACrB,MAAM,YAAY,MAAM,WAAW,QAAQ,qBAAqB,EAAE;GAElE,MAAM,OAAO,MAAM,UAAU;GAE7B,OAAO,UAAU;IAAE;IAAM,GAAG;GAAM,CAAC;EACrC;OAEA,OAAO;CAEX,GAAG,CAAC,SAAS,SAAS,CAAC;CACvB,MAAM,cAAA,GAAA,MAAA,eAAiE;EACrE,IAAI,CAAC,gBAAgB,OAAO;EAC5B,KAAA,GAAA,oBAAA,cAAA,YAAe,cAAc,MAAA,GAAA,MAAA,gBAAoB,cAAc,GAC7D,OAAO;EAET,OAAO;GACL,MAAM;GACN,GAAI,mBAAmB,OAAO,iBAAiB,CAAC;EAClD;CACF,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUA,cAAAA,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CA8EA,OAAO;EAAE,iBAAA,GAAA,MAAA,cAvEN,WAAW;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGoB;EAAG;CAAa;AACxC"}

package/dist/cjs/components/checkbox/checkbox-group.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_group = require("../group/group.cjs");
 const require_use_checkbox_group = require("./use-checkbox-group.cjs");
 const require_checkbox = require("./checkbox.cjs");

package/dist/cjs/components/checkbox/checkbox-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.cjs","names":["component","useRootComponentProps","useCheckboxGroup","Checkbox","CheckboxPropsContext","CheckboxGroupContext","Group"],"sources":["../../../../src/components/checkbox/checkbox-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport type { CheckboxStyle } from \"./checkbox.style\"\nimport type { UseCheckboxGroupProps } from \"./use-checkbox-group\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport {\n  Checkbox,\n  CheckboxPropsContext,\n  component,\n  useRootComponentProps,\n} from \"./checkbox\"\nimport { CheckboxGroupContext, useCheckboxGroup } from \"./use-checkbox-group\"\n\nexport interface CheckboxGroupItem<\n  Y extends string = string,\n> extends CheckboxProps<Y> {\n  label: ReactNode\n}\n\nexport interface CheckboxGroupRootProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, CheckboxStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<CheckboxStyle>,\n    UseCheckboxGroupProps<Y>,\n    UseInputBorderProps,\n    Pick<CheckboxProps, \"checkedIcon\"> {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: CheckboxGroupItem<Y>[]\n}\n\n/**\n * `CheckboxGroup` is a component that groups `Checkbox` components.\n *\n * @see https://yamada-ui.com/docs/components/checkbox\n */\nexport const CheckboxGroupRoot = component<\"div\", CheckboxGroupRootProps>(\n  (props) => {\n    const [\n      ,\n      {\n        colorScheme,\n        size,\n        variant,\n        checkedIcon,\n        children,\n        disabled,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        items = [],\n        readOnly,\n        shape,\n        ...rest\n      },\n    ] = useRootComponentProps(props, \"group\", {\n      transferProps: [\"variant\", \"colorScheme\", \"size\", \"shape\"],\n    })\n    const { max, value, getInputProps, getLabelProps, getRootProps, onChange } =\n      useCheckboxGroup(rest)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items.map(({ label, value, ...rest }, index) => (\n        <Checkbox key={value ?? index} value={value} {...rest}>\n          {label}\n        </Checkbox>\n      ))\n    }, [items, children])\n    const context = useMemo(\n      () => ({\n        colorScheme,\n        size,\n        variant,\n        checkedIcon,\n        disabled,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        readOnly,\n        shape,\n      }),\n      [\n        variant,\n        size,\n        colorScheme,\n        shape,\n        disabled,\n        invalid,\n        readOnly,\n        errorBorderColor,\n        focusBorderColor,\n        checkedIcon,\n      ],\n    )\n    const groupContext = useMemo(\n      () => ({ max, value, getInputProps, getLabelProps, onChange }),\n      [max, value, getInputProps, getLabelProps, onChange],\n    )\n\n    return (\n      <CheckboxPropsContext value={context}>\n        <CheckboxGroupContext value={groupContext}>\n          <Group orientation=\"vertical\" {...getRootProps()}>\n            {computedChildren}\n          </Group>\n        </CheckboxGroupContext>\n      </CheckboxPropsContext>\n    )\n  },\n  \"group\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: CheckboxGroupRootProps<Y>): ReactElement\n}>\n\nexport { Checkbox as CheckboxGroupItem }\n"],"mappings":";;;;;;;;;;;;;AAoDA,MAAa,oBAAoBA,iBAAAA,WAC9B,UAAU;CACT,MAAM,GAEJ,EACE,aACA,MACA,SACA,aACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,EAAE,EACV,UACA,OACA,GAAG,UAEHC,iBAAAA,sBAAsB,OAAO,SAAS,EACxC,eAAe;EAAC;EAAW;EAAe;EAAQ;EAAQ,EAC3D,CAAC;CACF,MAAM,EAAE,KAAK,OAAO,eAAe,eAAe,cAAc,aAC9DC,2BAAAA,iBAAiB,KAAK;CACxB,MAAM,oBAAA,GAAA,MAAA,eAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG,QAAQ,UAC3C,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,UAAD;GAAsC;GAAO,GAAI;aAC9C;GACQ,EAFI,SAAS,MAEb,CACX;IACD,CAAC,OAAO,SAAS,CAAC;CAgCrB,OACE,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,sBAAD;EAAsB,QAAA,GAAA,MAAA,gBA/Bf;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAQmC;YAClC,iBAAA,GAAA,kBAAA,KAACC,2BAAAA,sBAAD;GAAsB,QAAA,GAAA,MAAA,gBANjB;IAAE;IAAK;IAAO;IAAe;IAAe;IAAU,GAC7D;IAAC;IAAK;IAAO;IAAe;IAAe;IAAS,CAKT;aACvC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;IAAO,aAAY;IAAW,GAAI,cAAc;cAC7C;IACK,CAAA;GACa,CAAA;EACF,CAAA;GAG3B,QACD,EAAE"}
+{"version":3,"file":"checkbox-group.cjs","names":["component","useRootComponentProps","useCheckboxGroup","Checkbox","CheckboxPropsContext","CheckboxGroupContext","Group"],"sources":["../../../../src/components/checkbox/checkbox-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport type { CheckboxStyle } from \"./checkbox.style\"\nimport type { UseCheckboxGroupProps } from \"./use-checkbox-group\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport {\n  Checkbox,\n  CheckboxPropsContext,\n  component,\n  useRootComponentProps,\n} from \"./checkbox\"\nimport { CheckboxGroupContext, useCheckboxGroup } from \"./use-checkbox-group\"\n\nexport interface CheckboxGroupItem<\n  Y extends string = string,\n> extends CheckboxProps<Y> {\n  label: ReactNode\n}\n\nexport interface CheckboxGroupRootProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, CheckboxStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<CheckboxStyle>,\n    UseCheckboxGroupProps<Y>,\n    UseInputBorderProps,\n    Pick<CheckboxProps, \"checkedIcon\"> {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: CheckboxGroupItem<Y>[]\n}\n\n/**\n * `CheckboxGroup` is a component that groups `Checkbox` components.\n *\n * @see https://yamada-ui.com/docs/components/checkbox\n */\nexport const CheckboxGroupRoot = component<\"div\", CheckboxGroupRootProps>(\n  (props) => {\n    const [\n      ,\n      {\n        colorScheme,\n        size,\n        variant,\n        checkedIcon,\n        children,\n        disabled,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        items = [],\n        readOnly,\n        shape,\n        ...rest\n      },\n    ] = useRootComponentProps(props, \"group\", {\n      transferProps: [\"variant\", \"colorScheme\", \"size\", \"shape\"],\n    })\n    const { max, value, getInputProps, getLabelProps, getRootProps, onChange } =\n      useCheckboxGroup(rest)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items.map(({ label, value, ...rest }, index) => (\n        <Checkbox key={value ?? index} value={value} {...rest}>\n          {label}\n        </Checkbox>\n      ))\n    }, [items, children])\n    const context = useMemo(\n      () => ({\n        colorScheme,\n        size,\n        variant,\n        checkedIcon,\n        disabled,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        readOnly,\n        shape,\n      }),\n      [\n        variant,\n        size,\n        colorScheme,\n        shape,\n        disabled,\n        invalid,\n        readOnly,\n        errorBorderColor,\n        focusBorderColor,\n        checkedIcon,\n      ],\n    )\n    const groupContext = useMemo(\n      () => ({ max, value, getInputProps, getLabelProps, onChange }),\n      [max, value, getInputProps, getLabelProps, onChange],\n    )\n\n    return (\n      <CheckboxPropsContext value={context}>\n        <CheckboxGroupContext value={groupContext}>\n          <Group orientation=\"vertical\" {...getRootProps()}>\n            {computedChildren}\n          </Group>\n        </CheckboxGroupContext>\n      </CheckboxPropsContext>\n    )\n  },\n  \"group\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: CheckboxGroupRootProps<Y>): ReactElement\n}>\n\nexport { Checkbox as CheckboxGroupItem }\n"],"mappings":";;;;;;;;;;;;AAoDA,MAAa,oBAAoBA,iBAAAA,WAC9B,UAAU;CACT,MAAM,GAEJ,EACE,aACA,MACA,SACA,aACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,CAAC,GACT,UACA,OACA,GAAG,UAEHC,iBAAAA,sBAAsB,OAAO,SAAS,EACxC,eAAe;EAAC;EAAW;EAAe;EAAQ;CAAO,EAC3D,CAAC;CACD,MAAM,EAAE,KAAK,OAAO,eAAe,eAAe,cAAc,aAC9DC,2BAAAA,iBAAiB,IAAI;CACvB,MAAM,oBAAA,GAAA,MAAA,eAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG,QAAQ,UAC3C,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,UAAD;GAAsC;GAAO,GAAI;aAC9C;EACO,GAFK,SAAS,KAEd,CACX;CACH,GAAG,CAAC,OAAO,QAAQ,CAAC;CAgCpB,OACE,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,sBAAD;EAAsB,QAAA,GAAA,MAAA,gBA/Bf;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAQmC;YACjC,iBAAA,GAAA,kBAAA,KAACC,2BAAAA,sBAAD;GAAsB,QAAA,GAAA,MAAA,gBANjB;IAAE;IAAK;IAAO;IAAe;IAAe;GAAS,IAC5D;IAAC;IAAK;IAAO;IAAe;IAAe;GAAQ,CAKT;aACtC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;IAAO,aAAY;IAAW,GAAI,aAAa;cAC5C;GACI,CAAA;EACa,CAAA;CACF,CAAA;AAE1B,GACA,OACF,EAAE"}

package/dist/cjs/components/checkbox/checkbox.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_check_icon = require("../icon/icons/check-icon.cjs");

package/dist/cjs/components/checkbox/checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","names":["createSlotComponent","checkboxStyle","useCheckbox","useInputBorder","MinusIcon","CheckIcon","styled"],"sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { CheckboxStyle } from \"./checkbox.style\"\nimport type { UseCheckboxProps } from \"./use-checkbox\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { CheckIcon, MinusIcon } from \"../icon\"\nimport { useInputBorder } from \"../input\"\nimport { checkboxStyle } from \"./checkbox.style\"\nimport { useCheckbox } from \"./use-checkbox\"\n\nexport interface CheckboxProps<Y extends string = string>\n  extends\n    Merge<HTMLStyledProps<\"label\">, UseCheckboxProps<Y>>,\n    ThemeProps<CheckboxStyle>,\n    UseInputBorderProps {\n  /**\n   * The icon to display in the checkbox when it is checked.\n   */\n  checkedIcon?: ReactNode\n  /**\n   * The icon to display in the checkbox when it is indeterminate.\n   */\n  indeterminateIcon?: ReactNode\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: CheckboxIndicatorProps\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: CheckboxLabelProps\n  /**\n   * Props for the label element.\n   */\n  rootProps?: HTMLStyledProps<\"label\">\n}\n\nconst {\n  component,\n  PropsContext: CheckboxPropsContext,\n  usePropsContext: useCheckboxPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<CheckboxProps, CheckboxStyle>(\"checkbox\", checkboxStyle)\n\nexport {\n  CheckboxPropsContext,\n  component,\n  useCheckboxPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see https://yamada-ui.com/docs/components/checkbox\n */\nexport const Checkbox = withProvider<\"label\", CheckboxProps>(\n  ({\n    checkedIcon,\n    children,\n    errorBorderColor,\n    focusBorderColor,\n    indeterminateIcon,\n    indicatorProps,\n    inputProps,\n    labelProps,\n    rootProps,\n    ...rest\n  }) => {\n    const {\n      checked,\n      indeterminate,\n      getIndicatorProps,\n      getInputProps,\n      getRootProps,\n    } = useCheckbox(rest)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const icon = useMemo(() => {\n      if (indeterminate) {\n        return indeterminateIcon || <MinusIcon />\n      } else if (checked) {\n        return checkedIcon || <CheckIcon />\n      } else {\n        return null\n      }\n    }, [indeterminate, indeterminateIcon, checked, checkedIcon])\n    const input = useMemo(() => {\n      return <styled.input {...getInputProps(inputProps)} />\n    }, [getInputProps, inputProps])\n    const indicator = useMemo(() => {\n      return (\n        <CheckboxIndicator {...getIndicatorProps(indicatorProps)}>\n          {icon}\n        </CheckboxIndicator>\n      )\n    }, [getIndicatorProps, indicatorProps, icon])\n\n    return (\n      <styled.label {...getRootProps({ ...varProps, ...rootProps })}>\n        {input}\n        {indicator}\n        {children ? (\n          <CheckboxLabel {...labelProps}>{children}</CheckboxLabel>\n        ) : null}\n      </styled.label>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: CheckboxProps<Y>): ReactElement\n}>\n\ninterface CheckboxIndicatorProps extends HTMLStyledProps {}\n\nconst CheckboxIndicator = withContext<\"div\", CheckboxIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)({ \"data-indicator\": \"\" })\n\ninterface CheckboxLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst CheckboxLabel = withContext<\"span\", CheckboxLabelProps>(\"span\", \"label\")()\n"],"mappings":";;;;;;;;;;;;AA8CA,MAAM,EACJ,WACA,cAAc,sBACd,iBAAiB,yBACjB,aACA,cACA,0BACEA,yBAAAA,oBAAkD,YAAYC,uBAAAA,cAAc;;;;;;AAchF,MAAa,WAAW,cACrB,EACC,aACA,UACA,kBACA,kBACA,mBACA,gBACA,YACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,EACJ,SACA,eACA,mBACA,eACA,iBACEC,qBAAAA,YAAY,KAAK;CACrB,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;EAAkB,CAAC;CACvE,MAAM,QAAA,GAAA,MAAA,eAAqB;EACzB,IAAI,eACF,OAAO,qBAAqB,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,WAAD,EAAa,CAAA;OACpC,IAAI,SACT,OAAO,eAAe,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,WAAD,EAAa,CAAA;OAEnC,OAAO;IAER;EAAC;EAAe;EAAmB;EAAS;EAAY,CAAC;CAC5D,MAAM,SAAA,GAAA,MAAA,eAAsB;EAC1B,OAAO,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,cAAc,WAAW,EAAI,CAAA;IACrD,CAAC,eAAe,WAAW,CAAC;CAC/B,MAAM,aAAA,GAAA,MAAA,eAA0B;EAC9B,OACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD;GAAmB,GAAI,kBAAkB,eAAe;aACrD;GACiB,CAAA;IAErB;EAAC;EAAmB;EAAgB;EAAK,CAAC;CAE7C,OACE,iBAAA,GAAA,kBAAA,MAACA,gBAAAA,OAAO,OAAR;EAAc,GAAI,aAAa;GAAE,GAAG;GAAU,GAAG;GAAW,CAAC;YAA7D;GACG;GACA;GACA,WACC,iBAAA,GAAA,kBAAA,KAAC,eAAD;IAAe,GAAI;IAAa;IAAyB,CAAA,GACvD;GACS;;GAGnB,OACD,EAAE;AAMH,MAAM,oBAAoB,YACxB,OACA,YACD,CAAC,EAAE,kBAAkB,IAAI,CAAC;AAI3B,MAAM,gBAAgB,YAAwC,QAAQ,QAAQ,EAAE"}
+{"version":3,"file":"checkbox.cjs","names":["createSlotComponent","checkboxStyle","useCheckbox","useInputBorder","MinusIcon","CheckIcon","styled"],"sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { CheckboxStyle } from \"./checkbox.style\"\nimport type { UseCheckboxProps } from \"./use-checkbox\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { CheckIcon, MinusIcon } from \"../icon\"\nimport { useInputBorder } from \"../input\"\nimport { checkboxStyle } from \"./checkbox.style\"\nimport { useCheckbox } from \"./use-checkbox\"\n\nexport interface CheckboxProps<Y extends string = string>\n  extends\n    Merge<HTMLStyledProps<\"label\">, UseCheckboxProps<Y>>,\n    ThemeProps<CheckboxStyle>,\n    UseInputBorderProps {\n  /**\n   * The icon to display in the checkbox when it is checked.\n   */\n  checkedIcon?: ReactNode\n  /**\n   * The icon to display in the checkbox when it is indeterminate.\n   */\n  indeterminateIcon?: ReactNode\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: CheckboxIndicatorProps\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: CheckboxLabelProps\n  /**\n   * Props for the label element.\n   */\n  rootProps?: HTMLStyledProps<\"label\">\n}\n\nconst {\n  component,\n  PropsContext: CheckboxPropsContext,\n  usePropsContext: useCheckboxPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<CheckboxProps, CheckboxStyle>(\"checkbox\", checkboxStyle)\n\nexport {\n  CheckboxPropsContext,\n  component,\n  useCheckboxPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see https://yamada-ui.com/docs/components/checkbox\n */\nexport const Checkbox = withProvider<\"label\", CheckboxProps>(\n  ({\n    checkedIcon,\n    children,\n    errorBorderColor,\n    focusBorderColor,\n    indeterminateIcon,\n    indicatorProps,\n    inputProps,\n    labelProps,\n    rootProps,\n    ...rest\n  }) => {\n    const {\n      checked,\n      indeterminate,\n      getIndicatorProps,\n      getInputProps,\n      getRootProps,\n    } = useCheckbox(rest)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const icon = useMemo(() => {\n      if (indeterminate) {\n        return indeterminateIcon || <MinusIcon />\n      } else if (checked) {\n        return checkedIcon || <CheckIcon />\n      } else {\n        return null\n      }\n    }, [indeterminate, indeterminateIcon, checked, checkedIcon])\n    const input = useMemo(() => {\n      return <styled.input {...getInputProps(inputProps)} />\n    }, [getInputProps, inputProps])\n    const indicator = useMemo(() => {\n      return (\n        <CheckboxIndicator {...getIndicatorProps(indicatorProps)}>\n          {icon}\n        </CheckboxIndicator>\n      )\n    }, [getIndicatorProps, indicatorProps, icon])\n\n    return (\n      <styled.label {...getRootProps({ ...varProps, ...rootProps })}>\n        {input}\n        {indicator}\n        {children ? (\n          <CheckboxLabel {...labelProps}>{children}</CheckboxLabel>\n        ) : null}\n      </styled.label>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: CheckboxProps<Y>): ReactElement\n}>\n\ninterface CheckboxIndicatorProps extends HTMLStyledProps {}\n\nconst CheckboxIndicator = withContext<\"div\", CheckboxIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)({ \"data-indicator\": \"\" })\n\ninterface CheckboxLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst CheckboxLabel = withContext<\"span\", CheckboxLabelProps>(\"span\", \"label\")()\n"],"mappings":";;;;;;;;;;;AA8CA,MAAM,EACJ,WACA,cAAc,sBACd,iBAAiB,yBACjB,aACA,cACA,0BACEA,yBAAAA,oBAAkD,YAAYC,uBAAAA,aAAa;;;;;;AAc/E,MAAa,WAAW,cACrB,EACC,aACA,UACA,kBACA,kBACA,mBACA,gBACA,YACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,EACJ,SACA,eACA,mBACA,eACA,iBACEC,qBAAAA,YAAY,IAAI;CACpB,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,QAAA,GAAA,MAAA,eAAqB;EACzB,IAAI,eACF,OAAO,qBAAqB,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,WAAD,CAAY,CAAA;OACnC,IAAI,SACT,OAAO,eAAe,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,WAAD,CAAY,CAAA;OAElC,OAAO;CAEX,GAAG;EAAC;EAAe;EAAmB;EAAS;CAAW,CAAC;CAC3D,MAAM,SAAA,GAAA,MAAA,eAAsB;EAC1B,OAAO,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,cAAc,UAAU,EAAI,CAAA;CACvD,GAAG,CAAC,eAAe,UAAU,CAAC;CAC9B,MAAM,aAAA,GAAA,MAAA,eAA0B;EAC9B,OACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD;GAAmB,GAAI,kBAAkB,cAAc;aACpD;EACgB,CAAA;CAEvB,GAAG;EAAC;EAAmB;EAAgB;CAAI,CAAC;CAE5C,OACE,iBAAA,GAAA,kBAAA,MAACA,gBAAAA,OAAO,OAAR;EAAc,GAAI,aAAa;GAAE,GAAG;GAAU,GAAG;EAAU,CAAC;YAA5D;GACG;GACA;GACA,WACC,iBAAA,GAAA,kBAAA,KAAC,eAAD;IAAe,GAAI;IAAa;GAAwB,CAAA,IACtD;EACQ;;AAElB,GACA,MACF,EAAE;AAMF,MAAM,oBAAoB,YACxB,OACA,WACF,EAAE,EAAE,kBAAkB,GAAG,CAAC;AAI1B,MAAM,gBAAgB,YAAwC,QAAQ,OAAO,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.style.cjs","names":["defineComponentSlotStyle","focusRingStyle"],"sources":["../../../../src/components/checkbox/checkbox.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const checkboxStyle = defineComponentSlotStyle({\n  base: {\n    group: {},\n    indicator: {\n      alignItems: \"center\",\n      bg: \"{indicator-bg}\",\n      borderColor: \"{indicator-border-color}\",\n      borderWidth: \"2px\",\n      boxSize: \"{indicator-size}\",\n      display: \"inline-flex\",\n      focusRingColor: \"{focus-border-color}\",\n      \"input:focus-visible + &\": focusRingStyle.outline,\n      justifyContent: \"center\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    label: {},\n    root: {\n      \"--error-border-color\": \"colors.border.error\",\n      \"--focus-border-color\": \"colorScheme.outline\",\n      \"--indicator-bg\": \"transparent\",\n      \"--indicator-border-color\": \"colors.border.emphasized\",\n      alignItems: \"center\",\n      display: \"flex\",\n      fontSize: \"{label-size}\",\n      gap: \"2\",\n      userSelect: \"none\",\n      _readOnly: { layerStyle: \"readOnly\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n  },\n\n  props: {\n    /**\n     * The shape of the component\n     *\n     * @default 'rounded'\n     */\n    shape: {\n      rounded: {\n        indicator: { rounded: \"l1\" },\n      },\n      square: {\n        indicator: { rounded: \"0\" },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      indicator: { color: \"colorScheme.outline\" },\n      root: {\n        _checked: { \"--indicator-border-color\": \"colorScheme.outline\" },\n        _indeterminate: { \"--indicator-border-color\": \"colorScheme.outline\" },\n      },\n    },\n    solid: {\n      indicator: {\n        color: \"colorScheme.contrast\",\n        _checked: { bg: \"colorScheme.solid\" },\n        _indeterminate: { bg: \"colorScheme.solid\" },\n      },\n      root: {\n        _checked: { \"--indicator-border-color\": \"colorScheme.solid\" },\n        _indeterminate: { \"--indicator-border-color\": \"colorScheme.solid\" },\n      },\n    },\n    subtle: {\n      indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n      root: { \"--indicator-border-color\": \"transparent\" },\n    },\n    surface: {\n      indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n      root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n    },\n  },\n\n  sizes: {\n    sm: {\n      indicator: { fontSize: \"xs\" },\n      root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n    },\n    md: {\n      indicator: { fontSize: \"sm\" },\n      root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n    },\n    lg: {\n      indicator: { fontSize: \"md\" },\n      root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    shape: \"rounded\",\n  },\n})\n\nexport type CheckboxStyle = typeof checkboxStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgBA,eAAAA,yBAAyB;CACpD,MAAM;EACJ,OAAO,EAAE;EACT,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2BC,mBAAAA,eAAe;GAC1C,gBAAgB;GAChB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,OAAO,EAAE;EACT,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,YAAY;GACZ,WAAW,EAAE,YAAY,YAAY;GACrC,WAAW,EAAE,YAAY,YAAY;GACtC;EACF;CAED,OAAO;;;;;;AAML,OAAO;EACL,SAAS,EACP,WAAW,EAAE,SAAS,MAAM,EAC7B;EACD,QAAQ,EACN,WAAW,EAAE,SAAS,KAAK,EAC5B;EACF,EACF;CAED,UAAU;EACR,SAAS;GACP,WAAW,EAAE,OAAO,uBAAuB;GAC3C,MAAM;IACJ,UAAU,EAAE,4BAA4B,uBAAuB;IAC/D,gBAAgB,EAAE,4BAA4B,uBAAuB;IACtE;GACF;EACD,OAAO;GACL,WAAW;IACT,OAAO;IACP,UAAU,EAAE,IAAI,qBAAqB;IACrC,gBAAgB,EAAE,IAAI,qBAAqB;IAC5C;GACD,MAAM;IACJ,UAAU,EAAE,4BAA4B,qBAAqB;IAC7D,gBAAgB,EAAE,4BAA4B,qBAAqB;IACpE;GACF;EACD,QAAQ;GACN,WAAW;IAAE,IAAI;IAAsB,OAAO;IAAkB;GAChE,MAAM,EAAE,4BAA4B,eAAe;GACpD;EACD,SAAS;GACP,WAAW;IAAE,IAAI;IAAsB,OAAO;IAAkB;GAChE,MAAM,EAAE,4BAA4B,qBAAqB;GAC1D;EACF;CAED,OAAO;EACL,IAAI;GACF,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;IAAgB;GAC1E;EACD,IAAI;GACF,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;IAAgB;GACxE;EACD,IAAI;GACF,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;IAAgB;GACxE;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACF,CAAC"}
+{"version":3,"file":"checkbox.style.cjs","names":["defineComponentSlotStyle","focusRingStyle"],"sources":["../../../../src/components/checkbox/checkbox.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const checkboxStyle = defineComponentSlotStyle({\n  base: {\n    group: {},\n    indicator: {\n      alignItems: \"center\",\n      bg: \"{indicator-bg}\",\n      borderColor: \"{indicator-border-color}\",\n      borderWidth: \"2px\",\n      boxSize: \"{indicator-size}\",\n      display: \"inline-flex\",\n      focusRingColor: \"{focus-border-color}\",\n      \"input:focus-visible + &\": focusRingStyle.outline,\n      justifyContent: \"center\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    label: {},\n    root: {\n      \"--error-border-color\": \"colors.border.error\",\n      \"--focus-border-color\": \"colorScheme.outline\",\n      \"--indicator-bg\": \"transparent\",\n      \"--indicator-border-color\": \"colors.border.emphasized\",\n      alignItems: \"center\",\n      display: \"flex\",\n      fontSize: \"{label-size}\",\n      gap: \"2\",\n      userSelect: \"none\",\n      _readOnly: { layerStyle: \"readOnly\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n  },\n\n  props: {\n    /**\n     * The shape of the component\n     *\n     * @default 'rounded'\n     */\n    shape: {\n      rounded: {\n        indicator: { rounded: \"l1\" },\n      },\n      square: {\n        indicator: { rounded: \"0\" },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      indicator: { color: \"colorScheme.outline\" },\n      root: {\n        _checked: { \"--indicator-border-color\": \"colorScheme.outline\" },\n        _indeterminate: { \"--indicator-border-color\": \"colorScheme.outline\" },\n      },\n    },\n    solid: {\n      indicator: {\n        color: \"colorScheme.contrast\",\n        _checked: { bg: \"colorScheme.solid\" },\n        _indeterminate: { bg: \"colorScheme.solid\" },\n      },\n      root: {\n        _checked: { \"--indicator-border-color\": \"colorScheme.solid\" },\n        _indeterminate: { \"--indicator-border-color\": \"colorScheme.solid\" },\n      },\n    },\n    subtle: {\n      indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n      root: { \"--indicator-border-color\": \"transparent\" },\n    },\n    surface: {\n      indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n      root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n    },\n  },\n\n  sizes: {\n    sm: {\n      indicator: { fontSize: \"xs\" },\n      root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n    },\n    md: {\n      indicator: { fontSize: \"sm\" },\n      root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n    },\n    lg: {\n      indicator: { fontSize: \"md\" },\n      root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    shape: \"rounded\",\n  },\n})\n\nexport type CheckboxStyle = typeof checkboxStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgBA,eAAAA,yBAAyB;CACpD,MAAM;EACJ,OAAO,CAAC;EACR,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2BC,mBAAAA,eAAe;GAC1C,gBAAgB;GAChB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,YAAY;GACZ,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,SAAS,EACP,WAAW,EAAE,SAAS,KAAK,EAC7B;EACA,QAAQ,EACN,WAAW,EAAE,SAAS,IAAI,EAC5B;CACF,EACF;CAEA,UAAU;EACR,SAAS;GACP,WAAW,EAAE,OAAO,sBAAsB;GAC1C,MAAM;IACJ,UAAU,EAAE,4BAA4B,sBAAsB;IAC9D,gBAAgB,EAAE,4BAA4B,sBAAsB;GACtE;EACF;EACA,OAAO;GACL,WAAW;IACT,OAAO;IACP,UAAU,EAAE,IAAI,oBAAoB;IACpC,gBAAgB,EAAE,IAAI,oBAAoB;GAC5C;GACA,MAAM;IACJ,UAAU,EAAE,4BAA4B,oBAAoB;IAC5D,gBAAgB,EAAE,4BAA4B,oBAAoB;GACpE;EACF;EACA,QAAQ;GACN,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,cAAc;EACpD;EACA,SAAS;GACP,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,oBAAoB;EAC1D;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;GAAe;EAC1E;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}

package/dist/cjs/components/checkbox/use-checkbox-group.cjs

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

package/dist/cjs/components/checkbox/use-checkbox-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-checkbox-group.cjs","names":["createContext","useFieldProps","useControllableState","mergeProps","visuallyHiddenAttributes"],"sources":["../../../../src/components/checkbox/use-checkbox-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface CheckboxGroupContext extends Omit<\n  UseCheckboxGroupReturn,\n  \"getRootProps\"\n> {}\n\nconst [CheckboxGroupContext, useCheckboxGroupContext] =\n  createContext<CheckboxGroupContext>({\n    name: \"CheckboxGroupContext\",\n    strict: false,\n  })\n\nexport { CheckboxGroupContext, useCheckboxGroupContext }\n\nexport interface UseCheckboxGroupProps<Y extends string = string>\n  extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">, FieldProps {\n  /**\n   * The initial value of the checkbox group.\n   *\n   * @default []\n   */\n  defaultValue?: Y[]\n  /**\n   * The maximum number of checkboxes that can be checked.\n   */\n  max?: number\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n}\n\nexport const useCheckboxGroup = <Y extends string = string>(\n  props: UseCheckboxGroupProps<Y> = {},\n) => {\n  const {\n    context: { labelId } = {},\n    props: {\n      defaultValue = [],\n      disabled,\n      max,\n      readOnly,\n      required,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedbyProp, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (valueOrEv: ChangeEvent<HTMLInputElement> | Y) => {\n      if (!interactive) return\n\n      if (isObject(valueOrEv)) valueOrEv = valueOrEv.target.value as Y\n\n      setValue((prev) => {\n        if (prev.includes(valueOrEv)) {\n          return prev.filter((prevValue) => prevValue !== valueOrEv)\n        } else if (!isNumber(max) || prev.length < max) {\n          return [...prev, valueOrEv]\n        } else {\n          return prev\n        }\n      })\n    },\n    [interactive, max, setValue],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) =>\n      mergeProps(\n        dataProps,\n        {\n          \"aria-describedby\": cx(ariaDescribedbyProp, ariaDescribedby),\n          \"aria-labelledby\": cx(labelId, ariaLabelledby),\n          role: \"group\",\n        },\n        rest,\n        props,\n        {\n          ref,\n        },\n      )(),\n    [ariaDescribedbyProp, dataProps, labelId, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => {\n      const checked =\n        !isUndefined(value) &&\n        (isString(props.value) || isNumber(props.value)) &&\n        value.includes(props.value as Y)\n      const trulyDisabled = !checked && isNumber(max) && value.length >= max\n\n      return {\n        ...dataProps,\n        ...ariaProps,\n        type: \"checkbox\",\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"aria-disabled\": ariaAttr(trulyDisabled),\n        \"data-checked\": dataAttr(checked),\n        \"data-disabled\": dataAttr(trulyDisabled),\n        checked,\n        readOnly,\n        required,\n        ...props,\n        disabled: Boolean(props.disabled || trulyDisabled),\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n    },\n    [\n      ariaProps,\n      dataProps,\n      eventProps,\n      max,\n      onChange,\n      readOnly,\n      required,\n      value,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return {\n    max,\n    value,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>\n"],"mappings":";;;;;;;;;;AA2BA,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAAA,cAAoC;CAClC,MAAM;CACN,QAAQ;CACT,CAAC;AA0BJ,MAAa,oBACX,QAAkC,EAAE,KACjC;CACH,MAAM,EACJ,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EACL,eAAe,EAAE,EACjB,UACA,KACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,qBAAqB,GAAG,aACzD,WACA,eACEC,wBAAAA,cAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAAqB;EAC7C;EACA,OAAO;EACP,UAAU;EACX,CAAC;CAEF,MAAM,YAAA,GAAA,MAAA,cACH,cAAiD;EAChD,IAAI,CAAC,aAAa;EAElB,KAAA,GAAA,oBAAA,cAAA,UAAa,UAAU,EAAE,YAAY,UAAU,OAAO;EAEtD,UAAU,SAAS;GACjB,IAAI,KAAK,SAAS,UAAU,EAC1B,OAAO,KAAK,QAAQ,cAAc,cAAc,UAAU;QACrD,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,IAAI,IAAI,KAAK,SAAS,KACzC,OAAO,CAAC,GAAG,MAAM,UAAU;QAE3B,OAAO;IAET;IAEJ;EAAC;EAAa;EAAK;EAAS,CAC7B;CAED,MAAM,gBAAA,GAAA,MAAA,cACH,EACC,KACA,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,KACJC,cAAAA,WACE,WACA;EACE,qBAAA,GAAA,oBAAA,cAAA,IAAuB,qBAAqB,gBAAgB;EAC5D,oBAAA,GAAA,oBAAA,cAAA,IAAsB,SAAS,eAAe;EAC9C,MAAM;EACP,EACD,MACA,OACA,EACE,KACD,CACF,EAAE,EACL;EAAC;EAAqB;EAAW;EAAS;EAAK,CAChD;CAiDD,OAAO;EACL;EACA;EACA,gBAAA,GAAA,MAAA,cAjDC,QAAQ,EAAE,KAAK;GACd,MAAM,UACJ,EAAA,GAAA,oBAAA,cAAA,aAAa,MAAM,MAAA,GAAA,oBAAA,cAAA,UACT,MAAM,MAAM,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,MAAM,KAC/C,MAAM,SAAS,MAAM,MAAW;GAClC,MAAM,gBAAgB,CAAC,YAAA,GAAA,oBAAA,cAAA,UAAoB,IAAI,IAAI,MAAM,UAAU;GAEnE,OAAO;IACL,GAAG;IACH,GAAG;IACH,MAAM;IACN,OAAOC,YAAAA,yBAAyB;IAChC,gBAAgB;IAChB,kBAAA,GAAA,oBAAA,cAAA,UAA0B,cAAc;IACxC,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;IACjC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,cAAc;IACxC;IACA;IACA;IACA,GAAG;IACH,UAAU,QAAQ,MAAM,YAAY,cAAc;IAClD,SAAA,GAAA,oBAAA,cAAA,YAAmB,MAAM,QAAQ,WAAW,OAAO;IACnD,WAAA,GAAA,oBAAA,cAAA,YAAqB,MAAM,UAAU,SAAS;IAC9C,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,WAAW,QAAQ;IACvD;KAEH;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAcY;EACb,gBAAA,GAAA,MAAA,cAXC,WAAW;GACV,GAAG;GACH,GAAG;GACJ,GACD,CAAC,UAAU,CAOE;EACb;EACA;EACD"}
+{"version":3,"file":"use-checkbox-group.cjs","names":["createContext","useFieldProps","useControllableState","mergeProps","visuallyHiddenAttributes"],"sources":["../../../../src/components/checkbox/use-checkbox-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface CheckboxGroupContext extends Omit<\n  UseCheckboxGroupReturn,\n  \"getRootProps\"\n> {}\n\nconst [CheckboxGroupContext, useCheckboxGroupContext] =\n  createContext<CheckboxGroupContext>({\n    name: \"CheckboxGroupContext\",\n    strict: false,\n  })\n\nexport { CheckboxGroupContext, useCheckboxGroupContext }\n\nexport interface UseCheckboxGroupProps<Y extends string = string>\n  extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">, FieldProps {\n  /**\n   * The initial value of the checkbox group.\n   *\n   * @default []\n   */\n  defaultValue?: Y[]\n  /**\n   * The maximum number of checkboxes that can be checked.\n   */\n  max?: number\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n}\n\nexport const useCheckboxGroup = <Y extends string = string>(\n  props: UseCheckboxGroupProps<Y> = {},\n) => {\n  const {\n    context: { labelId } = {},\n    props: {\n      defaultValue = [],\n      disabled,\n      max,\n      readOnly,\n      required,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedbyProp, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (valueOrEv: ChangeEvent<HTMLInputElement> | Y) => {\n      if (!interactive) return\n\n      if (isObject(valueOrEv)) valueOrEv = valueOrEv.target.value as Y\n\n      setValue((prev) => {\n        if (prev.includes(valueOrEv)) {\n          return prev.filter((prevValue) => prevValue !== valueOrEv)\n        } else if (!isNumber(max) || prev.length < max) {\n          return [...prev, valueOrEv]\n        } else {\n          return prev\n        }\n      })\n    },\n    [interactive, max, setValue],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) =>\n      mergeProps(\n        dataProps,\n        {\n          \"aria-describedby\": cx(ariaDescribedbyProp, ariaDescribedby),\n          \"aria-labelledby\": cx(labelId, ariaLabelledby),\n          role: \"group\",\n        },\n        rest,\n        props,\n        {\n          ref,\n        },\n      )(),\n    [ariaDescribedbyProp, dataProps, labelId, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => {\n      const checked =\n        !isUndefined(value) &&\n        (isString(props.value) || isNumber(props.value)) &&\n        value.includes(props.value as Y)\n      const trulyDisabled = !checked && isNumber(max) && value.length >= max\n\n      return {\n        ...dataProps,\n        ...ariaProps,\n        type: \"checkbox\",\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"aria-disabled\": ariaAttr(trulyDisabled),\n        \"data-checked\": dataAttr(checked),\n        \"data-disabled\": dataAttr(trulyDisabled),\n        checked,\n        readOnly,\n        required,\n        ...props,\n        disabled: Boolean(props.disabled || trulyDisabled),\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n    },\n    [\n      ariaProps,\n      dataProps,\n      eventProps,\n      max,\n      onChange,\n      readOnly,\n      required,\n      value,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return {\n    max,\n    value,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>\n"],"mappings":";;;;;;;;;AA2BA,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAAA,cAAoC;CAClC,MAAM;CACN,QAAQ;AACV,CAAC;AA0BH,MAAa,oBACX,QAAkC,CAAC,MAChC;CACH,MAAM,EACJ,SAAS,EAAE,YAAY,CAAC,GACxB,OAAO,EACL,eAAe,CAAC,GAChB,UACA,KACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,qBAAqB,GAAG,aACzD,WACA,eACEC,wBAAAA,cAAc,KAAK;CACvB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAAqB;EAC7C;EACA,OAAO;EACP,UAAU;CACZ,CAAC;CAED,MAAM,YAAA,GAAA,MAAA,cACH,cAAiD;EAChD,IAAI,CAAC,aAAa;EAElB,KAAA,GAAA,oBAAA,cAAA,UAAa,SAAS,GAAG,YAAY,UAAU,OAAO;EAEtD,UAAU,SAAS;GACjB,IAAI,KAAK,SAAS,SAAS,GACzB,OAAO,KAAK,QAAQ,cAAc,cAAc,SAAS;QACpD,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,GAAG,KAAK,KAAK,SAAS,KACzC,OAAO,CAAC,GAAG,MAAM,SAAS;QAE1B,OAAO;EAEX,CAAC;CACH,GACA;EAAC;EAAa;EAAK;CAAQ,CAC7B;CAEA,MAAM,gBAAA,GAAA,MAAA,cACH,EACC,KACA,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,CAAC,MACHC,cAAAA,WACE,WACA;EACE,qBAAA,GAAA,oBAAA,cAAA,IAAuB,qBAAqB,eAAe;EAC3D,oBAAA,GAAA,oBAAA,cAAA,IAAsB,SAAS,cAAc;EAC7C,MAAM;CACR,GACA,MACA,OACA,EACE,IACF,CACF,EAAE,GACJ;EAAC;EAAqB;EAAW;EAAS;CAAI,CAChD;CAiDA,OAAO;EACL;EACA;EACA,gBAAA,GAAA,MAAA,cAjDC,QAAQ,CAAC,MAAM;GACd,MAAM,UACJ,EAAA,GAAA,oBAAA,cAAA,aAAa,KAAK,OAAA,GAAA,oBAAA,cAAA,UACR,MAAM,KAAK,MAAA,GAAA,oBAAA,cAAA,UAAc,MAAM,KAAK,MAC9C,MAAM,SAAS,MAAM,KAAU;GACjC,MAAM,gBAAgB,CAAC,YAAA,GAAA,oBAAA,cAAA,UAAoB,GAAG,KAAK,MAAM,UAAU;GAEnE,OAAO;IACL,GAAG;IACH,GAAG;IACH,MAAM;IACN,OAAOC,YAAAA,yBAAyB;IAChC,gBAAgB;IAChB,kBAAA,GAAA,oBAAA,cAAA,UAA0B,aAAa;IACvC,iBAAA,GAAA,oBAAA,cAAA,UAAyB,OAAO;IAChC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,aAAa;IACvC;IACA;IACA;IACA,GAAG;IACH,UAAU,QAAQ,MAAM,YAAY,aAAa;IACjD,SAAA,GAAA,oBAAA,cAAA,YAAmB,MAAM,QAAQ,WAAW,MAAM;IAClD,WAAA,GAAA,oBAAA,cAAA,YAAqB,MAAM,UAAU,QAAQ;IAC7C,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,WAAW,OAAO;GACvD;EACF,GACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAcY;EACZ,gBAAA,GAAA,MAAA,cAXC,WAAW;GACV,GAAG;GACH,GAAG;EACL,IACA,CAAC,SAAS,CAOE;EACZ;EACA;CACF;AACF"}

package/dist/cjs/components/checkbox/use-checkbox.cjs

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

package/dist/cjs/components/checkbox/use-checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-checkbox.cjs","names":["useCheckboxGroupContext","useFieldProps","useControllableEventState","mergeProps","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/checkbox/use-checkbox.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, ChangeEventHandler, FocusEventHandler } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableEventState } from \"../../hooks/use-controllable-state\"\nimport {\n  ariaAttr,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNumber,\n  isUndefined,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useCheckboxGroupContext } from \"./use-checkbox-group\"\n\nexport interface UseCheckboxProps<Y extends string = string>\n  extends\n    Omit<HTMLProps<\"label\">, \"onBlur\" | \"onChange\" | \"onFocus\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the checkbox will be checked.\n   */\n  checked?: boolean\n  /**\n   * If `true`, the checkbox will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * id assigned to input.\n   */\n  id?: string\n  /**\n   * If `true`, the checkbox will be indeterminate.\n   *\n   * @default false\n   */\n  indeterminate?: boolean\n  /**\n   * The name of the input field in a checkbox.\n   */\n  name?: string\n  /**\n   * The value of the checkbox.\n   */\n  value?: Y\n  /**\n   * The callback invoked when the checkbox is blurred.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the checked state changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the checkbox is focused.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>\n}\n\nexport const useCheckbox = <Y extends string = string>({\n  \"aria-describedby\": ariaDescribedbyProp,\n  ...props\n}: UseCheckboxProps<Y> = {}) => {\n  const group = useCheckboxGroupContext()\n  const {\n    max,\n    value: groupValue,\n    getInputProps: getGroupInputProps,\n    getLabelProps,\n  } = group ?? {}\n  const uuid = useId()\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      \"aria-controls\": ariaControlsProp,\n      \"aria-labelledby\": ariaLabelledbyProp,\n      checked: checkedProp,\n      defaultChecked = false,\n      disabled,\n      indeterminate = false,\n      readOnly,\n      required,\n      tabIndex,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedby, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps({\n    id: group ? uuid : undefined,\n    ...props,\n    notSupportReadOnly: true,\n  })\n  const resolvedAriaDescribedby = group ? ariaDescribedbyProp : ariaDescribedby\n  const resolvedChecked =\n    !isUndefined(groupValue) && !isUndefined(value)\n      ? groupValue.includes(value)\n      : checkedProp\n  const [checked, setChecked] = useControllableEventState({\n    defaultValue: defaultChecked,\n    value: resolvedChecked,\n    onChange: onChangeProp,\n  })\n  const trulyDisabled =\n    !checked && isNumber(max) && group && group.value.length >= max\n  const interactive = !(readOnly || trulyDisabled)\n  const indeterminateRef = useCallback(\n    (el: HTMLInputElement | null) => {\n      if (el) el.indeterminate = indeterminate\n    },\n    [indeterminate],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (!interactive) return (ev.defaultPrevented = true)\n\n      if (indeterminate) ev.target.checked = true\n\n      setChecked(ev)\n    },\n    [interactive, indeterminate, setChecked],\n  )\n\n  const getRootProps: PropGetter<\"label\"> = useCallback(\n    (props = {}) => {\n      const merged = mergeProps(\n        dataProps,\n        {\n          \"data-checked\": dataAttr(checked),\n          \"data-indeterminate\": dataAttr(indeterminate),\n        },\n        rest,\n        props,\n      )()\n\n      return getLabelProps?.(merged) ?? merged\n    },\n    [dataProps, checked, indeterminate, rest, getLabelProps],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({\n      \"aria-controls\": ariaControls,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const sharedProps = {\n        ...dataProps,\n        ...ariaProps,\n        id,\n        type: \"checkbox\",\n        name,\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": indeterminate ? (\"mixed\" as const) : checked,\n        \"aria-controls\": cx(ariaControls, ariaControlsProp),\n        \"aria-describedby\": cx(resolvedAriaDescribedby, ariaDescribedby),\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-labelledby\": cx(ariaLabelledby, ariaLabelledbyProp),\n        \"data-checked\": dataAttr(checked),\n        \"data-indeterminate\": dataAttr(indeterminate),\n        checked,\n        disabled,\n        readOnly,\n        required,\n        tabIndex,\n        value,\n        ...props,\n        ref: mergeRefs(props.ref, ref, indeterminateRef),\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n\n      return getGroupInputProps?.(sharedProps) ?? sharedProps\n    },\n    [\n      dataProps,\n      ariaProps,\n      id,\n      name,\n      indeterminate,\n      checked,\n      ariaControlsProp,\n      resolvedAriaDescribedby,\n      interactive,\n      ariaLabelledbyProp,\n      disabled,\n      readOnly,\n      required,\n      tabIndex,\n      value,\n      ref,\n      indeterminateRef,\n      eventProps.onBlur,\n      eventProps.onFocus,\n      onChange,\n      getGroupInputProps,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      \"aria-hidden\": \"true\",\n      \"data-checked\": dataAttr(checked),\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [dataProps, checked, indeterminate],\n  )\n\n  return {\n    checked,\n    indeterminate,\n    getIndicatorProps,\n    getInputProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n"],"mappings":";;;;;;;;;;;AAoEA,MAAa,eAA0C,EACrD,oBAAoB,qBACpB,GAAG,UACoB,EAAE,KAAK;CAC9B,MAAM,QAAQA,2BAAAA,yBAAyB;CACvC,MAAM,EACJ,KACA,OAAO,YACP,eAAe,oBACf,kBACE,SAAS,EAAE;CACf,MAAM,QAAA,GAAA,MAAA,QAAc;CACpB,MAAM,EACJ,OAAO,EACL,IACA,KACA,MACA,iBAAiB,kBACjB,mBAAmB,oBACnB,SAAS,aACT,iBAAiB,OACjB,UACA,gBAAgB,OAChB,UACA,UACA,UACA,OACA,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,iBAAiB,GAAG,aACrD,WACA,eACEC,wBAAAA,cAAc;EAChB,IAAI,QAAQ,OAAO,KAAA;EACnB,GAAG;EACH,oBAAoB;EACrB,CAAC;CACF,MAAM,0BAA0B,QAAQ,sBAAsB;CAK9D,MAAM,CAAC,SAAS,cAAcC,2CAAAA,0BAA0B;EACtD,cAAc;EACd,OALA,EAAA,GAAA,oBAAA,cAAA,aAAa,WAAW,IAAI,EAAA,GAAA,oBAAA,cAAA,aAAa,MAAM,GAC3C,WAAW,SAAS,MAAM,GAC1B;EAIJ,UAAU;EACX,CAAC;CACF,MAAM,gBACJ,CAAC,YAAA,GAAA,oBAAA,cAAA,UAAoB,IAAI,IAAI,SAAS,MAAM,MAAM,UAAU;CAC9D,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,oBAAA,GAAA,MAAA,cACH,OAAgC;EAC/B,IAAI,IAAI,GAAG,gBAAgB;IAE7B,CAAC,cAAc,CAChB;CAED,MAAM,YAAA,GAAA,MAAA,cACH,OAAsC;EACrC,IAAI,CAAC,aAAa,OAAQ,GAAG,mBAAmB;EAEhD,IAAI,eAAe,GAAG,OAAO,UAAU;EAEvC,WAAW,GAAG;IAEhB;EAAC;EAAa;EAAe;EAAW,CACzC;CAED,MAAM,gBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,KAAK;EACd,MAAM,SAASC,cAAAA,WACb,WACA;GACE,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;GACjC,uBAAA,GAAA,oBAAA,cAAA,UAA+B,cAAc;GAC9C,EACD,MACA,MACD,EAAE;EAEH,OAAO,gBAAgB,OAAO,IAAI;IAEpC;EAAC;EAAW;EAAS;EAAe;EAAM;EAAc,CACzD;CAED,MAAM,iBAAA,GAAA,MAAA,cACH,EACC,iBAAiB,cACjB,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,KAAK;EACT,MAAM,cAAc;GAClB,GAAG;GACH,GAAG;GACH;GACA,MAAM;GACN;GACA,OAAOC,YAAAA,yBAAyB;GAChC,gBAAgB,gBAAiB,UAAoB;GACrD,kBAAA,GAAA,oBAAA,cAAA,IAAoB,cAAc,iBAAiB;GACnD,qBAAA,GAAA,oBAAA,cAAA,IAAuB,yBAAyB,gBAAgB;GAChE,kBAAA,GAAA,oBAAA,cAAA,UAA0B,CAAC,YAAY;GACvC,oBAAA,GAAA,oBAAA,cAAA,IAAsB,gBAAgB,mBAAmB;GACzD,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;GACjC,uBAAA,GAAA,oBAAA,cAAA,UAA+B,cAAc;GAC7C;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACH,KAAKC,YAAAA,UAAU,MAAM,KAAK,KAAK,iBAAiB;GAChD,SAAA,GAAA,oBAAA,cAAA,YAAmB,MAAM,QAAQ,WAAW,OAAO;GACnD,WAAA,GAAA,oBAAA,cAAA,YAAqB,MAAM,UAAU,SAAS;GAC9C,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,WAAW,QAAQ;GACvD;EAED,OAAO,qBAAqB,YAAY,IAAI;IAE9C;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;EACX,WAAW;EACX;EACA;EACD,CACF;CAaD,OAAO;EACL;EACA;EACA,oBAAA,GAAA,MAAA,cAbC,QAAQ,EAAE,MAAM;GACf,GAAG;GACH,eAAe;GACf,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;GACjC,uBAAA,GAAA,oBAAA,cAAA,UAA+B,cAAc;GAC7C,GAAG;GACJ,GACD;GAAC;GAAW;GAAS;GAAc,CAMlB;EACjB;EACA;EACA;EACD"}
+{"version":3,"file":"use-checkbox.cjs","names":["useCheckboxGroupContext","useFieldProps","useControllableEventState","mergeProps","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/checkbox/use-checkbox.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, ChangeEventHandler, FocusEventHandler } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableEventState } from \"../../hooks/use-controllable-state\"\nimport {\n  ariaAttr,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNumber,\n  isUndefined,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useCheckboxGroupContext } from \"./use-checkbox-group\"\n\nexport interface UseCheckboxProps<Y extends string = string>\n  extends\n    Omit<HTMLProps<\"label\">, \"onBlur\" | \"onChange\" | \"onFocus\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the checkbox will be checked.\n   */\n  checked?: boolean\n  /**\n   * If `true`, the checkbox will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * id assigned to input.\n   */\n  id?: string\n  /**\n   * If `true`, the checkbox will be indeterminate.\n   *\n   * @default false\n   */\n  indeterminate?: boolean\n  /**\n   * The name of the input field in a checkbox.\n   */\n  name?: string\n  /**\n   * The value of the checkbox.\n   */\n  value?: Y\n  /**\n   * The callback invoked when the checkbox is blurred.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the checked state changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the checkbox is focused.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>\n}\n\nexport const useCheckbox = <Y extends string = string>({\n  \"aria-describedby\": ariaDescribedbyProp,\n  ...props\n}: UseCheckboxProps<Y> = {}) => {\n  const group = useCheckboxGroupContext()\n  const {\n    max,\n    value: groupValue,\n    getInputProps: getGroupInputProps,\n    getLabelProps,\n  } = group ?? {}\n  const uuid = useId()\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      \"aria-controls\": ariaControlsProp,\n      \"aria-labelledby\": ariaLabelledbyProp,\n      checked: checkedProp,\n      defaultChecked = false,\n      disabled,\n      indeterminate = false,\n      readOnly,\n      required,\n      tabIndex,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedby, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps({\n    id: group ? uuid : undefined,\n    ...props,\n    notSupportReadOnly: true,\n  })\n  const resolvedAriaDescribedby = group ? ariaDescribedbyProp : ariaDescribedby\n  const resolvedChecked =\n    !isUndefined(groupValue) && !isUndefined(value)\n      ? groupValue.includes(value)\n      : checkedProp\n  const [checked, setChecked] = useControllableEventState({\n    defaultValue: defaultChecked,\n    value: resolvedChecked,\n    onChange: onChangeProp,\n  })\n  const trulyDisabled =\n    !checked && isNumber(max) && group && group.value.length >= max\n  const interactive = !(readOnly || trulyDisabled)\n  const indeterminateRef = useCallback(\n    (el: HTMLInputElement | null) => {\n      if (el) el.indeterminate = indeterminate\n    },\n    [indeterminate],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (!interactive) return (ev.defaultPrevented = true)\n\n      if (indeterminate) ev.target.checked = true\n\n      setChecked(ev)\n    },\n    [interactive, indeterminate, setChecked],\n  )\n\n  const getRootProps: PropGetter<\"label\"> = useCallback(\n    (props = {}) => {\n      const merged = mergeProps(\n        dataProps,\n        {\n          \"data-checked\": dataAttr(checked),\n          \"data-indeterminate\": dataAttr(indeterminate),\n        },\n        rest,\n        props,\n      )()\n\n      return getLabelProps?.(merged) ?? merged\n    },\n    [dataProps, checked, indeterminate, rest, getLabelProps],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({\n      \"aria-controls\": ariaControls,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const sharedProps = {\n        ...dataProps,\n        ...ariaProps,\n        id,\n        type: \"checkbox\",\n        name,\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": indeterminate ? (\"mixed\" as const) : checked,\n        \"aria-controls\": cx(ariaControls, ariaControlsProp),\n        \"aria-describedby\": cx(resolvedAriaDescribedby, ariaDescribedby),\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-labelledby\": cx(ariaLabelledby, ariaLabelledbyProp),\n        \"data-checked\": dataAttr(checked),\n        \"data-indeterminate\": dataAttr(indeterminate),\n        checked,\n        disabled,\n        readOnly,\n        required,\n        tabIndex,\n        value,\n        ...props,\n        ref: mergeRefs(props.ref, ref, indeterminateRef),\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n\n      return getGroupInputProps?.(sharedProps) ?? sharedProps\n    },\n    [\n      dataProps,\n      ariaProps,\n      id,\n      name,\n      indeterminate,\n      checked,\n      ariaControlsProp,\n      resolvedAriaDescribedby,\n      interactive,\n      ariaLabelledbyProp,\n      disabled,\n      readOnly,\n      required,\n      tabIndex,\n      value,\n      ref,\n      indeterminateRef,\n      eventProps.onBlur,\n      eventProps.onFocus,\n      onChange,\n      getGroupInputProps,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      \"aria-hidden\": \"true\",\n      \"data-checked\": dataAttr(checked),\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [dataProps, checked, indeterminate],\n  )\n\n  return {\n    checked,\n    indeterminate,\n    getIndicatorProps,\n    getInputProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n"],"mappings":"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"}

package/dist/cjs/components/checkbox-card/checkbox-card-group.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_group = require("../group/group.cjs");
 const require_use_checkbox_group = require("../checkbox/use-checkbox-group.cjs");
 const require_checkbox_card = require("./checkbox-card.cjs");

package/dist/cjs/components/checkbox-card/checkbox-card-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-card-group.cjs","names":["component","useRootComponentProps","useCheckboxGroup","CheckboxCardRoot","CheckboxCardPropsContext","CheckboxGroupContext","Group"],"sources":["../../../../src/components/checkbox-card/checkbox-card-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { UseCheckboxGroupProps } from \"../checkbox\"\nimport type { GroupProps } from \"../group\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { CheckboxCardRootProps } from \"./checkbox-card\"\nimport type { CheckboxCardStyle } from \"./checkbox-card.style\"\nimport { useMemo } from \"react\"\nimport { CheckboxGroupContext, useCheckboxGroup } from \"../checkbox\"\nimport { Group } from \"../group\"\nimport {\n  CheckboxCardPropsContext,\n  CheckboxCardRoot,\n  component,\n  useRootComponentProps,\n} from \"./checkbox-card\"\n\nexport interface CheckboxCardGroupItem<\n  Y extends string = string,\n> extends CheckboxCardRootProps<Y> {}\n\nexport interface CheckboxCardGroupRootProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, CheckboxCardStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<CheckboxCardStyle>,\n    UseCheckboxGroupProps<Y>,\n    UseInputBorderProps,\n    Pick<CheckboxCardRootProps, \"checkedIcon\" | \"withIndicator\"> {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: CheckboxCardGroupItem<Y>[]\n}\n\n/**\n * `CheckboxCardGroup` is a component that groups `CheckboxCard` components.\n *\n * @see https://yamada-ui.com/docs/components/checkbox-card\n */\nexport const CheckboxCardGroupRoot = component<\n  \"div\",\n  CheckboxCardGroupRootProps\n>((props) => {\n  const [\n    ,\n    {\n      colorScheme,\n      size,\n      variant,\n      checkedIcon,\n      children,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      items = [],\n      justify,\n      readOnly,\n      shape,\n      withIndicator,\n      ...rest\n    },\n  ] = useRootComponentProps(props, \"group\", {\n    transferProps: [\n      \"variant\",\n      \"colorScheme\",\n      \"size\",\n      \"shape\",\n      \"justify\",\n      \"withIndicator\",\n    ],\n  })\n  const { max, value, getInputProps, getLabelProps, getRootProps, onChange } =\n    useCheckboxGroup(rest)\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return items.map(({ value, ...rest }, index) => (\n      <CheckboxCardRoot key={value ?? index} value={value} {...rest} />\n    ))\n  }, [items, children])\n  const context = useMemo(\n    () => ({\n      colorScheme,\n      size,\n      variant,\n      checkedIcon,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      justify,\n      readOnly,\n      shape,\n      withIndicator,\n    }),\n    [\n      colorScheme,\n      size,\n      checkedIcon,\n      variant,\n      disabled,\n      justify,\n      withIndicator,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      readOnly,\n      shape,\n    ],\n  )\n  const groupContext = useMemo(\n    () => ({ max, value, getInputProps, getLabelProps, onChange }),\n    [max, value, getInputProps, getLabelProps, onChange],\n  )\n\n  return (\n    <CheckboxCardPropsContext value={context}>\n      <CheckboxGroupContext value={groupContext}>\n        <Group {...getRootProps()}>{computedChildren}</Group>\n      </CheckboxGroupContext>\n    </CheckboxCardPropsContext>\n  )\n}, \"group\")() as GenericsComponent<{\n  <Y extends string = string>(\n    props: CheckboxCardGroupRootProps<Y>,\n  ): ReactElement\n}>\n\nexport { CheckboxCardRoot as CheckboxCardGroupItem }\n"],"mappings":";;;;;;;;;;;;;AAkDA,MAAa,wBAAwBA,sBAAAA,WAGlC,UAAU;CACX,MAAM,GAEJ,EACE,aACA,MACA,SACA,aACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,EAAE,EACV,SACA,UACA,OACA,eACA,GAAG,UAEHC,sBAAAA,sBAAsB,OAAO,SAAS,EACxC,eAAe;EACb;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,MAAM,EAAE,KAAK,OAAO,eAAe,eAAe,cAAc,aAC9DC,2BAAAA,iBAAiB,KAAK;CACxB,MAAM,oBAAA,GAAA,MAAA,eAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,UACpC,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,kBAAD;GAA8C;GAAO,GAAI;GAAQ,EAA1C,SAAS,MAAiC,CACjE;IACD,CAAC,OAAO,SAAS,CAAC;CAoCrB,OACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,0BAAD;EAA0B,QAAA,GAAA,MAAA,gBAnCnB;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAQuC;YACtC,iBAAA,GAAA,kBAAA,KAACC,2BAAAA,sBAAD;GAAsB,QAAA,GAAA,MAAA,gBANjB;IAAE;IAAK;IAAO;IAAe;IAAe;IAAU,GAC7D;IAAC;IAAK;IAAO;IAAe;IAAe;IAAS,CAKT;aACvC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;IAAO,GAAI,cAAc;cAAG;IAAyB,CAAA;GAChC,CAAA;EACE,CAAA;GAE5B,QAAQ,EAAE"}
+{"version":3,"file":"checkbox-card-group.cjs","names":["component","useRootComponentProps","useCheckboxGroup","CheckboxCardRoot","CheckboxCardPropsContext","CheckboxGroupContext","Group"],"sources":["../../../../src/components/checkbox-card/checkbox-card-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { UseCheckboxGroupProps } from \"../checkbox\"\nimport type { GroupProps } from \"../group\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { CheckboxCardRootProps } from \"./checkbox-card\"\nimport type { CheckboxCardStyle } from \"./checkbox-card.style\"\nimport { useMemo } from \"react\"\nimport { CheckboxGroupContext, useCheckboxGroup } from \"../checkbox\"\nimport { Group } from \"../group\"\nimport {\n  CheckboxCardPropsContext,\n  CheckboxCardRoot,\n  component,\n  useRootComponentProps,\n} from \"./checkbox-card\"\n\nexport interface CheckboxCardGroupItem<\n  Y extends string = string,\n> extends CheckboxCardRootProps<Y> {}\n\nexport interface CheckboxCardGroupRootProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, CheckboxCardStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<CheckboxCardStyle>,\n    UseCheckboxGroupProps<Y>,\n    UseInputBorderProps,\n    Pick<CheckboxCardRootProps, \"checkedIcon\" | \"withIndicator\"> {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: CheckboxCardGroupItem<Y>[]\n}\n\n/**\n * `CheckboxCardGroup` is a component that groups `CheckboxCard` components.\n *\n * @see https://yamada-ui.com/docs/components/checkbox-card\n */\nexport const CheckboxCardGroupRoot = component<\n  \"div\",\n  CheckboxCardGroupRootProps\n>((props) => {\n  const [\n    ,\n    {\n      colorScheme,\n      size,\n      variant,\n      checkedIcon,\n      children,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      items = [],\n      justify,\n      readOnly,\n      shape,\n      withIndicator,\n      ...rest\n    },\n  ] = useRootComponentProps(props, \"group\", {\n    transferProps: [\n      \"variant\",\n      \"colorScheme\",\n      \"size\",\n      \"shape\",\n      \"justify\",\n      \"withIndicator\",\n    ],\n  })\n  const { max, value, getInputProps, getLabelProps, getRootProps, onChange } =\n    useCheckboxGroup(rest)\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return items.map(({ value, ...rest }, index) => (\n      <CheckboxCardRoot key={value ?? index} value={value} {...rest} />\n    ))\n  }, [items, children])\n  const context = useMemo(\n    () => ({\n      colorScheme,\n      size,\n      variant,\n      checkedIcon,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      justify,\n      readOnly,\n      shape,\n      withIndicator,\n    }),\n    [\n      colorScheme,\n      size,\n      checkedIcon,\n      variant,\n      disabled,\n      justify,\n      withIndicator,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      readOnly,\n      shape,\n    ],\n  )\n  const groupContext = useMemo(\n    () => ({ max, value, getInputProps, getLabelProps, onChange }),\n    [max, value, getInputProps, getLabelProps, onChange],\n  )\n\n  return (\n    <CheckboxCardPropsContext value={context}>\n      <CheckboxGroupContext value={groupContext}>\n        <Group {...getRootProps()}>{computedChildren}</Group>\n      </CheckboxGroupContext>\n    </CheckboxCardPropsContext>\n  )\n}, \"group\")() as GenericsComponent<{\n  <Y extends string = string>(\n    props: CheckboxCardGroupRootProps<Y>,\n  ): ReactElement\n}>\n\nexport { CheckboxCardRoot as CheckboxCardGroupItem }\n"],"mappings":";;;;;;;;;;;;AAkDA,MAAa,wBAAwBA,sBAAAA,WAGlC,UAAU;CACX,MAAM,GAEJ,EACE,aACA,MACA,SACA,aACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,CAAC,GACT,SACA,UACA,OACA,eACA,GAAG,UAEHC,sBAAAA,sBAAsB,OAAO,SAAS,EACxC,eAAe;EACb;EACA;EACA;EACA;EACA;EACA;CACF,EACF,CAAC;CACD,MAAM,EAAE,KAAK,OAAO,eAAe,eAAe,cAAc,aAC9DC,2BAAAA,iBAAiB,IAAI;CACvB,MAAM,oBAAA,GAAA,MAAA,eAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,UACpC,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,kBAAD;GAA8C;GAAO,GAAI;EAAO,GAAzC,SAAS,KAAgC,CACjE;CACH,GAAG,CAAC,OAAO,QAAQ,CAAC;CAoCpB,OACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,0BAAD;EAA0B,QAAA,GAAA,MAAA,gBAnCnB;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAQuC;YACrC,iBAAA,GAAA,kBAAA,KAACC,2BAAAA,sBAAD;GAAsB,QAAA,GAAA,MAAA,gBANjB;IAAE;IAAK;IAAO;IAAe;IAAe;GAAS,IAC5D;IAAC;IAAK;IAAO;IAAe;IAAe;GAAQ,CAKT;aACtC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;IAAO,GAAI,aAAa;cAAI;GAAwB,CAAA;EAChC,CAAA;CACE,CAAA;AAE9B,GAAG,OAAO,EAAE"}

package/dist/cjs/components/checkbox-card/checkbox-card.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_check_icon = require("../icon/icons/check-icon.cjs");