@deepnoid/ui 0.1.43 → 0.1.44

package/dist/{chunk-KJMJIFPS.mjs → chunk-BPEMHZH3.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6PN3DGOE.mjs";
 import {
   checkbox_default
-} from "./chunk-YLRYHUTW.mjs";
+} from "./chunk-D6QI3DJG.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-BB7MFKNQ.mjs → chunk-CTBTYNSM.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  toast_default
+} from "./chunk-MEY4IL7D.mjs";
 import {
   getToastPosition
 } from "./chunk-ZOTHPHXA.mjs";
-import {
-  toast_default
-} from "./chunk-7W2ZI2DD.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-L2VA3ACH.mjs → chunk-G67WUZO3.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  text_button_default
+} from "./chunk-WFMFC7R6.mjs";
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
-import {
-  text_button_default
-} from "./chunk-2PKM7SLZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-LR3SWRB4.mjs → chunk-IC25OKBJ.mjs}

@@ -1,19 +1,19 @@
 "use client";
 import {
   backdrop_default
-} from "./chunk-P5QCU457.mjs";
+} from "./chunk-LL6F3WDX.mjs";
 import {
   button_default
-} from "./chunk-7J3KVOTS.mjs";
+} from "./chunk-UB4YBFOT.mjs";
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/modal/modal.tsx
 import { forwardRef, useMemo, useEffect } from "react";

package/dist/{chunk-NR7MGDUE.mjs → chunk-KYJTZPXY.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   list_default
-} from "./chunk-UFVQPPPW.mjs";
+} from "./chunk-HIVPDIEP.mjs";
 import {
   listItem_default
-} from "./chunk-QWIURBUH.mjs";
+} from "./chunk-RT3S3VVJ.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/{chunk-ZSG4NGLK.mjs → chunk-MCNCHQ33.mjs}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-R62HK726.mjs";
+} from "./chunk-GH6CPGFN.mjs";
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/pagination/pagination.tsx
 import { forwardRef, useMemo, useState } from "react";

package/dist/chunk-NZOVUADT.mjs

@@ -0,0 +1,136 @@
+"use client";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+
+// src/components/charts/areaCharts.tsx
+import { forwardRef, useMemo, useState } from "react";
+import { AreaChart, Area, XAxis, YAxis, ResponsiveContainer, CartesianGrid } from "recharts";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var AreaChartComponent = forwardRef((originalProps, ref) => {
+  var _a, _b;
+  const [props, variantProps] = mapPropsVariants(originalProps, areaChartStyle.variantKeys);
+  const { areaData, color, classNames } = { ...props, ...variantProps };
+  const slots = useMemo(() => areaChartStyle({ ...variantProps }), [variantProps]);
+  const colorHex = (_b = (_a = areaChartStyle.variants.color) == null ? void 0 : _a[color || "primary"]) == null ? void 0 : _b._colorValue;
+  const [xTickPositions, setXTickPositions] = useState([]);
+  const midPoints = useMemo(() => {
+    const sorted = [...xTickPositions].sort((a, b) => a - b);
+    const mids = [];
+    for (let i = 0; i < sorted.length - 1; i++) {
+      mids.push((sorted[i] + sorted[i + 1]) / 2);
+    }
+    return mids;
+  }, [xTickPositions]);
+  const CustomDotWithShadow = (props2) => {
+    const { cx, cy, fill, stroke } = props2;
+    if (cx === void 0 || cy === void 0) return null;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx, cy, r: 8, fill, opacity: 0.2 }),
+      /* @__PURE__ */ jsx("circle", { cx, cy, r: 3.5, fill, stroke, strokeWidth: 2 })
+    ] });
+  };
+  return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart, { data: areaData, children: [
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "colorGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
+      /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      CartesianGrid,
+      {
+        vertical: true,
+        horizontal: false,
+        strokeDasharray: "3 3",
+        className: "stroke-neutral-light",
+        verticalPoints: midPoints
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      XAxis,
+      {
+        dataKey: "name",
+        axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+        tickLine: false,
+        tick: ({ x, y, payload }) => {
+          setXTickPositions((prev) => {
+            if (!prev.includes(x)) return [...prev, x];
+            return prev;
+          });
+          return /* @__PURE__ */ jsx(
+            "text",
+            {
+              x,
+              y: y + 14,
+              textAnchor: "middle",
+              fontSize: 12,
+              fontWeight: 700,
+              fill: "currentColor",
+              className: "text-body-foreground",
+              children: payload.value
+            }
+          );
+        },
+        padding: { left: 35.5, right: 35.5 }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      YAxis,
+      {
+        axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+        tickLine: false,
+        tick: {
+          fontSize: 12,
+          fontWeight: 700,
+          fill: "text-body-foreground",
+          textAnchor: "middle",
+          dx: -10
+        },
+        ticks: [0, 20, 40, 60, 80, 100],
+        domain: [-10, 110]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Area,
+      {
+        type: "monotone",
+        dataKey: "value",
+        stroke: colorHex,
+        strokeWidth: 2,
+        fill: "url(#colorGradient)",
+        dot: /* @__PURE__ */ jsx(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
+        activeDot: { r: 7, fill: colorHex }
+      }
+    )
+  ] }) }) });
+});
+AreaChartComponent.displayName = "AreaChart";
+var areaCharts_default = AreaChartComponent;
+var areaChartStyle = tv({
+  slots: {
+    base: [],
+    color: [],
+    axis: ["text-sm", "font-bold", "text-center", "text-body-foreground"]
+  },
+  variants: {
+    color: {
+      primary: {
+        color: ["text-primary-main"],
+        _colorValue: "#3F9CF2"
+      },
+      danger: {
+        color: ["text-danger-main"],
+        _colorValue: "#FF4684"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary"
+  }
+});
+
+export {
+  areaCharts_default
+};

package/dist/{chunk-SBL6IHEW.mjs → chunk-P7YYNA6L.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6PN3DGOE.mjs";
 import {
   checkbox_default
-} from "./chunk-YLRYHUTW.mjs";
+} from "./chunk-D6QI3DJG.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-42LXAL5Y.mjs → chunk-RIW4TT6V.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   table_body_default
-} from "./chunk-KJMJIFPS.mjs";
+} from "./chunk-BPEMHZH3.mjs";
 import {
   table_head_default
-} from "./chunk-SBL6IHEW.mjs";
+} from "./chunk-P7YYNA6L.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
 import {
   pagination_default
-} from "./chunk-ZSG4NGLK.mjs";
+} from "./chunk-MCNCHQ33.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-O6YBE7V3.mjs → chunk-TRR232FS.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   input_default
-} from "./chunk-R62HK726.mjs";
-import {
-  button_default
-} from "./chunk-7J3KVOTS.mjs";
+} from "./chunk-GH6CPGFN.mjs";
 import {
   icon_button_default
-} from "./chunk-6K3E5BVO.mjs";
+} from "./chunk-7TAGGLNY.mjs";
+import {
+  button_default
+} from "./chunk-UB4YBFOT.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";

