@andreagiugni/tailwind-dashboard-ui 1.0.12 → 1.0.14

package/README.md

@@ -221,7 +221,7 @@ in [Peer dependencies](#peer-dependencies)).
 
 | Component | Key props |
 |---|---|
-| `BarChart` | `series`, `categories`, `colors?`, `height?`, `horizontal?`, `showBarValues?`, `showBarPercentages?`, `percentageMode?`, `barValueFormatter?`, `barPercentageFormatter?`, `options?` (merged over defaults) |
+| `BarChart` | `series`, `categories`, `colors?`, `height?`, `horizontal?`, `showBarValues?`, `showBarPercentages?`, `minBarPercentage?`, `percentageMode?`, `barValueFormatter?`, `barPercentageFormatter?`, `options?` (merged over defaults) |
 | `LineChart` | `series`, `categories`, `colors?`, `height?`, `options?` |
 | `Calendar` | `events`, `onEventClick`, `onDateSelect`, `initialView` |
 | `Editor` (WYSIWYG) | `content`, `onChange(html)`, `placeholder?`, `editable?`, `toolbar?`, `rows?` — Tiptap-powered, customizable toolbar |

package/dist/{chunk-X3H3AIJC.js → chunk-OXOGLCGX.js}

@@ -8,6 +8,18 @@ var defaultOptions = {
     fontFamily: "Outfit, sans-serif",
     type: "bar",
     height: 180,
+    animations: {
+      enabled: true,
+      speed: 200,
+      animateGradually: {
+        enabled: false,
+        delay: 0
+      },
+      dynamicAnimation: {
+        enabled: true,
+        speed: 175
+      }
+    },
     toolbar: {
       show: false
     }
@@ -158,6 +170,28 @@ function getSeriesTotal(matrix) {
 function getCategoryTotal(matrix, dataPointIndex) {
   return matrix.reduce((total, data) => total + (data[dataPointIndex] ?? 0), 0);
 }
+function getMaxValue(matrix) {
+  return matrix.reduce(
+    (max, data) => Math.max(max, ...data.map((value) => Math.max(0, value))),
+    0
+  );
+}
+function setDataValue(value, nextValue) {
+  if (typeof value === "number") return nextValue;
+  if (Array.isArray(value)) return [value[0], nextValue, ...value.slice(2)];
+  if (value && typeof value === "object" && "y" in value) {
+    return { ...value, y: nextValue };
+  }
+  return value;
+}
+function applyMinimumBarValue(series, minimumValue) {
+  return series.map((item) => ({
+    ...item,
+    data: item.data.map(
+      (value) => getDataValue(value) === 0 ? setDataValue(value, minimumValue) : value
+    )
+  }));
+}
 function mergeDataLabels(base, override, generated) {
   return {
     ...base,
@@ -175,6 +209,26 @@ function mergeDataLabels(base, override, generated) {
     }
   };
 }
+function mergeTooltipOptions(base, override, generated) {
+  const baseY = Array.isArray(base?.y) ? void 0 : base?.y;
+  const overrideY = Array.isArray(override?.y) ? void 0 : override?.y;
+  const generatedY = Array.isArray(generated?.y) ? void 0 : generated?.y;
+  return {
+    ...base,
+    ...override,
+    ...generated,
+    x: {
+      ...base?.x,
+      ...override?.x,
+      ...generated?.x
+    },
+    y: {
+      ...baseY,
+      ...overrideY,
+      ...generatedY
+    }
+  };
+}
 function mergeAnnotations(override, generated) {
   if (!override && !generated) return void 0;
   return {
@@ -191,6 +245,7 @@ var BarChart = ({
   horizontal,
   showBarValues = false,
   showBarPercentages = false,
+  minBarPercentage = 2,
   percentageMode = "total",
   barValueFormatter,
   barPercentageFormatter,
@@ -203,6 +258,12 @@ var BarChart = ({
   const seriesTotal = getSeriesTotal(valueMatrix);
   const isHorizontal = horizontal ?? options?.plotOptions?.bar?.horizontal === true;
   const hasGeneratedLabels = showBarValues || showBarPercentages;
+  const maxValue = getMaxValue(valueMatrix);
+  const minimumValueScale = maxValue > 0 ? maxValue : 100;
+  const minimumBarValue = minimumValueScale * (Math.max(0, minBarPercentage) / 100);
+  const hasMinimumBarValue = isHorizontal && minimumBarValue > 0;
+  const chartSeries = hasMinimumBarValue ? applyMinimumBarValue(effectiveSeries, minimumBarValue) : effectiveSeries;
+  const chartValueMatrix = getValueMatrix(chartSeries);
   const baseGridOptions = isHorizontal ? mergeGridOptions(defaultOptions.grid, horizontalGridOptions) : defaultOptions.grid;
   const getLabelContext = (seriesIndex, dataPointIndex, total) => ({
     seriesIndex,
@@ -224,10 +285,10 @@ var BarChart = ({
       fontWeight: 600,
       colors: [showBarPercentages ? "#ffffff" : "#344054"]
     },
-    formatter: (value, opts) => {
+    formatter: (_value, opts) => {
       const seriesIndex = opts?.seriesIndex ?? 0;
       const dataPointIndex = opts?.dataPointIndex ?? 0;
-      const numericValue = typeof value === "number" ? value : valueMatrix[seriesIndex]?.[dataPointIndex] ?? 0;
+      const numericValue = valueMatrix[seriesIndex]?.[dataPointIndex] ?? 0;
       const total = percentageMode === "category" ? getCategoryTotal(valueMatrix, dataPointIndex) : seriesTotal;
       const context = getLabelContext(seriesIndex, dataPointIndex, total);
       if (showBarPercentages) {
@@ -241,10 +302,11 @@ var BarChart = ({
     points: effectiveSeries.flatMap(
       (item, seriesIndex) => item.data.map((dataPoint, dataPointIndex) => {
         const value = getDataValue(dataPoint) ?? 0;
+        const chartValue = chartValueMatrix[seriesIndex]?.[dataPointIndex] ?? value;
         const total = percentageMode === "category" ? getCategoryTotal(valueMatrix, dataPointIndex) : seriesTotal;
         const context = getLabelContext(seriesIndex, dataPointIndex, total);
         return {
-          x: value,
+          x: chartValue,
           y: dataPointIndex,
           seriesIndex,
           marker: {
@@ -271,6 +333,17 @@ var BarChart = ({
       })
     )
   } : void 0;
+  const generatedTooltip = hasMinimumBarValue ? {
+    y: {
+      formatter: (_value, opts) => {
+        const originalValue = valueMatrix[opts?.seriesIndex ?? 0]?.[opts?.dataPointIndex ?? 0] ?? 0;
+        const overrideY = Array.isArray(options?.tooltip?.y) ? void 0 : options?.tooltip?.y;
+        const defaultY = Array.isArray(defaultOptions.tooltip?.y) ? void 0 : defaultOptions.tooltip?.y;
+        const formatter = overrideY?.formatter ?? defaultY?.formatter;
+        return formatter ? formatter(originalValue, opts) : `${originalValue}`;
+      }
+    }
+  } : void 0;
   const mergedOptions = {
     ...defaultOptions,
     ...options,
@@ -278,6 +351,18 @@ var BarChart = ({
     chart: {
       ...defaultOptions.chart,
       ...options?.chart,
+      animations: {
+        ...defaultOptions.chart?.animations,
+        ...options?.chart?.animations,
+        animateGradually: {
+          ...defaultOptions.chart?.animations?.animateGradually,
+          ...options?.chart?.animations?.animateGradually
+        },
+        dynamicAnimation: {
+          ...defaultOptions.chart?.animations?.dynamicAnimation,
+          ...options?.chart?.animations?.dynamicAnimation
+        }
+      },
       height: height ?? options?.chart?.height ?? defaultOptions.chart?.height
     },
     plotOptions: {
@@ -303,10 +388,14 @@ var BarChart = ({
     xaxis: {
       ...defaultOptions.xaxis,
       ...options?.xaxis,
-      categories: categories ?? options?.xaxis?.categories ?? defaultOptions.xaxis?.categories
+      categories: categories ?? options?.xaxis?.categories ?? defaultOptions.xaxis?.categories,
+      ...hasMinimumBarValue && options?.xaxis?.max === void 0 && {
+        max: minimumValueScale
+      }
     },
     grid: mergeGridOptions(baseGridOptions, options?.grid),
-    annotations: mergeAnnotations(options?.annotations, generatedAnnotations)
+    annotations: mergeAnnotations(options?.annotations, generatedAnnotations),
+    tooltip: mergeTooltipOptions(defaultOptions.tooltip, options?.tooltip, generatedTooltip)
   };
   React.useEffect(() => {
     let isMounted = true;
@@ -322,7 +411,7 @@ var BarChart = ({
     Chart,
     {
       options: mergedOptions,
-      series: effectiveSeries,
+      series: chartSeries,
       type: "bar",
       height: height ?? 180
     }
@@ -330,5 +419,5 @@ var BarChart = ({
 };
 
 export { BarChart };
-//# sourceMappingURL=chunk-X3H3AIJC.js.map
-//# sourceMappingURL=chunk-X3H3AIJC.js.map
+//# sourceMappingURL=chunk-OXOGLCGX.js.map
+//# sourceMappingURL=chunk-OXOGLCGX.js.map

package/dist/chunk-OXOGLCGX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/BarChart.tsx"],"names":[],"mappings":"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","file":"chunk-OXOGLCGX.js","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport type { ApexOptions } from \"apexcharts\";\n\ntype ReactApexChartProps = {\n  options: ApexOptions;\n  series: ApexAxisChartSeries;\n  type: \"bar\" | \"area\";\n  height: number;\n};\ntype ReactApexChartComponent = React.ComponentType<ReactApexChartProps>;\n\nexport interface BarChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  horizontal?: boolean;\n  showBarValues?: boolean;\n  showBarPercentages?: boolean;\n  minBarPercentage?: number;\n  percentageMode?: \"total\" | \"category\";\n  barValueFormatter?: (value: number, context: BarChartLabelContext) => string;\n  barPercentageFormatter?: (\n    percentage: number,\n    value: number,\n    context: BarChartLabelContext\n  ) => string;\n  options?: ApexOptions;\n}\n\nexport interface BarChartLabelContext {\n  seriesIndex: number;\n  dataPointIndex: number;\n  seriesName?: string;\n  category?: string;\n  total: number;\n}\n\nconst defaultOptions: ApexOptions = {\n  colors: [\"#465fff\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    type: \"bar\",\n    height: 180,\n    animations: {\n      enabled: true,\n      speed: 200,\n      animateGradually: {\n        enabled: false,\n        delay: 0,\n      },\n      dynamicAnimation: {\n        enabled: true,\n        speed: 175,\n      },\n    },\n    toolbar: {\n      show: false,\n    },\n  },\n  plotOptions: {\n    bar: {\n      horizontal: false,\n      columnWidth: \"39%\",\n      borderRadius: 5,\n      borderRadiusApplication: \"end\",\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  // No transparent stroke around the columns: it shrinks and shifts the\n  // painted bar inside its allocated slot, so the hover highlight band\n  // (crosshairs width \"barWidth\" = the allocated width) would render wider\n  // than — and offset from — the visible bar.\n  stroke: {\n    show: false,\n  },\n  xaxis: {\n    categories: [\n      \"Jan\",\n      \"Feb\",\n      \"Mar\",\n      \"Apr\",\n      \"May\",\n      \"Jun\",\n      \"Jul\",\n      \"Aug\",\n      \"Sep\",\n      \"Oct\",\n      \"Nov\",\n      \"Dec\",\n    ],\n    axisBorder: {\n      show: false,\n    },\n    axisTicks: {\n      show: false,\n    },\n    // Match the hover highlight band to the bar width (the default band spans\n    // the whole category slot, looking ~3x wider than the 39% columns).\n    crosshairs: {\n      width: \"barWidth\",\n    },\n  },\n  legend: {\n    show: true,\n    position: \"top\",\n    horizontalAlign: \"left\",\n    fontFamily: \"Outfit\",\n    // Rounded, border-less swatches that echo the column styling. ApexCharts\n    // sets the marker span's `color` to the series color, so `currentColor`\n    // picks it up; `customHTML` lets us round the corners (the built-in shapes\n    // are sharp SVG paths that CSS border-radius can't touch).\n    markers: {\n      size: 7,\n      strokeWidth: 0,\n      customHTML: () =>\n        '<span style=\"display:block;height:100%;width:100%;border-radius:3px;background:currentColor\"></span>',\n    },\n  },\n  yaxis: {\n    title: {\n      text: undefined,\n    },\n  },\n  grid: {\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  fill: {\n    opacity: 1,\n  },\n  tooltip: {\n    x: {\n      show: false,\n    },\n    y: {\n      formatter: (val: number) => `${val}`,\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112],\n  },\n];\n\nconst horizontalGridOptions: ApexOptions[\"grid\"] = {\n  borderColor: \"transparent\",\n  xaxis: {\n    lines: {\n      show: false,\n    },\n  },\n  yaxis: {\n    lines: {\n      show: false,\n    },\n  },\n};\n\nfunction mergeGridOptions(\n  base: ApexOptions[\"grid\"],\n  override: ApexOptions[\"grid\"]\n): ApexOptions[\"grid\"] {\n  return {\n    ...base,\n    ...override,\n    xaxis: {\n      ...base?.xaxis,\n      ...override?.xaxis,\n      lines: {\n        ...base?.xaxis?.lines,\n        ...override?.xaxis?.lines,\n      },\n    },\n    yaxis: {\n      ...base?.yaxis,\n      ...override?.yaxis,\n      lines: {\n        ...base?.yaxis?.lines,\n        ...override?.yaxis?.lines,\n      },\n    },\n  };\n}\n\nfunction getDataValue(value: unknown): number | null {\n  if (typeof value === \"number\") return value;\n  if (Array.isArray(value) && typeof value[1] === \"number\") return value[1];\n  if (value && typeof value === \"object\" && \"y\" in value) {\n    const y = (value as { y: unknown }).y;\n    return typeof y === \"number\" ? y : null;\n  }\n  return null;\n}\n\nfunction getValueMatrix(series: ApexAxisChartSeries): number[][] {\n  return series.map((item) => item.data.map((value) => getDataValue(value) ?? 0));\n}\n\nfunction getSeriesTotal(matrix: number[][]): number {\n  return matrix.reduce(\n    (seriesTotal, data) => seriesTotal + data.reduce((total, value) => total + value, 0),\n    0\n  );\n}\n\nfunction getCategoryTotal(matrix: number[][], dataPointIndex: number): number {\n  return matrix.reduce((total, data) => total + (data[dataPointIndex] ?? 0), 0);\n}\n\nfunction getMaxValue(matrix: number[][]): number {\n  return matrix.reduce(\n    (max, data) => Math.max(max, ...data.map((value) => Math.max(0, value))),\n    0\n  );\n}\n\nfunction setDataValue(value: unknown, nextValue: number): unknown {\n  if (typeof value === \"number\") return nextValue;\n  if (Array.isArray(value)) return [value[0], nextValue, ...value.slice(2)];\n  if (value && typeof value === \"object\" && \"y\" in value) {\n    return { ...value, y: nextValue };\n  }\n  return value;\n}\n\nfunction applyMinimumBarValue(\n  series: ApexAxisChartSeries,\n  minimumValue: number\n): ApexAxisChartSeries {\n  return series.map((item) => ({\n    ...item,\n    data: item.data.map((value) =>\n      getDataValue(value) === 0 ? setDataValue(value, minimumValue) : value\n    ) as typeof item.data,\n  }));\n}\n\nfunction mergeDataLabels(\n  base: ApexOptions[\"dataLabels\"],\n  override: ApexOptions[\"dataLabels\"],\n  generated: ApexOptions[\"dataLabels\"]\n): ApexOptions[\"dataLabels\"] {\n  return {\n    ...base,\n    ...override,\n    ...generated,\n    style: {\n      ...base?.style,\n      ...override?.style,\n      ...generated?.style,\n    },\n    background: {\n      ...base?.background,\n      ...override?.background,\n      ...generated?.background,\n    },\n  };\n}\n\nfunction mergeTooltipOptions(\n  base: ApexOptions[\"tooltip\"],\n  override: ApexOptions[\"tooltip\"],\n  generated: ApexOptions[\"tooltip\"]\n): ApexOptions[\"tooltip\"] {\n  const baseY = Array.isArray(base?.y) ? undefined : base?.y;\n  const overrideY = Array.isArray(override?.y) ? undefined : override?.y;\n  const generatedY = Array.isArray(generated?.y) ? undefined : generated?.y;\n\n  return {\n    ...base,\n    ...override,\n    ...generated,\n    x: {\n      ...base?.x,\n      ...override?.x,\n      ...generated?.x,\n    },\n    y: {\n      ...baseY,\n      ...overrideY,\n      ...generatedY,\n    },\n  };\n}\n\nfunction mergeAnnotations(\n  override: ApexOptions[\"annotations\"],\n  generated: ApexOptions[\"annotations\"]\n): ApexOptions[\"annotations\"] | undefined {\n  if (!override && !generated) return undefined;\n  return {\n    ...override,\n    ...generated,\n    points: [...(override?.points ?? []), ...(generated?.points ?? [])],\n  };\n}\n\nexport const BarChart: React.FC<BarChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  horizontal,\n  showBarValues = false,\n  showBarPercentages = false,\n  minBarPercentage = 2,\n  percentageMode = \"total\",\n  barValueFormatter,\n  barPercentageFormatter,\n  options,\n}) => {\n  const [Chart, setChart] = React.useState<ReactApexChartComponent | null>(null);\n  const effectiveSeries = series ?? defaultSeries;\n  const effectiveCategories =\n    categories ?? (options?.xaxis?.categories as string[] | undefined);\n  const valueMatrix = getValueMatrix(effectiveSeries);\n  const seriesTotal = getSeriesTotal(valueMatrix);\n  const isHorizontal = horizontal ?? (options?.plotOptions?.bar?.horizontal === true);\n  const hasGeneratedLabels = showBarValues || showBarPercentages;\n  const maxValue = getMaxValue(valueMatrix);\n  const minimumValueScale = maxValue > 0 ? maxValue : 100;\n  const minimumBarValue = minimumValueScale * (Math.max(0, minBarPercentage) / 100);\n  const hasMinimumBarValue = isHorizontal && minimumBarValue > 0;\n  const chartSeries = hasMinimumBarValue\n    ? applyMinimumBarValue(effectiveSeries, minimumBarValue)\n    : effectiveSeries;\n  const chartValueMatrix = getValueMatrix(chartSeries);\n  const baseGridOptions = isHorizontal\n    ? mergeGridOptions(defaultOptions.grid, horizontalGridOptions)\n    : defaultOptions.grid;\n  const getLabelContext = (\n    seriesIndex: number,\n    dataPointIndex: number,\n    total: number\n  ): BarChartLabelContext => ({\n    seriesIndex,\n    dataPointIndex,\n    seriesName: effectiveSeries[seriesIndex]?.name,\n    category: effectiveCategories?.[dataPointIndex],\n    total,\n  });\n  const generatedDataLabels: ApexOptions[\"dataLabels\"] | undefined = hasGeneratedLabels\n    ? {\n        enabled: true,\n        textAnchor: \"middle\",\n        offsetX: 0,\n        offsetY: 0,\n        background: {\n          enabled: false,\n        },\n        style: {\n          fontSize: \"12px\",\n          fontWeight: 600,\n          colors: [showBarPercentages ? \"#ffffff\" : \"#344054\"],\n        },\n        formatter: (_value, opts) => {\n          const seriesIndex = opts?.seriesIndex ?? 0;\n          const dataPointIndex = opts?.dataPointIndex ?? 0;\n          const numericValue = valueMatrix[seriesIndex]?.[dataPointIndex] ?? 0;\n          const total =\n            percentageMode === \"category\"\n              ? getCategoryTotal(valueMatrix, dataPointIndex)\n              : seriesTotal;\n          const context = getLabelContext(seriesIndex, dataPointIndex, total);\n\n          if (showBarPercentages) {\n            const percentage = total > 0 ? (numericValue / total) * 100 : 0;\n            return barPercentageFormatter\n              ? barPercentageFormatter(percentage, numericValue, context)\n              : `${Math.round(percentage)}%`;\n          }\n\n          return barValueFormatter\n            ? barValueFormatter(numericValue, context)\n            : `${numericValue}`;\n        },\n      }\n    : undefined;\n  const generatedAnnotations: ApexOptions[\"annotations\"] | undefined =\n    isHorizontal && showBarValues\n      ? {\n          points: effectiveSeries.flatMap((item, seriesIndex) =>\n            item.data.map((dataPoint, dataPointIndex) => {\n              const value = getDataValue(dataPoint) ?? 0;\n              const chartValue = chartValueMatrix[seriesIndex]?.[dataPointIndex] ?? value;\n              const total =\n                percentageMode === \"category\"\n                  ? getCategoryTotal(valueMatrix, dataPointIndex)\n                  : seriesTotal;\n              const context = getLabelContext(seriesIndex, dataPointIndex, total);\n              return {\n                x: chartValue,\n                y: dataPointIndex,\n                seriesIndex,\n                marker: {\n                  size: 0,\n                },\n                label: {\n                  text: barValueFormatter ? barValueFormatter(value, context) : `${value}`,\n                  borderWidth: 0,\n                  offsetY: -12,\n                  style: {\n                    background: \"transparent\",\n                    color: \"#344054\",\n                    fontSize: \"12px\",\n                    fontWeight: 600,\n                    padding: {\n                      left: 0,\n                      right: 0,\n                      top: 0,\n                      bottom: 0,\n                    },\n                  },\n                },\n              };\n            })\n          ),\n        }\n      : undefined;\n  const generatedTooltip: ApexOptions[\"tooltip\"] | undefined = hasMinimumBarValue\n    ? {\n        y: {\n          formatter: (_value, opts) => {\n            const originalValue =\n              valueMatrix[opts?.seriesIndex ?? 0]?.[opts?.dataPointIndex ?? 0] ?? 0;\n            const overrideY = Array.isArray(options?.tooltip?.y) ? undefined : options?.tooltip?.y;\n            const defaultY = Array.isArray(defaultOptions.tooltip?.y)\n              ? undefined\n              : defaultOptions.tooltip?.y;\n            const formatter = overrideY?.formatter ?? defaultY?.formatter;\n            return formatter ? formatter(originalValue, opts) : `${originalValue}`;\n          },\n        },\n      }\n    : undefined;\n  const mergedOptions: ApexOptions = {\n    ...defaultOptions,\n    ...options,\n    colors: colors ?? options?.colors ?? defaultOptions.colors,\n    chart: {\n      ...defaultOptions.chart,\n      ...options?.chart,\n      animations: {\n        ...defaultOptions.chart?.animations,\n        ...options?.chart?.animations,\n        animateGradually: {\n          ...defaultOptions.chart?.animations?.animateGradually,\n          ...options?.chart?.animations?.animateGradually,\n        },\n        dynamicAnimation: {\n          ...defaultOptions.chart?.animations?.dynamicAnimation,\n          ...options?.chart?.animations?.dynamicAnimation,\n        },\n      },\n      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height,\n    },\n    plotOptions: {\n      ...defaultOptions.plotOptions,\n      ...options?.plotOptions,\n      bar: {\n        ...defaultOptions.plotOptions?.bar,\n        ...options?.plotOptions?.bar,\n        horizontal: isHorizontal,\n        ...(hasGeneratedLabels && {\n          dataLabels: {\n            ...options?.plotOptions?.bar?.dataLabels,\n            position: showBarPercentages ? \"center\" : \"top\",\n          },\n        }),\n      },\n    },\n    dataLabels: mergeDataLabels(\n      defaultOptions.dataLabels,\n      options?.dataLabels,\n      generatedDataLabels\n    ),\n    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n      ...(hasMinimumBarValue &&\n        options?.xaxis?.max === undefined && {\n          max: minimumValueScale,\n        }),\n    },\n    grid: mergeGridOptions(baseGridOptions, options?.grid),\n    annotations: mergeAnnotations(options?.annotations, generatedAnnotations),\n    tooltip: mergeTooltipOptions(defaultOptions.tooltip, options?.tooltip, generatedTooltip),\n  };\n\n  React.useEffect(() => {\n    let isMounted = true;\n\n    import(\"react-apexcharts\").then((module) => {\n      if (isMounted) setChart(() => module.default as ReactApexChartComponent);\n    });\n\n    return () => {\n      isMounted = false;\n    };\n  }, []);\n\n  if (!Chart) return null;\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={chartSeries}\n      type=\"bar\"\n      height={height ?? 180}\n    />\n  );\n};\n"]}

package/dist/{chunk-VEQ43DHE.cjs → chunk-WIBFUDZM.cjs}

@@ -14,6 +14,18 @@ var defaultOptions = {
     fontFamily: "Outfit, sans-serif",
     type: "bar",
     height: 180,
+    animations: {
+      enabled: true,
+      speed: 200,
+      animateGradually: {
+        enabled: false,
+        delay: 0
+      },
+      dynamicAnimation: {
+        enabled: true,
+        speed: 175
+      }
+    },
     toolbar: {
       show: false
     }
@@ -164,6 +176,28 @@ function getSeriesTotal(matrix) {
 function getCategoryTotal(matrix, dataPointIndex) {
   return matrix.reduce((total, data) => total + (data[dataPointIndex] ?? 0), 0);
 }
+function getMaxValue(matrix) {
+  return matrix.reduce(
+    (max, data) => Math.max(max, ...data.map((value) => Math.max(0, value))),
+    0
+  );
+}
+function setDataValue(value, nextValue) {
+  if (typeof value === "number") return nextValue;
+  if (Array.isArray(value)) return [value[0], nextValue, ...value.slice(2)];
+  if (value && typeof value === "object" && "y" in value) {
+    return { ...value, y: nextValue };
+  }
+  return value;
+}
+function applyMinimumBarValue(series, minimumValue) {
+  return series.map((item) => ({
+    ...item,
+    data: item.data.map(
+      (value) => getDataValue(value) === 0 ? setDataValue(value, minimumValue) : value
+    )
+  }));
+}
 function mergeDataLabels(base, override, generated) {
   return {
     ...base,
@@ -181,6 +215,26 @@ function mergeDataLabels(base, override, generated) {
     }
   };
 }
+function mergeTooltipOptions(base, override, generated) {
+  const baseY = Array.isArray(base?.y) ? void 0 : base?.y;
+  const overrideY = Array.isArray(override?.y) ? void 0 : override?.y;
+  const generatedY = Array.isArray(generated?.y) ? void 0 : generated?.y;
+  return {
+    ...base,
+    ...override,
+    ...generated,
+    x: {
+      ...base?.x,
+      ...override?.x,
+      ...generated?.x
+    },
+    y: {
+      ...baseY,
+      ...overrideY,
+      ...generatedY
+    }
+  };
+}
 function mergeAnnotations(override, generated) {
   if (!override && !generated) return void 0;
   return {
@@ -197,6 +251,7 @@ var BarChart = ({
   horizontal,
   showBarValues = false,
   showBarPercentages = false,
+  minBarPercentage = 2,
   percentageMode = "total",
   barValueFormatter,
   barPercentageFormatter,
@@ -209,6 +264,12 @@ var BarChart = ({
   const seriesTotal = getSeriesTotal(valueMatrix);
   const isHorizontal = horizontal ?? options?.plotOptions?.bar?.horizontal === true;
   const hasGeneratedLabels = showBarValues || showBarPercentages;
+  const maxValue = getMaxValue(valueMatrix);
+  const minimumValueScale = maxValue > 0 ? maxValue : 100;
+  const minimumBarValue = minimumValueScale * (Math.max(0, minBarPercentage) / 100);
+  const hasMinimumBarValue = isHorizontal && minimumBarValue > 0;
+  const chartSeries = hasMinimumBarValue ? applyMinimumBarValue(effectiveSeries, minimumBarValue) : effectiveSeries;
+  const chartValueMatrix = getValueMatrix(chartSeries);
   const baseGridOptions = isHorizontal ? mergeGridOptions(defaultOptions.grid, horizontalGridOptions) : defaultOptions.grid;
   const getLabelContext = (seriesIndex, dataPointIndex, total) => ({
     seriesIndex,
@@ -230,10 +291,10 @@ var BarChart = ({
       fontWeight: 600,
       colors: [showBarPercentages ? "#ffffff" : "#344054"]
     },
-    formatter: (value, opts) => {
+    formatter: (_value, opts) => {
       const seriesIndex = opts?.seriesIndex ?? 0;
       const dataPointIndex = opts?.dataPointIndex ?? 0;
-      const numericValue = typeof value === "number" ? value : valueMatrix[seriesIndex]?.[dataPointIndex] ?? 0;
+      const numericValue = valueMatrix[seriesIndex]?.[dataPointIndex] ?? 0;
       const total = percentageMode === "category" ? getCategoryTotal(valueMatrix, dataPointIndex) : seriesTotal;
       const context = getLabelContext(seriesIndex, dataPointIndex, total);
       if (showBarPercentages) {
@@ -247,10 +308,11 @@ var BarChart = ({
     points: effectiveSeries.flatMap(
       (item, seriesIndex) => item.data.map((dataPoint, dataPointIndex) => {
         const value = getDataValue(dataPoint) ?? 0;
+        const chartValue = chartValueMatrix[seriesIndex]?.[dataPointIndex] ?? value;
         const total = percentageMode === "category" ? getCategoryTotal(valueMatrix, dataPointIndex) : seriesTotal;
         const context = getLabelContext(seriesIndex, dataPointIndex, total);
         return {
-          x: value,
+          x: chartValue,
           y: dataPointIndex,
           seriesIndex,
           marker: {
@@ -277,6 +339,17 @@ var BarChart = ({
       })
     )
   } : void 0;
+  const generatedTooltip = hasMinimumBarValue ? {
+    y: {
+      formatter: (_value, opts) => {
+        const originalValue = valueMatrix[opts?.seriesIndex ?? 0]?.[opts?.dataPointIndex ?? 0] ?? 0;
+        const overrideY = Array.isArray(options?.tooltip?.y) ? void 0 : options?.tooltip?.y;
+        const defaultY = Array.isArray(defaultOptions.tooltip?.y) ? void 0 : defaultOptions.tooltip?.y;
+        const formatter = overrideY?.formatter ?? defaultY?.formatter;
+        return formatter ? formatter(originalValue, opts) : `${originalValue}`;
+      }
+    }
+  } : void 0;
   const mergedOptions = {
     ...defaultOptions,
     ...options,
@@ -284,6 +357,18 @@ var BarChart = ({
     chart: {
       ...defaultOptions.chart,
       ...options?.chart,
+      animations: {
+        ...defaultOptions.chart?.animations,
+        ...options?.chart?.animations,
+        animateGradually: {
+          ...defaultOptions.chart?.animations?.animateGradually,
+          ...options?.chart?.animations?.animateGradually
+        },
+        dynamicAnimation: {
+          ...defaultOptions.chart?.animations?.dynamicAnimation,
+          ...options?.chart?.animations?.dynamicAnimation
+        }
+      },
       height: height ?? options?.chart?.height ?? defaultOptions.chart?.height
     },
     plotOptions: {
@@ -309,10 +394,14 @@ var BarChart = ({
     xaxis: {
       ...defaultOptions.xaxis,
       ...options?.xaxis,
-      categories: categories ?? options?.xaxis?.categories ?? defaultOptions.xaxis?.categories
+      categories: categories ?? options?.xaxis?.categories ?? defaultOptions.xaxis?.categories,
+      ...hasMinimumBarValue && options?.xaxis?.max === void 0 && {
+        max: minimumValueScale
+      }
     },
     grid: mergeGridOptions(baseGridOptions, options?.grid),
-    annotations: mergeAnnotations(options?.annotations, generatedAnnotations)
+    annotations: mergeAnnotations(options?.annotations, generatedAnnotations),
+    tooltip: mergeTooltipOptions(defaultOptions.tooltip, options?.tooltip, generatedTooltip)
   };
   React__default.default.useEffect(() => {
     let isMounted = true;
@@ -328,7 +417,7 @@ var BarChart = ({
     Chart,
     {
       options: mergedOptions,
-      series: effectiveSeries,
+      series: chartSeries,
       type: "bar",
       height: height ?? 180
     }
@@ -336,5 +425,5 @@ var BarChart = ({
 };
 
 exports.BarChart = BarChart;
-//# sourceMappingURL=chunk-VEQ43DHE.cjs.map
-//# sourceMappingURL=chunk-VEQ43DHE.cjs.map
+//# sourceMappingURL=chunk-WIBFUDZM.cjs.map
+//# sourceMappingURL=chunk-WIBFUDZM.cjs.map

package/dist/chunk-WIBFUDZM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/BarChart.tsx"],"names":["React","jsx"],"mappings":"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","file":"chunk-WIBFUDZM.cjs","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport type { ApexOptions } from \"apexcharts\";\n\ntype ReactApexChartProps = {\n  options: ApexOptions;\n  series: ApexAxisChartSeries;\n  type: \"bar\" | \"area\";\n  height: number;\n};\ntype ReactApexChartComponent = React.ComponentType<ReactApexChartProps>;\n\nexport interface BarChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  horizontal?: boolean;\n  showBarValues?: boolean;\n  showBarPercentages?: boolean;\n  minBarPercentage?: number;\n  percentageMode?: \"total\" | \"category\";\n  barValueFormatter?: (value: number, context: BarChartLabelContext) => string;\n  barPercentageFormatter?: (\n    percentage: number,\n    value: number,\n    context: BarChartLabelContext\n  ) => string;\n  options?: ApexOptions;\n}\n\nexport interface BarChartLabelContext {\n  seriesIndex: number;\n  dataPointIndex: number;\n  seriesName?: string;\n  category?: string;\n  total: number;\n}\n\nconst defaultOptions: ApexOptions = {\n  colors: [\"#465fff\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    type: \"bar\",\n    height: 180,\n    animations: {\n      enabled: true,\n      speed: 200,\n      animateGradually: {\n        enabled: false,\n        delay: 0,\n      },\n      dynamicAnimation: {\n        enabled: true,\n        speed: 175,\n      },\n    },\n    toolbar: {\n      show: false,\n    },\n  },\n  plotOptions: {\n    bar: {\n      horizontal: false,\n      columnWidth: \"39%\",\n      borderRadius: 5,\n      borderRadiusApplication: \"end\",\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  // No transparent stroke around the columns: it shrinks and shifts the\n  // painted bar inside its allocated slot, so the hover highlight band\n  // (crosshairs width \"barWidth\" = the allocated width) would render wider\n  // than — and offset from — the visible bar.\n  stroke: {\n    show: false,\n  },\n  xaxis: {\n    categories: [\n      \"Jan\",\n      \"Feb\",\n      \"Mar\",\n      \"Apr\",\n      \"May\",\n      \"Jun\",\n      \"Jul\",\n      \"Aug\",\n      \"Sep\",\n      \"Oct\",\n      \"Nov\",\n      \"Dec\",\n    ],\n    axisBorder: {\n      show: false,\n    },\n    axisTicks: {\n      show: false,\n    },\n    // Match the hover highlight band to the bar width (the default band spans\n    // the whole category slot, looking ~3x wider than the 39% columns).\n    crosshairs: {\n      width: \"barWidth\",\n    },\n  },\n  legend: {\n    show: true,\n    position: \"top\",\n    horizontalAlign: \"left\",\n    fontFamily: \"Outfit\",\n    // Rounded, border-less swatches that echo the column styling. ApexCharts\n    // sets the marker span's `color` to the series color, so `currentColor`\n    // picks it up; `customHTML` lets us round the corners (the built-in shapes\n    // are sharp SVG paths that CSS border-radius can't touch).\n    markers: {\n      size: 7,\n      strokeWidth: 0,\n      customHTML: () =>\n        '<span style=\"display:block;height:100%;width:100%;border-radius:3px;background:currentColor\"></span>',\n    },\n  },\n  yaxis: {\n    title: {\n      text: undefined,\n    },\n  },\n  grid: {\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  fill: {\n    opacity: 1,\n  },\n  tooltip: {\n    x: {\n      show: false,\n    },\n    y: {\n      formatter: (val: number) => `${val}`,\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112],\n  },\n];\n\nconst horizontalGridOptions: ApexOptions[\"grid\"] = {\n  borderColor: \"transparent\",\n  xaxis: {\n    lines: {\n      show: false,\n    },\n  },\n  yaxis: {\n    lines: {\n      show: false,\n    },\n  },\n};\n\nfunction mergeGridOptions(\n  base: ApexOptions[\"grid\"],\n  override: ApexOptions[\"grid\"]\n): ApexOptions[\"grid\"] {\n  return {\n    ...base,\n    ...override,\n    xaxis: {\n      ...base?.xaxis,\n      ...override?.xaxis,\n      lines: {\n        ...base?.xaxis?.lines,\n        ...override?.xaxis?.lines,\n      },\n    },\n    yaxis: {\n      ...base?.yaxis,\n      ...override?.yaxis,\n      lines: {\n        ...base?.yaxis?.lines,\n        ...override?.yaxis?.lines,\n      },\n    },\n  };\n}\n\nfunction getDataValue(value: unknown): number | null {\n  if (typeof value === \"number\") return value;\n  if (Array.isArray(value) && typeof value[1] === \"number\") return value[1];\n  if (value && typeof value === \"object\" && \"y\" in value) {\n    const y = (value as { y: unknown }).y;\n    return typeof y === \"number\" ? y : null;\n  }\n  return null;\n}\n\nfunction getValueMatrix(series: ApexAxisChartSeries): number[][] {\n  return series.map((item) => item.data.map((value) => getDataValue(value) ?? 0));\n}\n\nfunction getSeriesTotal(matrix: number[][]): number {\n  return matrix.reduce(\n    (seriesTotal, data) => seriesTotal + data.reduce((total, value) => total + value, 0),\n    0\n  );\n}\n\nfunction getCategoryTotal(matrix: number[][], dataPointIndex: number): number {\n  return matrix.reduce((total, data) => total + (data[dataPointIndex] ?? 0), 0);\n}\n\nfunction getMaxValue(matrix: number[][]): number {\n  return matrix.reduce(\n    (max, data) => Math.max(max, ...data.map((value) => Math.max(0, value))),\n    0\n  );\n}\n\nfunction setDataValue(value: unknown, nextValue: number): unknown {\n  if (typeof value === \"number\") return nextValue;\n  if (Array.isArray(value)) return [value[0], nextValue, ...value.slice(2)];\n  if (value && typeof value === \"object\" && \"y\" in value) {\n    return { ...value, y: nextValue };\n  }\n  return value;\n}\n\nfunction applyMinimumBarValue(\n  series: ApexAxisChartSeries,\n  minimumValue: number\n): ApexAxisChartSeries {\n  return series.map((item) => ({\n    ...item,\n    data: item.data.map((value) =>\n      getDataValue(value) === 0 ? setDataValue(value, minimumValue) : value\n    ) as typeof item.data,\n  }));\n}\n\nfunction mergeDataLabels(\n  base: ApexOptions[\"dataLabels\"],\n  override: ApexOptions[\"dataLabels\"],\n  generated: ApexOptions[\"dataLabels\"]\n): ApexOptions[\"dataLabels\"] {\n  return {\n    ...base,\n    ...override,\n    ...generated,\n    style: {\n      ...base?.style,\n      ...override?.style,\n      ...generated?.style,\n    },\n    background: {\n      ...base?.background,\n      ...override?.background,\n      ...generated?.background,\n    },\n  };\n}\n\nfunction mergeTooltipOptions(\n  base: ApexOptions[\"tooltip\"],\n  override: ApexOptions[\"tooltip\"],\n  generated: ApexOptions[\"tooltip\"]\n): ApexOptions[\"tooltip\"] {\n  const baseY = Array.isArray(base?.y) ? undefined : base?.y;\n  const overrideY = Array.isArray(override?.y) ? undefined : override?.y;\n  const generatedY = Array.isArray(generated?.y) ? undefined : generated?.y;\n\n  return {\n    ...base,\n    ...override,\n    ...generated,\n    x: {\n      ...base?.x,\n      ...override?.x,\n      ...generated?.x,\n    },\n    y: {\n      ...baseY,\n      ...overrideY,\n      ...generatedY,\n    },\n  };\n}\n\nfunction mergeAnnotations(\n  override: ApexOptions[\"annotations\"],\n  generated: ApexOptions[\"annotations\"]\n): ApexOptions[\"annotations\"] | undefined {\n  if (!override && !generated) return undefined;\n  return {\n    ...override,\n    ...generated,\n    points: [...(override?.points ?? []), ...(generated?.points ?? [])],\n  };\n}\n\nexport const BarChart: React.FC<BarChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  horizontal,\n  showBarValues = false,\n  showBarPercentages = false,\n  minBarPercentage = 2,\n  percentageMode = \"total\",\n  barValueFormatter,\n  barPercentageFormatter,\n  options,\n}) => {\n  const [Chart, setChart] = React.useState<ReactApexChartComponent | null>(null);\n  const effectiveSeries = series ?? defaultSeries;\n  const effectiveCategories =\n    categories ?? (options?.xaxis?.categories as string[] | undefined);\n  const valueMatrix = getValueMatrix(effectiveSeries);\n  const seriesTotal = getSeriesTotal(valueMatrix);\n  const isHorizontal = horizontal ?? (options?.plotOptions?.bar?.horizontal === true);\n  const hasGeneratedLabels = showBarValues || showBarPercentages;\n  const maxValue = getMaxValue(valueMatrix);\n  const minimumValueScale = maxValue > 0 ? maxValue : 100;\n  const minimumBarValue = minimumValueScale * (Math.max(0, minBarPercentage) / 100);\n  const hasMinimumBarValue = isHorizontal && minimumBarValue > 0;\n  const chartSeries = hasMinimumBarValue\n    ? applyMinimumBarValue(effectiveSeries, minimumBarValue)\n    : effectiveSeries;\n  const chartValueMatrix = getValueMatrix(chartSeries);\n  const baseGridOptions = isHorizontal\n    ? mergeGridOptions(defaultOptions.grid, horizontalGridOptions)\n    : defaultOptions.grid;\n  const getLabelContext = (\n    seriesIndex: number,\n    dataPointIndex: number,\n    total: number\n  ): BarChartLabelContext => ({\n    seriesIndex,\n    dataPointIndex,\n    seriesName: effectiveSeries[seriesIndex]?.name,\n    category: effectiveCategories?.[dataPointIndex],\n    total,\n  });\n  const generatedDataLabels: ApexOptions[\"dataLabels\"] | undefined = hasGeneratedLabels\n    ? {\n        enabled: true,\n        textAnchor: \"middle\",\n        offsetX: 0,\n        offsetY: 0,\n        background: {\n          enabled: false,\n        },\n        style: {\n          fontSize: \"12px\",\n          fontWeight: 600,\n          colors: [showBarPercentages ? \"#ffffff\" : \"#344054\"],\n        },\n        formatter: (_value, opts) => {\n          const seriesIndex = opts?.seriesIndex ?? 0;\n          const dataPointIndex = opts?.dataPointIndex ?? 0;\n          const numericValue = valueMatrix[seriesIndex]?.[dataPointIndex] ?? 0;\n          const total =\n            percentageMode === \"category\"\n              ? getCategoryTotal(valueMatrix, dataPointIndex)\n              : seriesTotal;\n          const context = getLabelContext(seriesIndex, dataPointIndex, total);\n\n          if (showBarPercentages) {\n            const percentage = total > 0 ? (numericValue / total) * 100 : 0;\n            return barPercentageFormatter\n              ? barPercentageFormatter(percentage, numericValue, context)\n              : `${Math.round(percentage)}%`;\n          }\n\n          return barValueFormatter\n            ? barValueFormatter(numericValue, context)\n            : `${numericValue}`;\n        },\n      }\n    : undefined;\n  const generatedAnnotations: ApexOptions[\"annotations\"] | undefined =\n    isHorizontal && showBarValues\n      ? {\n          points: effectiveSeries.flatMap((item, seriesIndex) =>\n            item.data.map((dataPoint, dataPointIndex) => {\n              const value = getDataValue(dataPoint) ?? 0;\n              const chartValue = chartValueMatrix[seriesIndex]?.[dataPointIndex] ?? value;\n              const total =\n                percentageMode === \"category\"\n                  ? getCategoryTotal(valueMatrix, dataPointIndex)\n                  : seriesTotal;\n              const context = getLabelContext(seriesIndex, dataPointIndex, total);\n              return {\n                x: chartValue,\n                y: dataPointIndex,\n                seriesIndex,\n                marker: {\n                  size: 0,\n                },\n                label: {\n                  text: barValueFormatter ? barValueFormatter(value, context) : `${value}`,\n                  borderWidth: 0,\n                  offsetY: -12,\n                  style: {\n                    background: \"transparent\",\n                    color: \"#344054\",\n                    fontSize: \"12px\",\n                    fontWeight: 600,\n                    padding: {\n                      left: 0,\n                      right: 0,\n                      top: 0,\n                      bottom: 0,\n                    },\n                  },\n                },\n              };\n            })\n          ),\n        }\n      : undefined;\n  const generatedTooltip: ApexOptions[\"tooltip\"] | undefined = hasMinimumBarValue\n    ? {\n        y: {\n          formatter: (_value, opts) => {\n            const originalValue =\n              valueMatrix[opts?.seriesIndex ?? 0]?.[opts?.dataPointIndex ?? 0] ?? 0;\n            const overrideY = Array.isArray(options?.tooltip?.y) ? undefined : options?.tooltip?.y;\n            const defaultY = Array.isArray(defaultOptions.tooltip?.y)\n              ? undefined\n              : defaultOptions.tooltip?.y;\n            const formatter = overrideY?.formatter ?? defaultY?.formatter;\n            return formatter ? formatter(originalValue, opts) : `${originalValue}`;\n          },\n        },\n      }\n    : undefined;\n  const mergedOptions: ApexOptions = {\n    ...defaultOptions,\n    ...options,\n    colors: colors ?? options?.colors ?? defaultOptions.colors,\n    chart: {\n      ...defaultOptions.chart,\n      ...options?.chart,\n      animations: {\n        ...defaultOptions.chart?.animations,\n        ...options?.chart?.animations,\n        animateGradually: {\n          ...defaultOptions.chart?.animations?.animateGradually,\n          ...options?.chart?.animations?.animateGradually,\n        },\n        dynamicAnimation: {\n          ...defaultOptions.chart?.animations?.dynamicAnimation,\n          ...options?.chart?.animations?.dynamicAnimation,\n        },\n      },\n      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height,\n    },\n    plotOptions: {\n      ...defaultOptions.plotOptions,\n      ...options?.plotOptions,\n      bar: {\n        ...defaultOptions.plotOptions?.bar,\n        ...options?.plotOptions?.bar,\n        horizontal: isHorizontal,\n        ...(hasGeneratedLabels && {\n          dataLabels: {\n            ...options?.plotOptions?.bar?.dataLabels,\n            position: showBarPercentages ? \"center\" : \"top\",\n          },\n        }),\n      },\n    },\n    dataLabels: mergeDataLabels(\n      defaultOptions.dataLabels,\n      options?.dataLabels,\n      generatedDataLabels\n    ),\n    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n      ...(hasMinimumBarValue &&\n        options?.xaxis?.max === undefined && {\n          max: minimumValueScale,\n        }),\n    },\n    grid: mergeGridOptions(baseGridOptions, options?.grid),\n    annotations: mergeAnnotations(options?.annotations, generatedAnnotations),\n    tooltip: mergeTooltipOptions(defaultOptions.tooltip, options?.tooltip, generatedTooltip),\n  };\n\n  React.useEffect(() => {\n    let isMounted = true;\n\n    import(\"react-apexcharts\").then((module) => {\n      if (isMounted) setChart(() => module.default as ReactApexChartComponent);\n    });\n\n    return () => {\n      isMounted = false;\n    };\n  }, []);\n\n  if (!Chart) return null;\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={chartSeries}\n      type=\"bar\"\n      height={height ?? 180}\n    />\n  );\n};\n"]}

package/dist/components/Charts/BarChart.cjs

@@ -1,13 +1,13 @@
 "use client";
 'use strict';
 
-var chunkVEQ43DHE_cjs = require('../../chunk-VEQ43DHE.cjs');
+var chunkWIBFUDZM_cjs = require('../../chunk-WIBFUDZM.cjs');
 
 
 
 Object.defineProperty(exports, "BarChart", {
   enumerable: true,
-  get: function () { return chunkVEQ43DHE_cjs.BarChart; }
+  get: function () { return chunkWIBFUDZM_cjs.BarChart; }
 });
 //# sourceMappingURL=BarChart.cjs.map
 //# sourceMappingURL=BarChart.cjs.map

package/dist/components/Charts/BarChart.d.cts

@@ -9,6 +9,7 @@ interface BarChartProps {
     horizontal?: boolean;
     showBarValues?: boolean;
     showBarPercentages?: boolean;
+    minBarPercentage?: number;
     percentageMode?: "total" | "category";
     barValueFormatter?: (value: number, context: BarChartLabelContext) => string;
     barPercentageFormatter?: (percentage: number, value: number, context: BarChartLabelContext) => string;

package/dist/components/Charts/BarChart.d.ts

@@ -9,6 +9,7 @@ interface BarChartProps {
     horizontal?: boolean;
     showBarValues?: boolean;
     showBarPercentages?: boolean;
+    minBarPercentage?: number;
     percentageMode?: "total" | "category";
     barValueFormatter?: (value: number, context: BarChartLabelContext) => string;
     barPercentageFormatter?: (percentage: number, value: number, context: BarChartLabelContext) => string;

package/dist/components/Charts/BarChart.js

@@ -1,4 +1,4 @@
 "use client";
-export { BarChart } from '../../chunk-X3H3AIJC.js';
+export { BarChart } from '../../chunk-OXOGLCGX.js';
 //# sourceMappingURL=BarChart.js.map
 //# sourceMappingURL=BarChart.js.map

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkVEQ43DHE_cjs = require('./chunk-VEQ43DHE.cjs');
+var chunkWIBFUDZM_cjs = require('./chunk-WIBFUDZM.cjs');
 var chunkZULPBSQV_cjs = require('./chunk-ZULPBSQV.cjs');
 var chunkGBQCVSZU_cjs = require('./chunk-GBQCVSZU.cjs');
 var chunkETOOIXCY_cjs = require('./chunk-ETOOIXCY.cjs');
@@ -2953,7 +2953,7 @@ var Slider = ({
 
 Object.defineProperty(exports, "BarChart", {
   enumerable: true,
-  get: function () { return chunkVEQ43DHE_cjs.BarChart; }
+  get: function () { return chunkWIBFUDZM_cjs.BarChart; }
 });
 Object.defineProperty(exports, "LineChart", {
   enumerable: true,

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-export { BarChart } from './chunk-X3H3AIJC.js';
+export { BarChart } from './chunk-OXOGLCGX.js';
 export { LineChart } from './chunk-W6E275RF.js';
 export { Calendar, Modal } from './chunk-NJBVRPWW.js';
 export { Editor } from './chunk-PFCUA2W2.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@andreagiugni/tailwind-dashboard-ui",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Reusable React + Tailwind CSS v4 dashboard components extracted from TailAdmin.",
   "homepage": "https://taildashboardui.com",
   "author": "Andrea Giugni",

package/dist/chunk-VEQ43DHE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Charts/BarChart.tsx"],"names":["React","jsx"],"mappings":"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","file":"chunk-VEQ43DHE.cjs","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport type { ApexOptions } from \"apexcharts\";\n\ntype ReactApexChartProps = {\n  options: ApexOptions;\n  series: ApexAxisChartSeries;\n  type: \"bar\" | \"area\";\n  height: number;\n};\ntype ReactApexChartComponent = React.ComponentType<ReactApexChartProps>;\n\nexport interface BarChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  horizontal?: boolean;\n  showBarValues?: boolean;\n  showBarPercentages?: boolean;\n  percentageMode?: \"total\" | \"category\";\n  barValueFormatter?: (value: number, context: BarChartLabelContext) => string;\n  barPercentageFormatter?: (\n    percentage: number,\n    value: number,\n    context: BarChartLabelContext\n  ) => string;\n  options?: ApexOptions;\n}\n\nexport interface BarChartLabelContext {\n  seriesIndex: number;\n  dataPointIndex: number;\n  seriesName?: string;\n  category?: string;\n  total: number;\n}\n\nconst defaultOptions: ApexOptions = {\n  colors: [\"#465fff\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    type: \"bar\",\n    height: 180,\n    toolbar: {\n      show: false,\n    },\n  },\n  plotOptions: {\n    bar: {\n      horizontal: false,\n      columnWidth: \"39%\",\n      borderRadius: 5,\n      borderRadiusApplication: \"end\",\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  // No transparent stroke around the columns: it shrinks and shifts the\n  // painted bar inside its allocated slot, so the hover highlight band\n  // (crosshairs width \"barWidth\" = the allocated width) would render wider\n  // than — and offset from — the visible bar.\n  stroke: {\n    show: false,\n  },\n  xaxis: {\n    categories: [\n      \"Jan\",\n      \"Feb\",\n      \"Mar\",\n      \"Apr\",\n      \"May\",\n      \"Jun\",\n      \"Jul\",\n      \"Aug\",\n      \"Sep\",\n      \"Oct\",\n      \"Nov\",\n      \"Dec\",\n    ],\n    axisBorder: {\n      show: false,\n    },\n    axisTicks: {\n      show: false,\n    },\n    // Match the hover highlight band to the bar width (the default band spans\n    // the whole category slot, looking ~3x wider than the 39% columns).\n    crosshairs: {\n      width: \"barWidth\",\n    },\n  },\n  legend: {\n    show: true,\n    position: \"top\",\n    horizontalAlign: \"left\",\n    fontFamily: \"Outfit\",\n    // Rounded, border-less swatches that echo the column styling. ApexCharts\n    // sets the marker span's `color` to the series color, so `currentColor`\n    // picks it up; `customHTML` lets us round the corners (the built-in shapes\n    // are sharp SVG paths that CSS border-radius can't touch).\n    markers: {\n      size: 7,\n      strokeWidth: 0,\n      customHTML: () =>\n        '<span style=\"display:block;height:100%;width:100%;border-radius:3px;background:currentColor\"></span>',\n    },\n  },\n  yaxis: {\n    title: {\n      text: undefined,\n    },\n  },\n  grid: {\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  fill: {\n    opacity: 1,\n  },\n  tooltip: {\n    x: {\n      show: false,\n    },\n    y: {\n      formatter: (val: number) => `${val}`,\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112],\n  },\n];\n\nconst horizontalGridOptions: ApexOptions[\"grid\"] = {\n  borderColor: \"transparent\",\n  xaxis: {\n    lines: {\n      show: false,\n    },\n  },\n  yaxis: {\n    lines: {\n      show: false,\n    },\n  },\n};\n\nfunction mergeGridOptions(\n  base: ApexOptions[\"grid\"],\n  override: ApexOptions[\"grid\"]\n): ApexOptions[\"grid\"] {\n  return {\n    ...base,\n    ...override,\n    xaxis: {\n      ...base?.xaxis,\n      ...override?.xaxis,\n      lines: {\n        ...base?.xaxis?.lines,\n        ...override?.xaxis?.lines,\n      },\n    },\n    yaxis: {\n      ...base?.yaxis,\n      ...override?.yaxis,\n      lines: {\n        ...base?.yaxis?.lines,\n        ...override?.yaxis?.lines,\n      },\n    },\n  };\n}\n\nfunction getDataValue(value: unknown): number | null {\n  if (typeof value === \"number\") return value;\n  if (Array.isArray(value) && typeof value[1] === \"number\") return value[1];\n  if (value && typeof value === \"object\" && \"y\" in value) {\n    const y = (value as { y: unknown }).y;\n    return typeof y === \"number\" ? y : null;\n  }\n  return null;\n}\n\nfunction getValueMatrix(series: ApexAxisChartSeries): number[][] {\n  return series.map((item) => item.data.map((value) => getDataValue(value) ?? 0));\n}\n\nfunction getSeriesTotal(matrix: number[][]): number {\n  return matrix.reduce(\n    (seriesTotal, data) => seriesTotal + data.reduce((total, value) => total + value, 0),\n    0\n  );\n}\n\nfunction getCategoryTotal(matrix: number[][], dataPointIndex: number): number {\n  return matrix.reduce((total, data) => total + (data[dataPointIndex] ?? 0), 0);\n}\n\nfunction mergeDataLabels(\n  base: ApexOptions[\"dataLabels\"],\n  override: ApexOptions[\"dataLabels\"],\n  generated: ApexOptions[\"dataLabels\"]\n): ApexOptions[\"dataLabels\"] {\n  return {\n    ...base,\n    ...override,\n    ...generated,\n    style: {\n      ...base?.style,\n      ...override?.style,\n      ...generated?.style,\n    },\n    background: {\n      ...base?.background,\n      ...override?.background,\n      ...generated?.background,\n    },\n  };\n}\n\nfunction mergeAnnotations(\n  override: ApexOptions[\"annotations\"],\n  generated: ApexOptions[\"annotations\"]\n): ApexOptions[\"annotations\"] | undefined {\n  if (!override && !generated) return undefined;\n  return {\n    ...override,\n    ...generated,\n    points: [...(override?.points ?? []), ...(generated?.points ?? [])],\n  };\n}\n\nexport const BarChart: React.FC<BarChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  horizontal,\n  showBarValues = false,\n  showBarPercentages = false,\n  percentageMode = \"total\",\n  barValueFormatter,\n  barPercentageFormatter,\n  options,\n}) => {\n  const [Chart, setChart] = React.useState<ReactApexChartComponent | null>(null);\n  const effectiveSeries = series ?? defaultSeries;\n  const effectiveCategories =\n    categories ?? (options?.xaxis?.categories as string[] | undefined);\n  const valueMatrix = getValueMatrix(effectiveSeries);\n  const seriesTotal = getSeriesTotal(valueMatrix);\n  const isHorizontal = horizontal ?? (options?.plotOptions?.bar?.horizontal === true);\n  const hasGeneratedLabels = showBarValues || showBarPercentages;\n  const baseGridOptions = isHorizontal\n    ? mergeGridOptions(defaultOptions.grid, horizontalGridOptions)\n    : defaultOptions.grid;\n  const getLabelContext = (\n    seriesIndex: number,\n    dataPointIndex: number,\n    total: number\n  ): BarChartLabelContext => ({\n    seriesIndex,\n    dataPointIndex,\n    seriesName: effectiveSeries[seriesIndex]?.name,\n    category: effectiveCategories?.[dataPointIndex],\n    total,\n  });\n  const generatedDataLabels: ApexOptions[\"dataLabels\"] | undefined = hasGeneratedLabels\n    ? {\n        enabled: true,\n        textAnchor: \"middle\",\n        offsetX: 0,\n        offsetY: 0,\n        background: {\n          enabled: false,\n        },\n        style: {\n          fontSize: \"12px\",\n          fontWeight: 600,\n          colors: [showBarPercentages ? \"#ffffff\" : \"#344054\"],\n        },\n        formatter: (value, opts) => {\n          const seriesIndex = opts?.seriesIndex ?? 0;\n          const dataPointIndex = opts?.dataPointIndex ?? 0;\n          const numericValue =\n            typeof value === \"number\"\n              ? value\n              : valueMatrix[seriesIndex]?.[dataPointIndex] ?? 0;\n          const total =\n            percentageMode === \"category\"\n              ? getCategoryTotal(valueMatrix, dataPointIndex)\n              : seriesTotal;\n          const context = getLabelContext(seriesIndex, dataPointIndex, total);\n\n          if (showBarPercentages) {\n            const percentage = total > 0 ? (numericValue / total) * 100 : 0;\n            return barPercentageFormatter\n              ? barPercentageFormatter(percentage, numericValue, context)\n              : `${Math.round(percentage)}%`;\n          }\n\n          return barValueFormatter\n            ? barValueFormatter(numericValue, context)\n            : `${numericValue}`;\n        },\n      }\n    : undefined;\n  const generatedAnnotations: ApexOptions[\"annotations\"] | undefined =\n    isHorizontal && showBarValues\n      ? {\n          points: effectiveSeries.flatMap((item, seriesIndex) =>\n            item.data.map((dataPoint, dataPointIndex) => {\n              const value = getDataValue(dataPoint) ?? 0;\n              const total =\n                percentageMode === \"category\"\n                  ? getCategoryTotal(valueMatrix, dataPointIndex)\n                  : seriesTotal;\n              const context = getLabelContext(seriesIndex, dataPointIndex, total);\n              return {\n                x: value,\n                y: dataPointIndex,\n                seriesIndex,\n                marker: {\n                  size: 0,\n                },\n                label: {\n                  text: barValueFormatter ? barValueFormatter(value, context) : `${value}`,\n                  borderWidth: 0,\n                  offsetY: -12,\n                  style: {\n                    background: \"transparent\",\n                    color: \"#344054\",\n                    fontSize: \"12px\",\n                    fontWeight: 600,\n                    padding: {\n                      left: 0,\n                      right: 0,\n                      top: 0,\n                      bottom: 0,\n                    },\n                  },\n                },\n              };\n            })\n          ),\n        }\n      : undefined;\n  const mergedOptions: ApexOptions = {\n    ...defaultOptions,\n    ...options,\n    colors: colors ?? options?.colors ?? defaultOptions.colors,\n    chart: {\n      ...defaultOptions.chart,\n      ...options?.chart,\n      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height,\n    },\n    plotOptions: {\n      ...defaultOptions.plotOptions,\n      ...options?.plotOptions,\n      bar: {\n        ...defaultOptions.plotOptions?.bar,\n        ...options?.plotOptions?.bar,\n        horizontal: isHorizontal,\n        ...(hasGeneratedLabels && {\n          dataLabels: {\n            ...options?.plotOptions?.bar?.dataLabels,\n            position: showBarPercentages ? \"center\" : \"top\",\n          },\n        }),\n      },\n    },\n    dataLabels: mergeDataLabels(\n      defaultOptions.dataLabels,\n      options?.dataLabels,\n      generatedDataLabels\n    ),\n    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n    },\n    grid: mergeGridOptions(baseGridOptions, options?.grid),\n    annotations: mergeAnnotations(options?.annotations, generatedAnnotations),\n  };\n\n  React.useEffect(() => {\n    let isMounted = true;\n\n    import(\"react-apexcharts\").then((module) => {\n      if (isMounted) setChart(() => module.default as ReactApexChartComponent);\n    });\n\n    return () => {\n      isMounted = false;\n    };\n  }, []);\n\n  if (!Chart) return null;\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={effectiveSeries}\n      type=\"bar\"\n      height={height ?? 180}\n    />\n  );\n};\n"]}

package/dist/chunk-X3H3AIJC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Charts/BarChart.tsx"],"names":[],"mappings":"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","file":"chunk-X3H3AIJC.js","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport type { ApexOptions } from \"apexcharts\";\n\ntype ReactApexChartProps = {\n  options: ApexOptions;\n  series: ApexAxisChartSeries;\n  type: \"bar\" | \"area\";\n  height: number;\n};\ntype ReactApexChartComponent = React.ComponentType<ReactApexChartProps>;\n\nexport interface BarChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  horizontal?: boolean;\n  showBarValues?: boolean;\n  showBarPercentages?: boolean;\n  percentageMode?: \"total\" | \"category\";\n  barValueFormatter?: (value: number, context: BarChartLabelContext) => string;\n  barPercentageFormatter?: (\n    percentage: number,\n    value: number,\n    context: BarChartLabelContext\n  ) => string;\n  options?: ApexOptions;\n}\n\nexport interface BarChartLabelContext {\n  seriesIndex: number;\n  dataPointIndex: number;\n  seriesName?: string;\n  category?: string;\n  total: number;\n}\n\nconst defaultOptions: ApexOptions = {\n  colors: [\"#465fff\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    type: \"bar\",\n    height: 180,\n    toolbar: {\n      show: false,\n    },\n  },\n  plotOptions: {\n    bar: {\n      horizontal: false,\n      columnWidth: \"39%\",\n      borderRadius: 5,\n      borderRadiusApplication: \"end\",\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  // No transparent stroke around the columns: it shrinks and shifts the\n  // painted bar inside its allocated slot, so the hover highlight band\n  // (crosshairs width \"barWidth\" = the allocated width) would render wider\n  // than — and offset from — the visible bar.\n  stroke: {\n    show: false,\n  },\n  xaxis: {\n    categories: [\n      \"Jan\",\n      \"Feb\",\n      \"Mar\",\n      \"Apr\",\n      \"May\",\n      \"Jun\",\n      \"Jul\",\n      \"Aug\",\n      \"Sep\",\n      \"Oct\",\n      \"Nov\",\n      \"Dec\",\n    ],\n    axisBorder: {\n      show: false,\n    },\n    axisTicks: {\n      show: false,\n    },\n    // Match the hover highlight band to the bar width (the default band spans\n    // the whole category slot, looking ~3x wider than the 39% columns).\n    crosshairs: {\n      width: \"barWidth\",\n    },\n  },\n  legend: {\n    show: true,\n    position: \"top\",\n    horizontalAlign: \"left\",\n    fontFamily: \"Outfit\",\n    // Rounded, border-less swatches that echo the column styling. ApexCharts\n    // sets the marker span's `color` to the series color, so `currentColor`\n    // picks it up; `customHTML` lets us round the corners (the built-in shapes\n    // are sharp SVG paths that CSS border-radius can't touch).\n    markers: {\n      size: 7,\n      strokeWidth: 0,\n      customHTML: () =>\n        '<span style=\"display:block;height:100%;width:100%;border-radius:3px;background:currentColor\"></span>',\n    },\n  },\n  yaxis: {\n    title: {\n      text: undefined,\n    },\n  },\n  grid: {\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  fill: {\n    opacity: 1,\n  },\n  tooltip: {\n    x: {\n      show: false,\n    },\n    y: {\n      formatter: (val: number) => `${val}`,\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112],\n  },\n];\n\nconst horizontalGridOptions: ApexOptions[\"grid\"] = {\n  borderColor: \"transparent\",\n  xaxis: {\n    lines: {\n      show: false,\n    },\n  },\n  yaxis: {\n    lines: {\n      show: false,\n    },\n  },\n};\n\nfunction mergeGridOptions(\n  base: ApexOptions[\"grid\"],\n  override: ApexOptions[\"grid\"]\n): ApexOptions[\"grid\"] {\n  return {\n    ...base,\n    ...override,\n    xaxis: {\n      ...base?.xaxis,\n      ...override?.xaxis,\n      lines: {\n        ...base?.xaxis?.lines,\n        ...override?.xaxis?.lines,\n      },\n    },\n    yaxis: {\n      ...base?.yaxis,\n      ...override?.yaxis,\n      lines: {\n        ...base?.yaxis?.lines,\n        ...override?.yaxis?.lines,\n      },\n    },\n  };\n}\n\nfunction getDataValue(value: unknown): number | null {\n  if (typeof value === \"number\") return value;\n  if (Array.isArray(value) && typeof value[1] === \"number\") return value[1];\n  if (value && typeof value === \"object\" && \"y\" in value) {\n    const y = (value as { y: unknown }).y;\n    return typeof y === \"number\" ? y : null;\n  }\n  return null;\n}\n\nfunction getValueMatrix(series: ApexAxisChartSeries): number[][] {\n  return series.map((item) => item.data.map((value) => getDataValue(value) ?? 0));\n}\n\nfunction getSeriesTotal(matrix: number[][]): number {\n  return matrix.reduce(\n    (seriesTotal, data) => seriesTotal + data.reduce((total, value) => total + value, 0),\n    0\n  );\n}\n\nfunction getCategoryTotal(matrix: number[][], dataPointIndex: number): number {\n  return matrix.reduce((total, data) => total + (data[dataPointIndex] ?? 0), 0);\n}\n\nfunction mergeDataLabels(\n  base: ApexOptions[\"dataLabels\"],\n  override: ApexOptions[\"dataLabels\"],\n  generated: ApexOptions[\"dataLabels\"]\n): ApexOptions[\"dataLabels\"] {\n  return {\n    ...base,\n    ...override,\n    ...generated,\n    style: {\n      ...base?.style,\n      ...override?.style,\n      ...generated?.style,\n    },\n    background: {\n      ...base?.background,\n      ...override?.background,\n      ...generated?.background,\n    },\n  };\n}\n\nfunction mergeAnnotations(\n  override: ApexOptions[\"annotations\"],\n  generated: ApexOptions[\"annotations\"]\n): ApexOptions[\"annotations\"] | undefined {\n  if (!override && !generated) return undefined;\n  return {\n    ...override,\n    ...generated,\n    points: [...(override?.points ?? []), ...(generated?.points ?? [])],\n  };\n}\n\nexport const BarChart: React.FC<BarChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  horizontal,\n  showBarValues = false,\n  showBarPercentages = false,\n  percentageMode = \"total\",\n  barValueFormatter,\n  barPercentageFormatter,\n  options,\n}) => {\n  const [Chart, setChart] = React.useState<ReactApexChartComponent | null>(null);\n  const effectiveSeries = series ?? defaultSeries;\n  const effectiveCategories =\n    categories ?? (options?.xaxis?.categories as string[] | undefined);\n  const valueMatrix = getValueMatrix(effectiveSeries);\n  const seriesTotal = getSeriesTotal(valueMatrix);\n  const isHorizontal = horizontal ?? (options?.plotOptions?.bar?.horizontal === true);\n  const hasGeneratedLabels = showBarValues || showBarPercentages;\n  const baseGridOptions = isHorizontal\n    ? mergeGridOptions(defaultOptions.grid, horizontalGridOptions)\n    : defaultOptions.grid;\n  const getLabelContext = (\n    seriesIndex: number,\n    dataPointIndex: number,\n    total: number\n  ): BarChartLabelContext => ({\n    seriesIndex,\n    dataPointIndex,\n    seriesName: effectiveSeries[seriesIndex]?.name,\n    category: effectiveCategories?.[dataPointIndex],\n    total,\n  });\n  const generatedDataLabels: ApexOptions[\"dataLabels\"] | undefined = hasGeneratedLabels\n    ? {\n        enabled: true,\n        textAnchor: \"middle\",\n        offsetX: 0,\n        offsetY: 0,\n        background: {\n          enabled: false,\n        },\n        style: {\n          fontSize: \"12px\",\n          fontWeight: 600,\n          colors: [showBarPercentages ? \"#ffffff\" : \"#344054\"],\n        },\n        formatter: (value, opts) => {\n          const seriesIndex = opts?.seriesIndex ?? 0;\n          const dataPointIndex = opts?.dataPointIndex ?? 0;\n          const numericValue =\n            typeof value === \"number\"\n              ? value\n              : valueMatrix[seriesIndex]?.[dataPointIndex] ?? 0;\n          const total =\n            percentageMode === \"category\"\n              ? getCategoryTotal(valueMatrix, dataPointIndex)\n              : seriesTotal;\n          const context = getLabelContext(seriesIndex, dataPointIndex, total);\n\n          if (showBarPercentages) {\n            const percentage = total > 0 ? (numericValue / total) * 100 : 0;\n            return barPercentageFormatter\n              ? barPercentageFormatter(percentage, numericValue, context)\n              : `${Math.round(percentage)}%`;\n          }\n\n          return barValueFormatter\n            ? barValueFormatter(numericValue, context)\n            : `${numericValue}`;\n        },\n      }\n    : undefined;\n  const generatedAnnotations: ApexOptions[\"annotations\"] | undefined =\n    isHorizontal && showBarValues\n      ? {\n          points: effectiveSeries.flatMap((item, seriesIndex) =>\n            item.data.map((dataPoint, dataPointIndex) => {\n              const value = getDataValue(dataPoint) ?? 0;\n              const total =\n                percentageMode === \"category\"\n                  ? getCategoryTotal(valueMatrix, dataPointIndex)\n                  : seriesTotal;\n              const context = getLabelContext(seriesIndex, dataPointIndex, total);\n              return {\n                x: value,\n                y: dataPointIndex,\n                seriesIndex,\n                marker: {\n                  size: 0,\n                },\n                label: {\n                  text: barValueFormatter ? barValueFormatter(value, context) : `${value}`,\n                  borderWidth: 0,\n                  offsetY: -12,\n                  style: {\n                    background: \"transparent\",\n                    color: \"#344054\",\n                    fontSize: \"12px\",\n                    fontWeight: 600,\n                    padding: {\n                      left: 0,\n                      right: 0,\n                      top: 0,\n                      bottom: 0,\n                    },\n                  },\n                },\n              };\n            })\n          ),\n        }\n      : undefined;\n  const mergedOptions: ApexOptions = {\n    ...defaultOptions,\n    ...options,\n    colors: colors ?? options?.colors ?? defaultOptions.colors,\n    chart: {\n      ...defaultOptions.chart,\n      ...options?.chart,\n      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height,\n    },\n    plotOptions: {\n      ...defaultOptions.plotOptions,\n      ...options?.plotOptions,\n      bar: {\n        ...defaultOptions.plotOptions?.bar,\n        ...options?.plotOptions?.bar,\n        horizontal: isHorizontal,\n        ...(hasGeneratedLabels && {\n          dataLabels: {\n            ...options?.plotOptions?.bar?.dataLabels,\n            position: showBarPercentages ? \"center\" : \"top\",\n          },\n        }),\n      },\n    },\n    dataLabels: mergeDataLabels(\n      defaultOptions.dataLabels,\n      options?.dataLabels,\n      generatedDataLabels\n    ),\n    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n    },\n    grid: mergeGridOptions(baseGridOptions, options?.grid),\n    annotations: mergeAnnotations(options?.annotations, generatedAnnotations),\n  };\n\n  React.useEffect(() => {\n    let isMounted = true;\n\n    import(\"react-apexcharts\").then((module) => {\n      if (isMounted) setChart(() => module.default as ReactApexChartComponent);\n    });\n\n    return () => {\n      isMounted = false;\n    };\n  }, []);\n\n  if (!Chart) return null;\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={effectiveSeries}\n      type=\"bar\"\n      height={height ?? 180}\n    />\n  );\n};\n"]}