@deepnoid/ui 0.1.210 → 0.1.212

package/dist/components/pagination/index.js

@@ -2061,6 +2061,70 @@ var template = {
       }
     );
   },
+  tag: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M3.30357 11.6448L6.70107 15.0423C8.09607 16.4373 10.3611 16.4373 11.7636 15.0423L15.0561 11.7498C16.4511 10.3548 16.4511 8.08978 15.0561 6.68728L11.6511 3.29728C10.9386 2.58478 9.95607 2.20228 8.95107 2.25478L5.20107 2.43478C3.70107 2.50228 2.50857 3.69478 2.43357 5.18728L2.25357 8.93727C2.20857 9.94977 2.59107 10.9323 3.30357 11.6448Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M7.30107 9.1698C8.33661 9.1698 9.17607 8.33033 9.17607 7.2948C9.17607 6.25927 8.33661 5.4198 7.30107 5.4198C6.26554 5.4198 5.42607 6.25927 5.42607 7.2948C5.42607 8.33033 6.26554 9.1698 7.30107 9.1698Z",
+              stroke: "currentColor",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M9.92607 12.9198L12.9261 9.9198",
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
+  "check-page": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "13",
+        height: "16",
+        viewBox: "0 0 13 16",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M4.71875 0.5H1.34375C0.878 0.5 0.5 0.878 0.5 1.34375V14.2812C0.5 14.747 0.878 15.125 1.34375 15.125H10.9062C11.372 15.125 11.75 14.747 11.75 14.2812V7.53125M4.71875 0.5H5C6.79021 0.5 8.5071 1.21116 9.77297 2.47703C11.0388 3.7429 11.75 5.45979 11.75 7.25V7.53125M4.71875 0.5C5.39008 0.5 6.03391 0.766685 6.50861 1.24139C6.98332 1.71609 7.25 2.35992 7.25 3.03125V4.15625C7.25 4.622 7.628 5 8.09375 5H9.21875C9.89008 5 10.5339 5.26668 11.0086 5.74139C11.4833 6.21609 11.75 6.85992 11.75 7.53125M3.875 10.0625L5.5625 11.75L8.375 7.8125",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   "plus-circle": ({ className, fill }) => {
@@ -2832,28 +2896,6 @@ var template = {
       }
     );
   },
-  tag: ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M5.25 8.25H20.25M3.75 15.75H18.75M16.95 2.25L13.05 21.75M10.95 2.25L7.05 21.75",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   clip: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",

package/dist/components/pagination/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-VVCSY7DG.mjs";
+} from "../../chunk-X2PWUNRX.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-3RTVVQA3.mjs";
+import "../../chunk-LYJFK5OA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-YEYUS6DW.mjs";
+import "../../chunk-RQUD4MZO.mjs";
+import "../../chunk-AVFQY5QP.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-5BT37SLM.mjs";
 import "../../chunk-U4DJHAM5.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as Pagination

package/dist/components/pagination/pagination.js

@@ -2059,6 +2059,70 @@ var template = {
       }
     );
   },
+  tag: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M3.30357 11.6448L6.70107 15.0423C8.09607 16.4373 10.3611 16.4373 11.7636 15.0423L15.0561 11.7498C16.4511 10.3548 16.4511 8.08978 15.0561 6.68728L11.6511 3.29728C10.9386 2.58478 9.95607 2.20228 8.95107 2.25478L5.20107 2.43478C3.70107 2.50228 2.50857 3.69478 2.43357 5.18728L2.25357 8.93727C2.20857 9.94977 2.59107 10.9323 3.30357 11.6448Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M7.30107 9.1698C8.33661 9.1698 9.17607 8.33033 9.17607 7.2948C9.17607 6.25927 8.33661 5.4198 7.30107 5.4198C6.26554 5.4198 5.42607 6.25927 5.42607 7.2948C5.42607 8.33033 6.26554 9.1698 7.30107 9.1698Z",
+              stroke: "currentColor",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M9.92607 12.9198L12.9261 9.9198",
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
+  "check-page": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "13",
+        height: "16",
+        viewBox: "0 0 13 16",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M4.71875 0.5H1.34375C0.878 0.5 0.5 0.878 0.5 1.34375V14.2812C0.5 14.747 0.878 15.125 1.34375 15.125H10.9062C11.372 15.125 11.75 14.747 11.75 14.2812V7.53125M4.71875 0.5H5C6.79021 0.5 8.5071 1.21116 9.77297 2.47703C11.0388 3.7429 11.75 5.45979 11.75 7.25V7.53125M4.71875 0.5C5.39008 0.5 6.03391 0.766685 6.50861 1.24139C6.98332 1.71609 7.25 2.35992 7.25 3.03125V4.15625C7.25 4.622 7.628 5 8.09375 5H9.21875C9.89008 5 10.5339 5.26668 11.0086 5.74139C11.4833 6.21609 11.75 6.85992 11.75 7.53125M3.875 10.0625L5.5625 11.75L8.375 7.8125",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   "plus-circle": ({ className, fill }) => {
@@ -2830,28 +2894,6 @@ var template = {
       }
     );
   },
