@andreagiugni/tailwind-dashboard-ui 0.1.0

package/dist/chunk-BGA7AECV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/LineChart.tsx"],"names":["jsx","Chart"],"mappings":"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","file":"chunk-BGA7AECV.cjs","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport Chart from \"react-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nexport interface LineChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  options?: ApexOptions;\n}\n\nconst defaultOptions: ApexOptions = {\n  legend: {\n    show: false,\n    position: \"top\",\n    horizontalAlign: \"left\",\n  },\n  colors: [\"#465FFF\", \"#9CB9FF\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    height: 310,\n    type: \"line\",\n    toolbar: {\n      show: false,\n    },\n  },\n  stroke: {\n    curve: \"straight\",\n    width: [2, 2],\n  },\n  fill: {\n    type: \"gradient\",\n    gradient: {\n      opacityFrom: 0.55,\n      opacityTo: 0,\n    },\n  },\n  markers: {\n    size: 0,\n    strokeColors: \"#fff\",\n    strokeWidth: 2,\n    hover: {\n      size: 6,\n    },\n  },\n  grid: {\n    xaxis: {\n      lines: {\n        show: false,\n      },\n    },\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  tooltip: {\n    enabled: true,\n    x: {\n      format: \"dd MMM yyyy\",\n    },\n  },\n  xaxis: {\n    type: \"category\",\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    tooltip: {\n      enabled: false,\n    },\n  },\n  yaxis: {\n    labels: {\n      style: {\n        fontSize: \"12px\",\n        colors: [\"#6B7280\"],\n      },\n    },\n    title: {\n      text: \"\",\n      style: {\n        fontSize: \"0px\",\n      },\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [180, 190, 170, 160, 175, 165, 170, 205, 230, 210, 240, 235],\n  },\n  {\n    name: \"Revenue\",\n    data: [40, 30, 50, 40, 55, 40, 70, 100, 110, 120, 150, 140],\n  },\n];\n\nexport const LineChart: React.FC<LineChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  options,\n}) => {\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    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n    },\n  };\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={series ?? defaultSeries}\n      type=\"area\"\n      height={height ?? 310}\n    />\n  );\n};\n"]}

package/dist/chunk-HT7SQXRF.cjs