package/dist/{chunk-D7XSWNZ7.mjs → chunk-WOEZHDJR.mjs}

@@ -1,22 +1,22 @@
 "use client";
-import {
-  useDatePicker
-} from "./chunk-FWJ2ZKH6.mjs";
 import {
   calendar_default
-} from "./chunk-X6D7C7QZ.mjs";
+} from "./chunk-A7RU3FU5.mjs";
 import {
   timePicker_default
-} from "./chunk-NR7MGDUE.mjs";
+} from "./chunk-KYJTZPXY.mjs";
+import {
+  useDatePicker
+} from "./chunk-FWJ2ZKH6.mjs";
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/dateTimePicker/dateTimePicker.tsx
 import React, { forwardRef, useCallback, useMemo } from "react";

package/dist/components/backdrop/backdrop.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   backdrop_default
-} from "../../chunk-P5QCU457.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   backdrop_default as default

package/dist/components/backdrop/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-SE5TU755.mjs";
 import {
   backdrop_default
-} from "../../chunk-P5QCU457.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   backdrop_default as Backdrop

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,21 +1,21 @@
 "use client";
 import {
   breadcrumb_default
-} from "../../chunk-L2VA3ACH.mjs";
+} from "../../chunk-G67WUZO3.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-7J3KVOTS.mjs";
-import "../../chunk-6K3E5BVO.mjs";
+import "../../chunk-UB4YBFOT.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
-import "../../chunk-2PKM7SLZ.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   breadcrumb_default as default

package/dist/components/breadcrumb/index.mjs

@@ -2,21 +2,21 @@
 import "../../chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "../../chunk-L2VA3ACH.mjs";
+} from "../../chunk-G67WUZO3.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-7J3KVOTS.mjs";
-import "../../chunk-6K3E5BVO.mjs";
+import "../../chunk-UB4YBFOT.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
-import "../../chunk-2PKM7SLZ.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   breadcrumb_default as Breadcrumb

package/dist/components/button/button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   button_default
-} from "../../chunk-7J3KVOTS.mjs";
+} from "../../chunk-UB4YBFOT.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   button_default as default

package/dist/components/button/icon-button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   icon_button_default
-} from "../../chunk-6K3E5BVO.mjs";
+} from "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   icon_button_default as default

package/dist/components/button/index.mjs

@@ -1,26 +1,26 @@
 "use client";
 import "../../chunk-MY5U63QO.mjs";