-  tag: ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M5.25 8.25H20.25M3.75 15.75H18.75M16.95 2.25L13.05 21.75M10.95 2.25L7.05 21.75",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   clip: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",

package/dist/components/pagination/pagination.mjs

@@ -1,16 +1,16 @@
 "use client";
 import {
   pagination_default
-} from "../../chunk-VVCSY7DG.mjs";
+} from "../../chunk-X2PWUNRX.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-3RTVVQA3.mjs";
+import "../../chunk-LYJFK5OA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-YEYUS6DW.mjs";
+import "../../chunk-RQUD4MZO.mjs";
+import "../../chunk-AVFQY5QP.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-5BT37SLM.mjs";
 import "../../chunk-U4DJHAM5.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as default

package/dist/components/picker/datePicker.js

@@ -2033,6 +2033,70 @@ var template = {
       }
     );
   },
+  tag: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M3.30357 11.6448L6.70107 15.0423C8.09607 16.4373 10.3611 16.4373 11.7636 15.0423L15.0561 11.7498C16.4511 10.3548 16.4511 8.08978 15.0561 6.68728L11.6511 3.29728C10.9386 2.58478 9.95607 2.20228 8.95107 2.25478L5.20107 2.43478C3.70107 2.50228 2.50857 3.69478 2.43357 5.18728L2.25357 8.93727C2.20857 9.94977 2.59107 10.9323 3.30357 11.6448Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M7.30107 9.1698C8.33661 9.1698 9.17607 8.33033 9.17607 7.2948C9.17607 6.25927 8.33661 5.4198 7.30107 5.4198C6.26554 5.4198 5.42607 6.25927 5.42607 7.2948C5.42607 8.33033 6.26554 9.1698 7.30107 9.1698Z",
+              stroke: "currentColor",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M9.92607 12.9198L12.9261 9.9198",
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
+  "check-page": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "13",
+        height: "16",
+        viewBox: "0 0 13 16",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M4.71875 0.5H1.34375C0.878 0.5 0.5 0.878 0.5 1.34375V14.2812C0.5 14.747 0.878 15.125 1.34375 15.125H10.9062C11.372 15.125 11.75 14.747 11.75 14.2812V7.53125M4.71875 0.5H5C6.79021 0.5 8.5071 1.21116 9.77297 2.47703C11.0388 3.7429 11.75 5.45979 11.75 7.25V7.53125M4.71875 0.5C5.39008 0.5 6.03391 0.766685 6.50861 1.24139C6.98332 1.71609 7.25 2.35992 7.25 3.03125V4.15625C7.25 4.622 7.628 5 8.09375 5H9.21875C9.89008 5 10.5339 5.26668 11.0086 5.74139C11.4833 6.21609 11.75 6.85992 11.75 7.53125M3.875 10.0625L5.5625 11.75L8.375 7.8125",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   "plus-circle": ({ className, fill }) => {
@@ -2804,28 +2868,6 @@ var template = {
       }
     );
   },
-  tag: ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M5.25 8.25H20.25M3.75 15.75H18.75M16.95 2.25L13.05 21.75M10.95 2.25L7.05 21.75",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   clip: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",

package/dist/components/picker/datePicker.mjs

@@ -2,25 +2,25 @@
 import {
   datePickerStyle,
   datePicker_default
-} from "../../chunk-JPNMYMDN.mjs";
+} from "../../chunk-C3XY6N6I.mjs";
 import "../../chunk-XZYQFBCT.mjs";
 import "../../chunk-3IBJXQTJ.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-3RTVVQA3.mjs";
