@deepnoid/ui 0.1.113 → 0.1.115

package/dist/components/charts/index.js

@@ -386,8 +386,30 @@ var CircularProgress = (0, import_react.forwardRef)((originalProps, ref) => {
     }
   ];
   const BAR_SIZE = 24;
-  const OUTER_RADIUS = 75;
+  const STROKE_WIDTH = 1;
+  const BORDER_MARGIN = 5;
+  const CONTAINER_PADDING = BORDER_MARGIN + STROKE_WIDTH + 1;
+  const OUTER_RADIUS = (size - CONTAINER_PADDING * 2) / 2;
   const INNER_RADIUS = OUTER_RADIUS - BAR_SIZE;
+  const BACKGROUND_RADIUS = (INNER_RADIUS + OUTER_RADIUS) / 2;
+  const gradientId = `gradient-${Math.random().toString(36).slice(2)}`;
+  const gradientColors = {
+    blue: {
+      start: "#DEC1FA",
+      end: "#3F9CF2"
+    },
+    green: {
+      start: "#C2E59C",
+      end: "#64B3F4"
+    },
+    pink: {
+      start: "#DDD6F3",
+      end: "#FAACA8"
+    }
+  };
+  const colorValue = originalProps.color;
+  const colorKey = colorValue || "blue";
+  const currentGradient = gradientColors[colorKey];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -395,40 +417,48 @@ var CircularProgress = (0, import_react.forwardRef)((originalProps, ref) => {
         {
           width: size,
           height: size,
-          innerRadius: INNER_RADIUS,
+          innerRadius: INNER_RADIUS - 0.1,
           outerRadius: OUTER_RADIUS,
           barSize: BAR_SIZE,
           data,
           startAngle: 90,
           endAngle: -270,
           children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: currentGradient.start }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: currentGradient.end })
+            ] }) }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "circle",
               {
                 cx: size / 2,
                 cy: size / 2,
-                r: OUTER_RADIUS,
-                className: slots.background({ class: classNames == null ? void 0 : classNames.background }),
-                fill: "currentColor"
+                r: OUTER_RADIUS + BORDER_MARGIN,
+                fill: "none",
+                stroke: "#DFE2E7",
+                strokeWidth: "1"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.PolarAngleAxis, { type: "number", domain: [0, 100], angleAxisId: 0, tick: false }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_recharts.RadialBar,
+              "circle",
               {
-                dataKey: "value",
-                cornerRadius: 12,
-                animationDuration: 1e3,
-                className: slots.progress({ class: classNames == null ? void 0 : classNames.progress })
+                cx: size / 2,
+                cy: size / 2,
+                r: BACKGROUND_RADIUS,
+                fill: "none",
+                stroke: "rgba(0, 0, 0, 0.05)",
+                strokeWidth: BAR_SIZE
               }
-            )
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.PolarAngleAxis, { type: "number", domain: [0, 100], angleAxisId: 0, tick: false }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.RadialBar, { dataKey: "value", cornerRadius: 12, animationDuration: 1e3, fill: `url(#${gradientId})` })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: slots.text({ class: classNames == null ? void 0 : classNames.text }), children: [
-        percentage,
-        unit
-      ] }) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute inset-0 flex items-center justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.percentage({ class: classNames == null ? void 0 : classNames.percentage }), children: percentage }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.unit({ class: classNames == null ? void 0 : classNames.unit }), children: unit })
+      ] })
     ] }),
     label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label })
   ] });