+import {
+  icon_button_default
+} from "../../chunk-7TAGGLNY.mjs";
+import {
+  text_button_default
+} from "../../chunk-WFMFC7R6.mjs";
 import {
   button_group_default
 } from "../../chunk-LPZOH3RP.mjs";
 import {
   button_default
-} from "../../chunk-7J3KVOTS.mjs";
-import {
-  icon_button_default
-} from "../../chunk-6K3E5BVO.mjs";
+} from "../../chunk-UB4YBFOT.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
-import {
-  text_button_default
-} from "../../chunk-2PKM7SLZ.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   button_default as Button,

package/dist/components/button/text-button.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   text_button_default
-} from "../../chunk-2PKM7SLZ.mjs";
+} from "../../chunk-WFMFC7R6.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   text_button_default as default

package/dist/components/charts/areaCharts.js

@@ -355,6 +355,15 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
   const { areaData, color, classNames } = { ...props, ...variantProps };
   const slots = (0, import_react.useMemo)(() => areaChartStyle({ ...variantProps }), [variantProps]);
   const colorHex = (_b = (_a = areaChartStyle.variants.color) == null ? void 0 : _a[color || "primary"]) == null ? void 0 : _b._colorValue;
+  const [xTickPositions, setXTickPositions] = (0, import_react.useState)([]);
+  const midPoints = (0, import_react.useMemo)(() => {
+    const sorted = [...xTickPositions].sort((a, b) => a - b);
+    const mids = [];
+    for (let i = 0; i < sorted.length - 1; i++) {
+      mids.push((sorted[i] + sorted[i + 1]) / 2);
+    }
+    return mids;
+  }, [xTickPositions]);
   const CustomDotWithShadow = (props2) => {
     const { cx, cy, fill, stroke } = props2;
     if (cx === void 0 || cy === void 0) return null;
@@ -363,57 +372,78 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx, cy, r: 3.5, fill, stroke, strokeWidth: 2 })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_recharts.AreaChart,
-    {
-      data: areaData,
-      margin: {
-        top: 20,
-        right: 30,
-        left: 20,
-        bottom: 20
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "colorGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.CartesianGrid, { vertical: true, horizontal: false, strokeDasharray: "3 3", className: "stroke-neutral-light" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_recharts.XAxis,
-          {
-            dataKey: "name",
-            axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-            tickLine: false,
-            tick: { fontSize: 12, fontWeight: 700, fill: "text-body-foreground" },
-            padding: { left: 35.5, right: 35.5 }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_recharts.YAxis,
-          {
-            axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-            tickLine: false,
-            tick: { fontSize: 12, fontWeight: 700, fill: "text-body-foreground" },
-            ticks: [0, 20, 40, 60, 80, 100],
-            domain: [0, 100]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_recharts.Area,
-          {
-            type: "monotone",
-            dataKey: "value",
-            stroke: colorHex,
-            strokeWidth: 2,
-            fill: "url(#colorGradient)",
-            dot: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
-            activeDot: { r: 7, fill: colorHex }
-          }
-        )
-      ]
-    }
-  ) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.AreaChart, { data: areaData, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "colorGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_recharts.CartesianGrid,
+      {
+        vertical: true,
+        horizontal: false,
+        strokeDasharray: "3 3",
+        className: "stroke-neutral-light",
+        verticalPoints: midPoints
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_recharts.XAxis,
+      {
+        dataKey: "name",
+        axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+        tickLine: false,
+        tick: ({ x, y, payload }) => {
+          setXTickPositions((prev) => {
+            if (!prev.includes(x)) return [...prev, x];
+            return prev;
+          });
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "text",
+            {
+              x,
+              y: y + 14,
+              textAnchor: "middle",
+              fontSize: 12,
+              fontWeight: 700,
+              fill: "currentColor",
+              className: "text-body-foreground",
+              children: payload.value
+            }
+          );
+        },
+        padding: { left: 35.5, right: 35.5 }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_recharts.YAxis,
+      {
+        axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+        tickLine: false,
+        tick: {
+          fontSize: 12,
+          fontWeight: 700,
+          fill: "text-body-foreground",
+          textAnchor: "middle",
+          dx: -10
+        },
+        ticks: [0, 20, 40, 60, 80, 100],
+        domain: [-10, 110]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_recharts.Area,
+      {
+        type: "monotone",
+        dataKey: "value",
+        stroke: colorHex,
+        strokeWidth: 2,
+        fill: "url(#colorGradient)",
+        dot: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
+        activeDot: { r: 7, fill: colorHex }
+      }
+    )
+  ] }) }) });
 });
 AreaChartComponent.displayName = "AreaChart";
 var areaCharts_default = AreaChartComponent;

package/dist/components/charts/areaCharts.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   areaCharts_default
-} from "../../chunk-IET623ED.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-NZOVUADT.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   areaCharts_default as default