+import "../../chunk-LYJFK5OA.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-4LUASWAN.mjs";
+import "../../chunk-NDNIAALB.mjs";
 import "../../chunk-5VTYO3RF.mjs";
-import "../../chunk-FFUZAOFL.mjs";
-import "../../chunk-TB2DOWSM.mjs";
+import "../../chunk-5J2ODTGJ.mjs";
+import "../../chunk-VUQETREE.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-YEYUS6DW.mjs";
+import "../../chunk-RQUD4MZO.mjs";
+import "../../chunk-AVFQY5QP.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-5BT37SLM.mjs";
 import "../../chunk-U4DJHAM5.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   datePickerStyle,

package/dist/components/picker/index.js

@@ -2080,6 +2080,70 @@ var template = {
       }
     );
   },
+  tag: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              d: "M3.30357 11.6448L6.70107 15.0423C8.09607 16.4373 10.3611 16.4373 11.7636 15.0423L15.0561 11.7498C16.4511 10.3548 16.4511 8.08978 15.0561 6.68728L11.6511 3.29728C10.9386 2.58478 9.95607 2.20228 8.95107 2.25478L5.20107 2.43478C3.70107 2.50228 2.50857 3.69478 2.43357 5.18728L2.25357 8.93727C2.20857 9.94977 2.59107 10.9323 3.30357 11.6448Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              d: "M7.30107 9.1698C8.33661 9.1698 9.17607 8.33033 9.17607 7.2948C9.17607 6.25927 8.33661 5.4198 7.30107 5.4198C6.26554 5.4198 5.42607 6.25927 5.42607 7.2948C5.42607 8.33033 6.26554 9.1698 7.30107 9.1698Z",
+              stroke: "currentColor",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              d: "M9.92607 12.9198L12.9261 9.9198",
+              stroke: "currentColor",
+              strokeMiterlimit: "10",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
+  "check-page": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "13",
+        height: "16",
+        viewBox: "0 0 13 16",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "path",
+          {
+            d: "M4.71875 0.5H1.34375C0.878 0.5 0.5 0.878 0.5 1.34375V14.2812C0.5 14.747 0.878 15.125 1.34375 15.125H10.9062C11.372 15.125 11.75 14.747 11.75 14.2812V7.53125M4.71875 0.5H5C6.79021 0.5 8.5071 1.21116 9.77297 2.47703C11.0388 3.7429 11.75 5.45979 11.75 7.25V7.53125M4.71875 0.5C5.39008 0.5 6.03391 0.766685 6.50861 1.24139C6.98332 1.71609 7.25 2.35992 7.25 3.03125V4.15625C7.25 4.622 7.628 5 8.09375 5H9.21875C9.89008 5 10.5339 5.26668 11.0086 5.74139C11.4833 6.21609 11.75 6.85992 11.75 7.53125M3.875 10.0625L5.5625 11.75L8.375 7.8125",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   "plus-circle": ({ className, fill }) => {
@@ -2851,28 +2915,6 @@ var template = {
       }
     );
   },