@@ -0,0 +1,85 @@
+"use client";
+'use strict';
+
+var core = require('@react-jvectormap/core');
+var world = require('@react-jvectormap/world');
+var jsxRuntime = require('react/jsx-runtime');
+
+var defaultMarkers = [
+  { latLng: [37.2580397, -104.657039], name: "United States" },
+  { latLng: [20.7504374, 73.7276105], name: "India" },
+  { latLng: [53.613, -11.6368], name: "United Kingdom" },
+  { latLng: [-25.0304388, 115.2092761], name: "Sweden" }
+];
+var CountryMap = ({
+  markers = defaultMarkers,
+  markerColor = "#465FFF",
+  mapColor
+}) => {
+  const mappedMarkers = markers.map((marker) => ({
+    latLng: marker.latLng,
+    name: marker.name,
+    style: {
+      fill: markerColor,
+      borderWidth: 1,
+      borderColor: "white"
+    }
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.VectorMap,
+    {
+      map: world.worldMill,
+      backgroundColor: "transparent",
+      markerStyle: {
+        initial: {
+          fill: markerColor,
+          r: 4
+          // Custom radius for markers
+        }
+        // Type assertion to bypass strict CSS property checks
+      },
+      markersSelectable: true,
+      markers: mappedMarkers,
+      zoomOnScroll: false,
+      zoomMax: 12,
+      zoomMin: 1,
+      zoomAnimate: true,
+      zoomStep: 1.5,
+      regionStyle: {
+        initial: {
+          fill: mapColor || "#D0D5DD",
+          fillOpacity: 1,
+          fontFamily: "Outfit",
+          stroke: "none",
+          strokeWidth: 0,
+          strokeOpacity: 0
+        },
+        hover: {
+          fillOpacity: 0.7,
+          cursor: "pointer",
+          fill: markerColor,
+          stroke: "none"
+        },
+        selected: {
+          fill: markerColor
+        },
+        selectedHover: {}
+      },
+      regionLabelStyle: {
+        initial: {
+          fill: "#35373e",
+          fontWeight: 500,
+          fontSize: "13px",
+          stroke: "none"
+        },
+        hover: {},
+        selected: {},
+        selectedHover: {}
+      }
+    }
+  );
+};
+
+exports.CountryMap = CountryMap;
+//# sourceMappingURL=chunk-HT7SQXRF.cjs.map
+//# sourceMappingURL=chunk-HT7SQXRF.cjs.map

package/dist/chunk-HT7SQXRF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Map/CountryMap.tsx"],"names":["jsx","VectorMap","worldMill"],"mappings":";;;;;;AA8BA,IAAM,cAAA,GAA+D;AAAA,EACnE,EAAE,MAAA,EAAQ,CAAC,YAAY,WAAW,CAAA,EAAG,MAAM,eAAA,EAAgB;AAAA,EAC3D,EAAE,MAAA,EAAQ,CAAC,YAAY,UAAU,CAAA,EAAG,MAAM,OAAA,EAAQ;AAAA,EAClD,EAAE,MAAA,EAAQ,CAAC,QAAQ,QAAQ,CAAA,EAAG,MAAM,gBAAA,EAAiB;AAAA,EACrD,EAAE,MAAA,EAAQ,CAAC,aAAa,WAAW,CAAA,EAAG,MAAM,QAAA;AAC9C,CAAA;AAEO,IAAM,aAAwC,CAAC;AAAA,EACpD,OAAA,GAAU,cAAA;AAAA,EACV,WAAA,GAAc,SAAA;AAAA,EACd;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,aAAA,GAA0B,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,MAAY;AAAA,IACvD,QAAQ,MAAA,CAAO,MAAA;AAAA,IACf,MAAM,MAAA,CAAO,IAAA;AAAA,IACb,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,WAAA;AAAA,MACN,WAAA,EAAa,CAAA;AAAA,MACb,WAAA,EAAa;AAAA;AACf,GACF,CAAE,CAAA;AAEF,EAAA,uBACEA,cAAA;AAAA,IAACC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAKC,eAAA;AAAA,MACL,eAAA,EAAgB,aAAA;AAAA,MAChB,WAAA,EACE;AAAA,QACE,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,WAAA;AAAA,UACN,CAAA,EAAG;AAAA;AAAA;AACL;AAAA,OACF;AAAA,MAEF,iBAAA,EAAmB,IAAA;AAAA,MACnB,OAAA,EAAS,aAAA;AAAA,MACT,YAAA,EAAc,KAAA;AAAA,MACd,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,CAAA;AAAA,MACT,WAAA,EAAa,IAAA;AAAA,MACb,QAAA,EAAU,GAAA;AAAA,MACV,WAAA,EAAa;AAAA,QACX,OAAA,EAAS;AAAA,UACP,MAAM,QAAA,IAAY,SAAA;AAAA,UAClB,WAAA,EAAa,CAAA;AAAA,UACb,UAAA,EAAY,QAAA;AAAA,UACZ,MAAA,EAAQ,MAAA;AAAA,UACR,WAAA,EAAa,CAAA;AAAA,UACb,aAAA,EAAe;AAAA,SACjB;AAAA,QACA,KAAA,EAAO;AAAA,UACL,WAAA,EAAa,GAAA;AAAA,UACb,MAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAM,WAAA;AAAA,UACN,MAAA,EAAQ;AAAA,SACV;AAAA,QACA,QAAA,EAAU;AAAA,UACR,IAAA,EAAM;AAAA,SACR;AAAA,QACA,eAAe;AAAC,OAClB;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,SAAA;AAAA,UACN,UAAA,EAAY,GAAA;AAAA,UACZ,QAAA,EAAU,MAAA;AAAA,UACV,MAAA,EAAQ;AAAA,SACV;AAAA,QACA,OAAO,EAAC;AAAA,QACR,UAAU,EAAC;AAAA,QACX,eAAe;AAAC;AAClB;AAAA,GACF;AAEJ","file":"chunk-HT7SQXRF.cjs","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { VectorMap } from \"@react-jvectormap/core\";\nimport { worldMill } from \"@react-jvectormap/world\";\n\ntype MarkerStyle = {\n  initial: {\n    fill: string;\n    r: number; // Radius for markers\n  };\n};\n\ntype Marker = {\n  latLng: [number, number];\n  name: string;\n  style?: {\n    fill: string;\n    borderWidth: number;\n    borderColor: string;\n    stroke?: string;\n    strokeOpacity?: number;\n  };\n};\n\nexport interface CountryMapProps {\n  markers?: { latLng: [number, number]; name: string }[];\n  markerColor?: string;\n  mapColor?: string;\n}\n\nconst defaultMarkers: { latLng: [number, number]; name: string }[] = [\n  { latLng: [37.2580397, -104.657039], name: \"United States\" },\n  { latLng: [20.7504374, 73.7276105], name: \"India\" },\n  { latLng: [53.613, -11.6368], name: \"United Kingdom\" },\n  { latLng: [-25.0304388, 115.2092761], name: \"Sweden\" },\n];\n\nexport const CountryMap: React.FC<CountryMapProps> = ({\n  markers = defaultMarkers,\n  markerColor = \"#465FFF\",\n  mapColor,\n}) => {\n  const mappedMarkers: Marker[] = markers.map((marker) => ({\n    latLng: marker.latLng,\n    name: marker.name,\n    style: {\n      fill: markerColor,\n      borderWidth: 1,\n      borderColor: \"white\",\n    },\n  }));\n\n  return (\n    <VectorMap\n      map={worldMill}\n      backgroundColor=\"transparent\"\n      markerStyle={\n        {\n          initial: {\n            fill: markerColor,\n            r: 4, // Custom radius for markers\n          }, // Type assertion to bypass strict CSS property checks\n        } as MarkerStyle\n      }\n      markersSelectable={true}\n      markers={mappedMarkers}\n      zoomOnScroll={false}\n      zoomMax={12}\n      zoomMin={1}\n      zoomAnimate={true}\n      zoomStep={1.5}\n      regionStyle={{\n        initial: {\n          fill: mapColor || \"#D0D5DD\",\n          fillOpacity: 1,\n          fontFamily: \"Outfit\",\n          stroke: \"none\",\n          strokeWidth: 0,\n          strokeOpacity: 0,\n        },\n        hover: {\n          fillOpacity: 0.7,\n          cursor: \"pointer\",\n          fill: markerColor,\n          stroke: \"none\",\n        },\n        selected: {\n          fill: markerColor,\n        },\n        selectedHover: {},\n      }}\n      regionLabelStyle={{\n        initial: {\n          fill: \"#35373e\",\n          fontWeight: 500,\n          fontSize: \"13px\",\n          stroke: \"none\",\n        },\n        hover: {},\n        selected: {},\n        selectedHover: {},\n      }}\n    />\n  );\n};\n"]}