@@ -438,32 +468,27 @@ var circularProgress_default = CircularProgress;
 var circularProgressStyle = tv({
   slots: {
     base: ["flex", "flex-col", "items-center", "gap-[20px]"],
-    background: [],
+    background: ["fill-body-background", "border-neutral-light"],
     progress: ["transition-all", "duration-1000 ease-out"],
-    text: ["text-xl", "font-bold"],
+    percentage: ["text-xl", "font-bold", "text-body-foreground"],
+    unit: ["text-md", "font-bold", "text-body-foreground"],
     label: ["text-md", "font-bold", "text-left", "text-body-foreground"]
   },
   variants: {
     color: {
-      primary: {
-        background: ["fill-primary-soft"],
-        progress: ["fill-primary-main"],
-        text: ["text-primary-dark"]
+      blue: {
+        progress: ["fill-blue-main"]
       },
-      secondary: {
-        background: ["fill-secondary-soft"],
-        progress: ["fill-secondary-main"],
-        text: ["text-secondary-dark"]
+      green: {
+        progress: ["fill-green-main"]
       },
-      warning: {
-        background: ["fill-warning-soft"],
-        progress: ["fill-warning-main"],
-        text: ["text-warning-dark"]
+      pink: {
+        progress: ["fill-pink-main"]
       }
     }
   },
   defaultVariants: {
-    color: "primary"
+    color: "blue"
   }
 });
 
@@ -613,8 +638,8 @@ var BarChartComponent = (0, import_react3.forwardRef)((originalProps, ref) => {
   const slots = (0, import_react3.useMemo)(() => barChartStyle({ ...variantProps }), [variantProps]);
   const COLOR_MAP = {
     primary: "#C7E5FA",
-    secondary: "#DEC1FA",
-    warning: "#F9C967"
+    secondary: "#92DCB2",
+    warning: "#DEC1FA"
   };
   const [tickPositions, setTickPositions] = (0, import_react3.useState)([]);
   const tickRef = (0, import_react3.useRef)([]);
@@ -665,54 +690,64 @@ var BarChartComponent = (0, import_react3.forwardRef)((originalProps, ref) => {
   }, [data]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_recharts3.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_recharts3.BarChart, { data, margin: { left: -30 }, barSize: 20, barGap: 10, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_recharts3.CartesianGrid,
-        {
-          vertical: true,
-          horizontal: false,
-          strokeDasharray: "3 3",
-          className: "stroke-neutral-light",
-          verticalPoints: tickPositions
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_recharts3.XAxis,
-        {
-          dataKey: "name",
-          axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-          tickLine: false,
-          tick: CustomTick,
-          padding: { left: 32, right: 32 }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_recharts3.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: [-6, 110]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_recharts3.Bar, { dataKey: "avg", fill: COLOR_MAP.primary, width: 20, shape: CustomBarShape }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_recharts3.Bar, { dataKey: "high", fill: COLOR_MAP.secondary, width: 20, shape: CustomBarShape }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_recharts3.Bar, { dataKey: "low", fill: COLOR_MAP.warning, width: 20, shape: CustomBarShape })
-    ] }) })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_recharts3.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      import_recharts3.BarChart,
+      {
+        data,
+        margin: { left: -30 },
+        barSize: 20,
+        barGap: 10,
+        className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_recharts3.CartesianGrid,
+            {
+              vertical: true,
+              horizontal: false,
+              strokeDasharray: "3 3",
+              className: "stroke-neutral-light",
+              verticalPoints: tickPositions
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_recharts3.XAxis,
+            {
+              dataKey: "name",
+              axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+              tickLine: false,
+              tick: CustomTick,
+              padding: { left: 32, right: 32 }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_recharts3.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: [-6, 110]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_recharts3.Bar, { dataKey: "avg", fill: COLOR_MAP.primary, width: 20, shape: CustomBarShape }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_recharts3.Bar, { dataKey: "high", fill: COLOR_MAP.secondary, width: 20, shape: CustomBarShape }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_recharts3.Bar, { dataKey: "low", fill: COLOR_MAP.warning, width: 20, shape: CustomBarShape })
+        ]
+      }
+    ) })
   ] });
 });
 BarChartComponent.displayName = "barChart";
 var barChart_default = BarChartComponent;
 var barChartStyle = tv({
   slots: {
-    base: ["flex", "flex-col", "gap-[10px]"],
+    base: ["flex", "flex-col", "gap-[10px]", "select-none"],
     label: ["text-md", "font-bold", "text-body-foreground"]
   },
   variants: {},

package/dist/components/charts/index.mjs

@@ -5,10 +5,10 @@ import {
 } from "../../chunk-WIZDHK4O.mjs";
 import {
   barChart_default
-} from "../../chunk-GAZ472ZU.mjs";
+} from "../../chunk-CF7LIQF6.mjs";
 import {
   circularProgress_default
-} from "../../chunk-ZWLRSZTC.mjs";
+} from "../../chunk-KIN2UK2C.mjs";
 import {
   radarChart_default
 } from "../../chunk-63KZGR73.mjs";