-  tag: ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "path",
-          {
-            d: "M5.25 8.25H20.25M3.75 15.75H18.75M16.95 2.25L13.05 21.75M10.95 2.25L7.05 21.75",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   clip: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "svg",
@@ -7209,69 +7251,51 @@ var ITEM_HEIGHT = 30;
 var ACTIVE_HEIGHT = 34;
 function WheelColumn({ list, value, onChange }) {
   const ref = (0, import_react8.useRef)(null);
-  const internalChangeRef = (0, import_react8.useRef)(false);
-  const [currentIndex, setCurrentIndex] = (0, import_react8.useState)(0);
-  const scrollToIndex = (index, behavior = "smooth") => {
-    if (!ref.current) return;
-    const diff = ACTIVE_HEIGHT - ITEM_HEIGHT;
-    let centerOffset = index > 0 && behavior === "auto" ? diff : 0;
-    if (behavior === "auto" && (currentIndex !== 0 || index === 1)) centerOffset -= 4;
-    const top = index * ITEM_HEIGHT + centerOffset;
-    ref.current.scrollTo({ top, behavior });
-  };
+  const idx = list.indexOf(value);
   const finalizeScroll = (index) => {
-    internalChangeRef.current = true;
     const v = list[index];
-    setCurrentIndex(index);
-    scrollToIndex(index, "smooth");
     if (v) onChange(v);
   };
   const handleClick = (index) => finalizeScroll(index);
-  (0, import_react8.useEffect)(() => {
-    if (!ref.current || !value) return;
-    const idx = list.indexOf(value);
-    if (idx < 0) return;
-    if (internalChangeRef.current) {
-      internalChangeRef.current = false;
-      return;
-    }
-    setCurrentIndex(idx);
-    scrollToIndex(idx, "auto");
-  }, [value]);
   (0, import_react8.useEffect)(() => {
     const el = ref.current;
-    if (!el) return;
+    if (!el || idx < 0) return;
     const handleWheel = (e) => {
       e.preventDefault();
-      let newIndex = currentIndex;
+      let newIndex = idx;
       if (e.deltaY > 0) {
-        newIndex = Math.min(currentIndex + 1, list.length - 1);
+        newIndex = Math.min(idx + 1, list.length - 1);
       } else if (e.deltaY < 0) {
-        newIndex = Math.max(currentIndex - 1, 0);
+        newIndex = Math.max(idx - 1, 0);
       }
       finalizeScroll(newIndex);
     };
     el.addEventListener("wheel", handleWheel, { passive: false });
     return () => el.removeEventListener("wheel", handleWheel);
-  }, [currentIndex, list, onChange]);
+  }, [idx, list, onChange]);
+  (0, import_react8.useEffect)(() => {
+    const el = ref.current;
+    if (!el || idx < 0) return;
+    el.scrollTo({ top: idx * ITEM_HEIGHT });
+  }, [idx]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative h-[94px] w-[40px]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "pointer-events-none absolute left-1/2 top-[30px] h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--dn-primary-light)]" }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref, className: "scrollbar-none relative h-full select-none overflow-y-scroll py-[0]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { height: ITEM_HEIGHT } }),
       list.map((v, i) => {
-        const isActive = i === currentIndex;
+        const highlight = i === idx;
         return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "div",
           {
             onClick: () => handleClick(i),
-            className: `flex items-center justify-center text-sm font-bold transition-all ${isActive ? "text-body-foreground" : "text-neutral-light"}`,
-            style: { height: isActive ? ACTIVE_HEIGHT : ITEM_HEIGHT },
+            className: `flex items-center justify-center text-sm font-bold ${highlight ? "text-body-foreground" : "text-neutral-light"}`,
+            style: { height: highlight ? ACTIVE_HEIGHT : ITEM_HEIGHT },
             children: v
           },
           i
         );
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { height: list.length >= 3 ? ITEM_HEIGHT + 4 : ITEM_HEIGHT } })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { height: ITEM_HEIGHT + 4 } })
     ] })
   ] });
 }

package/dist/components/picker/index.mjs

@@ -2,32 +2,32 @@
 import "../../chunk-4VWG4726.mjs";
 import {
   timePicker_default
-} from "../../chunk-CELXDJP2.mjs";
-import "../../chunk-GNT7VXXE.mjs";
-import "../../chunk-D6BMDE2K.mjs";
+} from "../../chunk-VLKV37OZ.mjs";
+import "../../chunk-FZYZSMSS.mjs";
+import "../../chunk-RKHH3CUS.mjs";
 import {
   datePicker_default
-} from "../../chunk-JPNMYMDN.mjs";
+} from "../../chunk-C3XY6N6I.mjs";
 import {
   day_default
 } from "../../chunk-XZYQFBCT.mjs";
 import "../../chunk-3IBJXQTJ.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-3RTVVQA3.mjs";
+import "../../chunk-LYJFK5OA.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-4LUASWAN.mjs";
+import "../../chunk-NDNIAALB.mjs";
 import "../../chunk-5VTYO3RF.mjs";
-import "../../chunk-FFUZAOFL.mjs";
-import "../../chunk-TB2DOWSM.mjs";
+import "../../chunk-5J2ODTGJ.mjs";
+import "../../chunk-VUQETREE.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-YEYUS6DW.mjs";
+import "../../chunk-RQUD4MZO.mjs";
+import "../../chunk-AVFQY5QP.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-5BT37SLM.mjs";
 import "../../chunk-U4DJHAM5.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   datePicker_default as DatePicker,