@deepnoid/ui 0.1.44 → 0.1.47

package/dist/components/modal/index.mjs

@@ -2,23 +2,23 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-IC25OKBJ.mjs";
-import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-7TAGGLNY.mjs";
-import "../../chunk-WFMFC7R6.mjs";
+} from "../../chunk-LR3SWRB4.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-LL6F3WDX.mjs";
+import "../../chunk-P5QCU457.mjs";
+import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-UB4YBFOT.mjs";
+import "../../chunk-7J3KVOTS.mjs";
+import "../../chunk-6K3E5BVO.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-KCOHU7X7.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   modal_default as Modal

package/dist/components/modal/modal.mjs

@@ -1,23 +1,23 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-IC25OKBJ.mjs";
-import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-7TAGGLNY.mjs";
-import "../../chunk-WFMFC7R6.mjs";
+} from "../../chunk-LR3SWRB4.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-LL6F3WDX.mjs";
+import "../../chunk-P5QCU457.mjs";
+import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-UB4YBFOT.mjs";
+import "../../chunk-7J3KVOTS.mjs";
+import "../../chunk-6K3E5BVO.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-KCOHU7X7.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   modal_default as default

package/dist/components/pagination/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-MCNCHQ33.mjs";
+} from "../../chunk-YOSWY5QO.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-GH6CPGFN.mjs";
+import "../../chunk-33C4DOPJ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as Pagination

package/dist/components/pagination/pagination.mjs

@@ -2,16 +2,16 @@
 import {
   paginationStyle,
   pagination_default
-} from "../../chunk-MCNCHQ33.mjs";
+} from "../../chunk-YOSWY5QO.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-GH6CPGFN.mjs";
+import "../../chunk-33C4DOPJ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as default,

package/dist/components/radio/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "../../chunk-QIRL6HY6.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-YIIFWADW.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   radio_default as Radio

package/dist/components/radio/radio.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   radio_default
-} from "../../chunk-QIRL6HY6.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-YIIFWADW.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   radio_default as default

package/dist/components/select/index.mjs

@@ -2,13 +2,13 @@
 import "../../chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "../../chunk-NLYGDZK3.mjs";
+} from "../../chunk-TWLYGLXN.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   select_default as Select

package/dist/components/select/select.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   select_default
-} from "../../chunk-NLYGDZK3.mjs";
+} from "../../chunk-TWLYGLXN.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   select_default as default

package/dist/components/table/index.mjs

@@ -1,30 +1,30 @@
 "use client";
 import "../../chunk-DX3KXNP6.mjs";
-import {
-  definition_table_default
-} from "../../chunk-6TIIBU7J.mjs";
 import {
   table_default
-} from "../../chunk-RIW4TT6V.mjs";
-import "../../chunk-BPEMHZH3.mjs";
-import "../../chunk-P7YYNA6L.mjs";
+} from "../../chunk-K2J5B7WI.mjs";
+import "../../chunk-UHT6GDT2.mjs";
+import "../../chunk-UCU5ON5M.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
+import {
+  definition_table_default
+} from "../../chunk-6TIIBU7J.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-MCNCHQ33.mjs";
+import "../../chunk-YOSWY5QO.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-GH6CPGFN.mjs";
+import "../../chunk-33C4DOPJ.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-D6QI3DJG.mjs";
+import "../../chunk-7H5XPHY6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   definition_table_default as DefinitionTable,

package/dist/components/table/table-body.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-BPEMHZH3.mjs";
+} from "../../chunk-UHT6GDT2.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-D6QI3DJG.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-7H5XPHY6.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_body_default as default

package/dist/components/table/table-head.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-P7YYNA6L.mjs";
+} from "../../chunk-UCU5ON5M.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-D6QI3DJG.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-7H5XPHY6.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_head_default as default

package/dist/components/table/table.mjs

@@ -1,26 +1,26 @@
 "use client";
 import {
   table_default
-} from "../../chunk-RIW4TT6V.mjs";
-import "../../chunk-BPEMHZH3.mjs";
-import "../../chunk-P7YYNA6L.mjs";
+} from "../../chunk-K2J5B7WI.mjs";
+import "../../chunk-UHT6GDT2.mjs";
+import "../../chunk-UCU5ON5M.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-MCNCHQ33.mjs";
+import "../../chunk-YOSWY5QO.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-GH6CPGFN.mjs";
+import "../../chunk-33C4DOPJ.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-D6QI3DJG.mjs";
+import "../../chunk-7H5XPHY6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_default as default

package/dist/components/tabs/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-3MY6LO7N.mjs";
 import {
   tabs_default
-} from "../../chunk-2YMAKIZ6.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-SSMMWMQC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as Tabs

package/dist/components/tabs/tabs.mjs

@@ -2,9 +2,9 @@
 import {
   tabs,
   tabs_default
-} from "../../chunk-2YMAKIZ6.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-SSMMWMQC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as default,

package/dist/components/textarea/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-RRAZM5D3.mjs";
 import {
   textarea_default
-} from "../../chunk-4EIGHKUO.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-6Q2BXHJL.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   textarea_default as Textarea

package/dist/components/textarea/textarea.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   textarea_default
-} from "../../chunk-4EIGHKUO.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-6Q2BXHJL.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   textarea_default as default

package/dist/components/toast/index.mjs

@@ -3,17 +3,17 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-CTBTYNSM.mjs";
+} from "../../chunk-QJXYG2OC.mjs";
+import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "../../chunk-MEY4IL7D.mjs";
-import "../../chunk-ZOTHPHXA.mjs";
+} from "../../chunk-UCIH2BJI.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   toast_default as Toast,