package/dist/chunk-HZQZC5CK.js

@@ -0,0 +1,124 @@
+"use client";
+import Chart from 'react-apexcharts';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultOptions = {
+  colors: ["#465fff"],
+  chart: {
+    fontFamily: "Outfit, sans-serif",
+    type: "bar",
+    height: 180,
+    toolbar: {
+      show: false
+    }
+  },
+  plotOptions: {
+    bar: {
+      horizontal: false,
+      columnWidth: "39%",
+      borderRadius: 5,
+      borderRadiusApplication: "end"
+    }
+  },
+  dataLabels: {
+    enabled: false
+  },
+  stroke: {
+    show: true,
+    width: 4,
+    colors: ["transparent"]
+  },
+  xaxis: {
+    categories: [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ],
+    axisBorder: {
+      show: false
+    },
+    axisTicks: {
+      show: false
+    }
+  },
+  legend: {
+    show: true,
+    position: "top",
+    horizontalAlign: "left",
+    fontFamily: "Outfit"
+  },
+  yaxis: {
+    title: {
+      text: void 0
+    }
+  },
+  grid: {
+    yaxis: {
+      lines: {
+        show: true
+      }
+    }
+  },
+  fill: {
+    opacity: 1
+  },
+  tooltip: {
+    x: {
+      show: false
+    },
+    y: {
+      formatter: (val) => `${val}`
+    }
+  }
+};
+var defaultSeries = [
+  {
+    name: "Sales",
+    data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112]
+  }
+];
+var BarChart = ({
+  series,
+  categories,
+  colors,
+  height,
+  options
+}) => {
+  const mergedOptions = {
+    ...defaultOptions,
+    ...options,
+    colors: colors ?? options?.colors ?? defaultOptions.colors,
+    chart: {
+      ...defaultOptions.chart,
+      ...options?.chart,
+      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height
+    },
+    xaxis: {
+      ...defaultOptions.xaxis,
+      ...options?.xaxis,
+      categories: categories ?? options?.xaxis?.categories ?? defaultOptions.xaxis?.categories
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Chart,
+    {
+      options: mergedOptions,
+      series: series ?? defaultSeries,
+      type: "bar",
+      height: height ?? 180
+    }
+  );
+};
+
+export { BarChart };
+//# sourceMappingURL=chunk-HZQZC5CK.js.map
+//# sourceMappingURL=chunk-HZQZC5CK.js.map

package/dist/chunk-HZQZC5CK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/BarChart.tsx"],"names":[],"mappings":"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","file":"chunk-HZQZC5CK.js","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport Chart from \"react-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nexport interface BarChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  options?: ApexOptions;\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  stroke: {\n    show: true,\n    width: 4,\n    colors: [\"transparent\"],\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  },\n  legend: {\n    show: true,\n    position: \"top\",\n    horizontalAlign: \"left\",\n    fontFamily: \"Outfit\",\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\nexport const BarChart: React.FC<BarChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  options,\n}) => {\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    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n    },\n  };\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={series ?? defaultSeries}\n      type=\"bar\"\n      height={height ?? 180}\n    />\n  );\n};\n"]}

