@deepnoid/ui 0.1.46 → 0.1.48

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

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

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

@@ -4,7 +4,7 @@ import {
 } from "./chunk-2TKEWFGH.mjs";
 import {
   text_button_default
-} from "./chunk-WFMFC7R6.mjs";
+} from "./chunk-2PKM7SLZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

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

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

package/dist/{chunk-25QOEKXS.mjs → chunk-O6YBE7V3.mjs}

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

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

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

package/dist/{chunk-NHVIKP4H.mjs → chunk-RJ5AGYX2.mjs}

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

package/dist/{chunk-IBI3OVQI.mjs → chunk-RTJZEFLZ.mjs}

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

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

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

package/dist/{chunk-7Q64PDCF.mjs → chunk-VYLYF6G5.mjs}

@@ -1,24 +1,25 @@
 "use client";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/charts/areaCharts.tsx
-import { forwardRef, useMemo, useState, useRef, useLayoutEffect } from "react";
+import { forwardRef, useMemo, useState, useRef, useEffect, useId } from "react";
 import { AreaChart, Area, XAxis, YAxis, ResponsiveContainer, CartesianGrid } from "recharts";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var AreaChartComponent = forwardRef((originalProps, ref) => {
+  const uniqueId = useId();
   const [props, variantProps] = mapPropsVariants(originalProps, areaChartStyle.variantKeys);
-  const { areaData, color, classNames } = { ...props, ...variantProps };
+  const { areaData, color = "primary", classNames } = { ...props, ...variantProps };
   const slots = useMemo(() => areaChartStyle({ ...variantProps }), [variantProps]);
   const COLOR_MAP = {
     primary: "#3F9CF2",
     danger: "#FF4684"
   };
-  const colorHex = useMemo(() => COLOR_MAP[color || "primary"], [color]);
+  const colorHex = useMemo(() => COLOR_MAP[color], [color]);
   const [tickPositions, setTickPositions] = useState([]);
   const tickRef = useRef([]);
   const CustomTick = ({ x, y, payload }) => {
@@ -39,7 +40,7 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
       }
     );
   };
-  useLayoutEffect(() => {
+  useEffect(() => {
     const raf = requestAnimationFrame(() => {
       const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
       const mids = [];
@@ -60,7 +61,7 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
     ] });
   };
   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("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `colorGradient-${uniqueId}`, 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 })
     ] }) }),
@@ -107,7 +108,7 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
         dataKey: "value",
         stroke: colorHex,
         strokeWidth: 2,
-        fill: "url(#colorGradient)",
+        fill: `url(#colorGradient-${uniqueId})`,
         dot: /* @__PURE__ */ jsx(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
         activeDot: { r: 7, fill: colorHex }
       }

package/dist/{chunk-NLYGDZK3.mjs → chunk-XWBAGKP6.mjs}

@@ -2,15 +2,15 @@
 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/select/select.tsx
 import { forwardRef, useMemo, useState, useRef, useEffect } from "react";
@@ -25,13 +25,13 @@ var Select = forwardRef((originalProps, ref) => {
     helperMessage,
     errorMessage,
     classNames,
-    defaultSelectedOptions = [],
+    defaultSelectedOptions,
     onChange,
     multiple,
     ...inputProps
   } = props;
   const slots = useMemo(() => select({ ...variantProps }), [variantProps]);
-  const [selectedOptions, setSelectedOptions] = useState(defaultSelectedOptions);
+  const [selectedOptions, setSelectedOptions] = useState(defaultSelectedOptions || []);
   const [targetRect, setTargetRect] = useState(null);
   const [optionWrapperHeight, setOptionWrapperHeight] = useState(0);
   const [isVisible, setIsVisible] = useState(false);
@@ -114,7 +114,7 @@ var Select = forwardRef((originalProps, ref) => {
     }
   }, [originalProps.value, options]);
   useEffect(() => {
-    if (!isControlled) {
+    if (!isControlled && defaultSelectedOptions) {
       setSelectedOptions(defaultSelectedOptions);
     }
   }, [defaultSelectedOptions]);

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

@@ -4,19 +4,19 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-GH6CPGFN.mjs";
+} from "./chunk-R62HK726.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/components/backdrop/backdrop.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   backdrop_default
-} from "../../chunk-LL6F3WDX.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-P5QCU457.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.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-LL6F3WDX.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-P5QCU457.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.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-PXIVYA5G.mjs";
+} from "../../chunk-L2VA3ACH.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.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-WFMFC7R6.mjs";
+import "../../chunk-2PKM7SLZ.mjs";
 import "../../chunk-2SDYFOZL.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.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-PXIVYA5G.mjs";
+} from "../../chunk-L2VA3ACH.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.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-WFMFC7R6.mjs";
+import "../../chunk-2PKM7SLZ.mjs";
 import "../../chunk-2SDYFOZL.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.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-UB4YBFOT.mjs";
+} from "../../chunk-7J3KVOTS.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.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-7TAGGLNY.mjs";
+} from "../../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-2SDYFOZL.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   icon_button_default as default

package/dist/components/button/index.mjs