package/dist/components/checkbox/checkbox.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   checkbox_default
-} from "../../chunk-TMI3QBKD.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-H6JGLPPF.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.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-TMI3QBKD.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-H6JGLPPF.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   checkbox_default as CheckBox

package/dist/components/chip/chip.mjs

@@ -4,8 +4,8 @@ import {
 } from "../../chunk-BKYNB52Z.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
-import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/chip/index.mjs

@@ -5,8 +5,8 @@ import {
 } from "../../chunk-BKYNB52Z.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
-import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/drawer/drawer.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   drawer_default
-} from "../../chunk-NO6RDCY7.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-S7Y7XUBL.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   drawer_default as default

package/dist/components/drawer/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-32GA3YW4.mjs";
 import {
   drawer_default
-} from "../../chunk-NO6RDCY7.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-S7Y7XUBL.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   drawer_default as Drawer

package/dist/components/fileUpload/fileUpload.js

@@ -5493,7 +5493,7 @@ function useRipple(props = {}) {
   const [ripples, setRipples] = (0, import_react2.useState)([]);
   const getUniqueID = (key) => `${key}-${Math.random().toString(36).substr(2, 9)}`;
   const onPress = (0, import_react2.useCallback)((event) => {
-    const trigger = event.target;
+    const trigger = event.currentTarget;
     const rect = trigger.getBoundingClientRect();
     const size = Math.max(trigger.clientWidth, trigger.clientHeight);
     setRipples((prevRipples) => [

package/dist/components/fileUpload/fileUpload.mjs

@@ -3,26 +3,26 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-I7QMOYZO.mjs";
+} from "../../chunk-NEBMBSKV.mjs";
 import "../../chunk-7VOQKIIK.mjs";
-import "../../chunk-AZ5SQYZE.mjs";
+import "../../chunk-2CLPU5LR.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-PYCIG6N3.mjs";
+import "../../chunk-L3WKBOWY.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-XHSTRFLS.mjs";
+import "../../chunk-Q364C3FI.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-4NVZMJGS.mjs";
-import "../../chunk-2PZRTIRD.mjs";
+import "../../chunk-AX3FVJMY.mjs";
+import "../../chunk-WKMBRUGX.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
-import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDJ2EU3P.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-3V4HT2K5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   FileUpload,

package/dist/components/fileUpload/index.js

@@ -5493,7 +5493,7 @@ function useRipple(props = {}) {
   const [ripples, setRipples] = (0, import_react2.useState)([]);
   const getUniqueID = (key) => `${key}-${Math.random().toString(36).substr(2, 9)}`;
   const onPress = (0, import_react2.useCallback)((event) => {
-    const trigger = event.target;
+    const trigger = event.currentTarget;
     const rect = trigger.getBoundingClientRect();
     const size = Math.max(trigger.clientWidth, trigger.clientHeight);
     setRipples((prevRipples) => [

package/dist/components/fileUpload/index.mjs

@@ -2,26 +2,26 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-I7QMOYZO.mjs";
+} from "../../chunk-NEBMBSKV.mjs";
 import "../../chunk-7VOQKIIK.mjs";
-import "../../chunk-AZ5SQYZE.mjs";
+import "../../chunk-2CLPU5LR.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-PYCIG6N3.mjs";
+import "../../chunk-L3WKBOWY.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-XHSTRFLS.mjs";
+import "../../chunk-Q364C3FI.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-4NVZMJGS.mjs";
-import "../../chunk-2PZRTIRD.mjs";
+import "../../chunk-AX3FVJMY.mjs";
+import "../../chunk-WKMBRUGX.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
-import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDJ2EU3P.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-3V4HT2K5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   fileUpload_default as FileUpload

package/dist/components/input/index.mjs

@@ -2,13 +2,13 @@
 import "../../chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "../../chunk-PYCIG6N3.mjs";
+} from "../../chunk-L3WKBOWY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
-import "../../chunk-DDJ2EU3P.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   input_default as Input

package/dist/components/input/input.mjs

@@ -2,13 +2,13 @@
 import {
   inputStyle,
   input_default
-} from "../../chunk-PYCIG6N3.mjs";
+} from "../../chunk-L3WKBOWY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
-import "../../chunk-DDJ2EU3P.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   input_default as default,

package/dist/components/list/index.mjs

@@ -5,12 +5,12 @@ import {
 } from "../../chunk-3IILPVRA.mjs";
 import {
   listItem_default
-} from "../../chunk-OMVVASRP.mjs";
+} from "../../chunk-BFZ6OTVA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-MLD6EZAE.mjs";
 import "../../chunk-DDJ2EU3P.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/list/listItem.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   listItem_default
-} from "../../chunk-OMVVASRP.mjs";
+} from "../../chunk-BFZ6OTVA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-MLD6EZAE.mjs";
 import "../../chunk-DDJ2EU3P.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/modal/index.js

@@ -5062,7 +5062,7 @@ function useRipple(props = {}) {
   const [ripples, setRipples] = (0, import_react.useState)([]);
   const getUniqueID = (key) => `${key}-${Math.random().toString(36).substr(2, 9)}`;
   const onPress = (0, import_react.useCallback)((event) => {
-    const trigger = event.target;
+    const trigger = event.currentTarget;
     const rect = trigger.getBoundingClientRect();
     const size = Math.max(trigger.clientWidth, trigger.clientHeight);
     setRipples((prevRipples) => [

package/dist/components/modal/index.mjs

@@ -2,23 +2,23 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-3ER5WNGC.mjs";
+} from "../../chunk-CEMBGO4V.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-NUELPELQ.mjs";
+import "../../chunk-AF4I7ZQS.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-XHSTRFLS.mjs";
+import "../../chunk-Q364C3FI.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-4NVZMJGS.mjs";
-import "../../chunk-2PZRTIRD.mjs";
+import "../../chunk-AX3FVJMY.mjs";
+import "../../chunk-WKMBRUGX.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
-import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
-import "../../chunk-DDJ2EU3P.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   modal_default as Modal

package/dist/components/modal/modal.js

@@ -5060,7 +5060,7 @@ function useRipple(props = {}) {
   const [ripples, setRipples] = (0, import_react.useState)([]);
   const getUniqueID = (key) => `${key}-${Math.random().toString(36).substr(2, 9)}`;
   const onPress = (0, import_react.useCallback)((event) => {
-    const trigger = event.target;
+    const trigger = event.currentTarget;
     const rect = trigger.getBoundingClientRect();
     const size = Math.max(trigger.clientWidth, trigger.clientHeight);
     setRipples((prevRipples) => [

package/dist/components/modal/modal.mjs

@@ -1,23 +1,23 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-3ER5WNGC.mjs";
+} from "../../chunk-CEMBGO4V.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-NUELPELQ.mjs";
+import "../../chunk-AF4I7ZQS.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-XHSTRFLS.mjs";
+import "../../chunk-Q364C3FI.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-4NVZMJGS.mjs";
-import "../../chunk-2PZRTIRD.mjs";
+import "../../chunk-AX3FVJMY.mjs";
+import "../../chunk-WKMBRUGX.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
-import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
-import "../../chunk-DDJ2EU3P.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.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-TLOKYBIC.mjs";
+} from "../../chunk-UNYKQTEP.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-PYCIG6N3.mjs";
+import "../../chunk-L3WKBOWY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
-import "../../chunk-DDJ2EU3P.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.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-TLOKYBIC.mjs";
+} from "../../chunk-UNYKQTEP.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-PYCIG6N3.mjs";
+import "../../chunk-L3WKBOWY.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-FU4CDBVG.mjs";
-import "../../chunk-DDJ2EU3P.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-DDJ2EU3P.mjs";
 import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as default,