package/dist/chunk-MEU4PMP5.js

@@ -0,0 +1,146 @@
+"use client";
+import Chart from 'react-apexcharts';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultOptions = {
+  legend: {
+    show: false,
+    position: "top",
+    horizontalAlign: "left"
+  },
+  colors: ["#465FFF", "#9CB9FF"],
+  chart: {
+    fontFamily: "Outfit, sans-serif",
+    height: 310,
+    type: "line",
+    toolbar: {
+      show: false
+    }
+  },
+  stroke: {
+    curve: "straight",
+    width: [2, 2]
+  },
+  fill: {
+    type: "gradient",
+    gradient: {
+      opacityFrom: 0.55,
+      opacityTo: 0
+    }
+  },
+  markers: {
+    size: 0,
+    strokeColors: "#fff",
+    strokeWidth: 2,
+    hover: {
+      size: 6
+    }
+  },
+  grid: {
+    xaxis: {
+      lines: {
+        show: false
+      }
+    },
+    yaxis: {
+      lines: {
+        show: true
+      }
+    }
+  },
+  dataLabels: {
+    enabled: false
+  },
+  tooltip: {
+    enabled: true,
+    x: {
+      format: "dd MMM yyyy"
+    }
+  },
+  xaxis: {
+    type: "category",
+    categories: [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ],
+    axisBorder: {
+      show: false
+    },
+    axisTicks: {
+      show: false
+    },
+    tooltip: {
+      enabled: false
+    }
+  },
+  yaxis: {
+    labels: {
+      style: {
+        fontSize: "12px",
+        colors: ["#6B7280"]
+      }
+    },
+    title: {
+      text: "",
+      style: {
+        fontSize: "0px"
+      }
+    }
+  }
+};
+var defaultSeries = [
+  {
+    name: "Sales",
+    data: [180, 190, 170, 160, 175, 165, 170, 205, 230, 210, 240, 235]
+  },
+  {
+    name: "Revenue",
+    data: [40, 30, 50, 40, 55, 40, 70, 100, 110, 120, 150, 140]
+  }
+];
+var LineChart = ({
+  series,
+  categories,
+  colors,
+  height,
+  options
+}) => {
+  const mergedOptions = {
+    ...defaultOptions,
+    ...options,
+    colors: colors ?? options?.colors ?? defaultOptions.colors,
+    chart: {
+      ...defaultOptions.chart,
+      ...options?.chart,
+      height: height ?? options?.chart?.height ?? defaultOptions.chart?.height
+    },
+    xaxis: {
+      ...defaultOptions.xaxis,
+      ...options?.xaxis,
+      categories: categories ?? options?.xaxis?.categories ?? defaultOptions.xaxis?.categories
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Chart,
+    {
+      options: mergedOptions,
+      series: series ?? defaultSeries,
+      type: "area",
+      height: height ?? 310
+    }
+  );
+};
+
+export { LineChart };
+//# sourceMappingURL=chunk-MEU4PMP5.js.map
+//# sourceMappingURL=chunk-MEU4PMP5.js.map

package/dist/chunk-MEU4PMP5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/LineChart.tsx"],"names":[],"mappings":"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","file":"chunk-MEU4PMP5.js","sourcesContent":["\"use client\";\nimport React from \"react\";\nimport Chart from \"react-apexcharts\";\nimport type { ApexOptions } from \"apexcharts\";\n\nexport interface LineChartProps {\n  series?: ApexAxisChartSeries;\n  categories?: string[];\n  colors?: string[];\n  height?: number;\n  options?: ApexOptions;\n}\n\nconst defaultOptions: ApexOptions = {\n  legend: {\n    show: false,\n    position: \"top\",\n    horizontalAlign: \"left\",\n  },\n  colors: [\"#465FFF\", \"#9CB9FF\"],\n  chart: {\n    fontFamily: \"Outfit, sans-serif\",\n    height: 310,\n    type: \"line\",\n    toolbar: {\n      show: false,\n    },\n  },\n  stroke: {\n    curve: \"straight\",\n    width: [2, 2],\n  },\n  fill: {\n    type: \"gradient\",\n    gradient: {\n      opacityFrom: 0.55,\n      opacityTo: 0,\n    },\n  },\n  markers: {\n    size: 0,\n    strokeColors: \"#fff\",\n    strokeWidth: 2,\n    hover: {\n      size: 6,\n    },\n  },\n  grid: {\n    xaxis: {\n      lines: {\n        show: false,\n      },\n    },\n    yaxis: {\n      lines: {\n        show: true,\n      },\n    },\n  },\n  dataLabels: {\n    enabled: false,\n  },\n  tooltip: {\n    enabled: true,\n    x: {\n      format: \"dd MMM yyyy\",\n    },\n  },\n  xaxis: {\n    type: \"category\",\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    tooltip: {\n      enabled: false,\n    },\n  },\n  yaxis: {\n    labels: {\n      style: {\n        fontSize: \"12px\",\n        colors: [\"#6B7280\"],\n      },\n    },\n    title: {\n      text: \"\",\n      style: {\n        fontSize: \"0px\",\n      },\n    },\n  },\n};\n\nconst defaultSeries: ApexAxisChartSeries = [\n  {\n    name: \"Sales\",\n    data: [180, 190, 170, 160, 175, 165, 170, 205, 230, 210, 240, 235],\n  },\n  {\n    name: \"Revenue\",\n    data: [40, 30, 50, 40, 55, 40, 70, 100, 110, 120, 150, 140],\n  },\n];\n\nexport const LineChart: React.FC<LineChartProps> = ({\n  series,\n  categories,\n  colors,\n  height,\n  options,\n}) => {\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    xaxis: {\n      ...defaultOptions.xaxis,\n      ...options?.xaxis,\n      categories:\n        categories ??\n        options?.xaxis?.categories ??\n        defaultOptions.xaxis?.categories,\n    },\n  };\n\n  return (\n    <Chart\n      options={mergedOptions}\n      series={series ?? defaultSeries}\n      type=\"area\"\n      height={height ?? 310}\n    />\n  );\n};\n"]}