@@ -5,10 +5,10 @@ import {
 } from "../../chunk-LPZOH3RP.mjs";
 import {
   button_default
-} from "../../chunk-UB4YBFOT.mjs";
+} from "../../chunk-7J3KVOTS.mjs";
 import {
   icon_button_default
-} from "../../chunk-7TAGGLNY.mjs";
+} from "../../chunk-6K3E5BVO.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
@@ -16,11 +16,11 @@ import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import {
   text_button_default
-} from "../../chunk-WFMFC7R6.mjs";
+} from "../../chunk-2PKM7SLZ.mjs";
 import "../../chunk-2SDYFOZL.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.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-WFMFC7R6.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-2PKM7SLZ.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

@@ -350,14 +350,15 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
 // src/components/charts/areaCharts.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
+  const uniqueId = (0, import_react.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_react.useMemo)(() => areaChartStyle({ ...variantProps }), [variantProps]);
   const COLOR_MAP = {
     primary: "#3F9CF2",
     danger: "#FF4684"
   };
-  const colorHex = (0, import_react.useMemo)(() => COLOR_MAP[color || "primary"], [color]);
+  const colorHex = (0, import_react.useMemo)(() => COLOR_MAP[color], [color]);
   const [tickPositions, setTickPositions] = (0, import_react.useState)([]);
   const tickRef = (0, import_react.useRef)([]);
   const CustomTick = ({ x, y, payload }) => {
@@ -378,7 +379,7 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
       }
     );
   };
-  (0, import_react.useLayoutEffect)(() => {
+  (0, import_react.useEffect)(() => {
     const raf = requestAnimationFrame(() => {
       const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
       const mids = [];
@@ -399,7 +400,7 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
     ] });
   };
   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)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: `colorGradient-${uniqueId}`, 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 })
     ] }) }),
@@ -446,7 +447,7 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
         dataKey: "value",
         stroke: colorHex,
         strokeWidth: 2,
-        fill: "url(#colorGradient)",
+        fill: `url(#colorGradient-${uniqueId})`,
         dot: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
         activeDot: { r: 7, fill: colorHex }
       }

package/dist/components/charts/areaCharts.mjs

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

package/dist/components/charts/circularProgress.mjs

@@ -2,9 +2,9 @@
 "use client";
 import {
   circularProgress_default
-} from "../../chunk-IXHFLCAG.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-FEAPUDMZ.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   circularProgress_default as default

package/dist/components/charts/index.js

@@ -447,14 +447,15 @@ var import_react2 = require("react");
 var import_recharts2 = require("recharts");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var AreaChartComponent = (0, import_react2.forwardRef)((originalProps, ref) => {
+  const uniqueId = (0, import_react2.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_react2.useMemo)(() => areaChartStyle({ ...variantProps }), [variantProps]);
   const COLOR_MAP = {
     primary: "#3F9CF2",
     danger: "#FF4684"
   };
-  const colorHex = (0, import_react2.useMemo)(() => COLOR_MAP[color || "primary"], [color]);
+  const colorHex = (0, import_react2.useMemo)(() => COLOR_MAP[color], [color]);
   const [tickPositions, setTickPositions] = (0, import_react2.useState)([]);
   const tickRef = (0, import_react2.useRef)([]);
   const CustomTick = ({ x, y, payload }) => {
@@ -475,7 +476,7 @@ var AreaChartComponent = (0, import_react2.forwardRef)((originalProps, ref) => {
       }
     );
   };
-  (0, import_react2.useLayoutEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     const raf = requestAnimationFrame(() => {
       const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
       const mids = [];
@@ -496,7 +497,7 @@ var AreaChartComponent = (0, import_react2.forwardRef)((originalProps, ref) => {
     ] });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_recharts2.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_recharts2.AreaChart, { data: areaData, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("linearGradient", { id: "colorGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
     ] }) }),
@@ -543,7 +544,7 @@ var AreaChartComponent = (0, import_react2.forwardRef)((originalProps, ref) => {
         dataKey: "value",
         stroke: colorHex,
         strokeWidth: 2,
-        fill: "url(#colorGradient)",
+        fill: `url(#colorGradient-${uniqueId})`,
         dot: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
         activeDot: { r: 7, fill: colorHex }
       }

package/dist/components/charts/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-3YMMVZDL.mjs";
 import {
   areaCharts_default
-} from "../../chunk-7Q64PDCF.mjs";
+} from "../../chunk-VYLYF6G5.mjs";
 import {
   circularProgress_default
-} from "../../chunk-IXHFLCAG.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-FEAPUDMZ.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   areaCharts_default as AreaChart,

package/dist/components/checkbox/checkbox.mjs

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

package/dist/components/checkbox/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
-} from "../../chunk-D6QI3DJG.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-YLRYHUTW.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   checkbox_default as CheckBox

package/dist/components/chip/chip.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   chip_default
-} from "../../chunk-WLNLVX7Q.mjs";
+} from "../../chunk-Y6XQTWB5.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   chip_default as default

package/dist/components/chip/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-MGEWSREV.mjs";
 import {
   chip_default
-} from "../../chunk-WLNLVX7Q.mjs";
+} from "../../chunk-Y6XQTWB5.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   chip_default as Chip

package/dist/components/dateTimePicker/calendar.mjs

@@ -2,13 +2,13 @@
 import {
   calendarStyle,
   calendar_default
-} from "../../chunk-A7RU3FU5.mjs";
+} from "../../chunk-X6D7C7QZ.mjs";
 import "../../chunk-P732YGHO.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   calendarStyle,