package/dist/components/toast/toast.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-MEY4IL7D.mjs";
+} from "../../chunk-UCIH2BJI.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   toast_default as default

package/dist/components/toast/use-toast.mjs

@@ -2,15 +2,15 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-CTBTYNSM.mjs";
-import "../../chunk-MEY4IL7D.mjs";
+} from "../../chunk-QJXYG2OC.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
+import "../../chunk-UCIH2BJI.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   ToastProvider,

package/dist/components/tooltip/index.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "../../chunk-Z2537DF6.mjs";
+} from "../../chunk-IL5ENWCR.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as Tooltip

package/dist/components/tooltip/tooltip.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-Z2537DF6.mjs";
+} from "../../chunk-IL5ENWCR.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as default

package/dist/components/tree/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-NFQMXW4Z.mjs";
+} from "../../chunk-WPIFIRCJ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tree_default as Tree

package/dist/components/tree/tree.mjs

@@ -2,12 +2,12 @@
 import {
   Tree,
   tree_default
-} from "../../chunk-NFQMXW4Z.mjs";
+} from "../../chunk-WPIFIRCJ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   Tree,

package/dist/index.js

@@ -10535,7 +10535,7 @@ var CircularProgress = (0, import_react34.forwardRef)((originalProps, ref) => {
   const OUTER_RADIUS = 88;
   const INNER_RADIUS = OUTER_RADIUS - BAR_SIZE;
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: `relative h-[${size}px] w-[${size}px]`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
         import_recharts.RadialBarChart,
         {
@@ -10618,20 +10618,47 @@ var import_react35 = require("react");
 var import_recharts2 = require("recharts");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var AreaChartComponent = (0, import_react35.forwardRef)((originalProps, ref) => {
-  var _a, _b;
+  const uniqueId = (0, import_react35.useId)();
   const [props, variantProps] = mapPropsVariants(originalProps, areaChartStyle.variantKeys);
-  const { areaData, color, classNames } = { ...props, ...variantProps };
+  const { areaData, color = "primary", classNames } = { ...props, ...variantProps };
   const slots = (0, import_react35.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_react35.useState)([]);
-  const midPoints = (0, import_react35.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 COLOR_MAP = {
+    primary: "#3F9CF2",
+    danger: "#FF4684"
+  };
+  const colorHex = (0, import_react35.useMemo)(() => COLOR_MAP[color], [color]);
+  const [tickPositions, setTickPositions] = (0, import_react35.useState)([]);
+  const tickRef = (0, import_react35.useRef)([]);
+  const CustomTick = ({ x, y, payload }) => {
+    if (x !== void 0) {
+      tickRef.current.push(x);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      "text",
+      {
+        x,
+        y: y + 14,
+        textAnchor: "middle",
+        fontSize: 12,
+        fontWeight: 700,
+        fill: "currentColor",
+        className: "text-body-foreground",
+        children: payload.value
+      }
+    );
+  };
+  (0, import_react35.useEffect)(() => {
+    const raf = requestAnimationFrame(() => {
+      const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
+      const mids = [];
+      for (let i = 0; i < unique.length - 1; i++) {
+        mids.push((unique[i] + unique[i + 1]) / 2);
+      }
+      setTickPositions(mids);
+      tickRef.current = [];
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [areaData]);
   const CustomDotWithShadow = (props2) => {
     const { cx, cy, fill, stroke } = props2;
     if (cx === void 0 || cy === void 0) return null;
@@ -10641,7 +10668,7 @@ var AreaChartComponent = (0, import_react35.forwardRef)((originalProps, ref) =>
     ] });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.AreaChart, { data: areaData, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("linearGradient", { id: "colorGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
     ] }) }),
@@ -10652,7 +10679,7 @@ var AreaChartComponent = (0, import_react35.forwardRef)((originalProps, ref) =>
         horizontal: false,
         strokeDasharray: "3 3",
         className: "stroke-neutral-light",
-        verticalPoints: midPoints
+        verticalPoints: tickPositions
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -10661,25 +10688,7 @@ var AreaChartComponent = (0, import_react35.forwardRef)((originalProps, ref) =>
         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_runtime38.jsx)(
-            "text",
-            {
-              x,
-              y: y + 14,
-              textAnchor: "middle",
-              fontSize: 12,
-              fontWeight: 700,
-              fill: "currentColor",
-              className: "text-body-foreground",
-              children: payload.value
-            }
-          );
-        },
+        tick: CustomTick,
         padding: { left: 35.5, right: 35.5 }
       }
     ),
@@ -10706,7 +10715,7 @@ var AreaChartComponent = (0, import_react35.forwardRef)((originalProps, ref) =>
         dataKey: "value",
         stroke: colorHex,
         strokeWidth: 2,
-        fill: "url(#colorGradient)",
+        fill: `url(#colorGradient-${uniqueId})`,
         dot: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
         activeDot: { r: 7, fill: colorHex }
       }
@@ -10724,12 +10733,10 @@ var areaChartStyle = tv({
   variants: {
     color: {
       primary: {
-        color: ["text-primary-main"],
-        _colorValue: "#3F9CF2"
+        color: ["text-primary-main"]
       },
       danger: {
-        color: ["text-danger-main"],
-        _colorValue: "#FF4684"
+        color: ["text-danger-main"]
       }
     }
   },