lkd-web-kit 0.7.31 → 0.8.0

package/dist/components/MyNotifications/index.cjs

@@ -10,6 +10,7 @@ const MyNotifications = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   notifications.Notifications,
   {
     position: "top-center",
+    pauseResetOnHover: "notification",
     ...props
   }
 );

package/dist/components/MyNotifications/index.js

@@ -6,6 +6,7 @@ const MyNotifications = (props) => /* @__PURE__ */ jsx(
   Notifications,
   {
     position: "top-center",
+    pauseResetOnHover: "notification",
     ...props
   }
 );

package/dist/form/base/FormMultiSelect.cjs

@@ -6,12 +6,6 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyMultiSelect/index.cjs');
 const withController = require('../../hocs/withController.cjs');
 
-const FormMultiSelect = withController.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  index.MyMultiSelect,
-  {
-    ...field,
-    ...props
-  }
-));
+const FormMultiSelect = withController.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(index.MyMultiSelect, { ...field, ...props }));
 
 exports.FormMultiSelect = FormMultiSelect;

package/dist/form/base/FormMultiSelect.js

@@ -2,12 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import { MyMultiSelect } from '../../components/MyMultiSelect/index.js';
 import { withController } from '../../hocs/withController.js';
 
-const FormMultiSelect = withController(({ field, props }) => /* @__PURE__ */ jsx(
-  MyMultiSelect,
-  {
-    ...field,
-    ...props
-  }
-));
+const FormMultiSelect = withController(({ field, props }) => /* @__PURE__ */ jsx(MyMultiSelect, { ...field, ...props }));
 
 export { FormMultiSelect };

package/dist/form/base/FormNumberInput.cjs

@@ -6,12 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyNumberInput/index.cjs');
 const withController = require('../../hocs/withController.cjs');
 
-const FormNumberInput = withController.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  index.MyNumberInput,
-  {
-    ...field,
-    ...props
-  }
-));
+const FormNumberInput = withController.withController(
+  ({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(index.MyNumberInput, { ...field, ...props })
+);
 
 exports.FormNumberInput = FormNumberInput;

package/dist/form/base/FormNumberInput.js

@@ -2,12 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import { MyNumberInput } from '../../components/MyNumberInput/index.js';
 import { withController } from '../../hocs/withController.js';
 
-const FormNumberInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
-  MyNumberInput,
-  {
-    ...field,
-    ...props
-  }
-));
+const FormNumberInput = withController(
+  ({ field, props }) => /* @__PURE__ */ jsx(MyNumberInput, { ...field, ...props })
+);
 
 export { FormNumberInput };

package/dist/index.d.ts

@@ -113,7 +113,7 @@ export declare const Form: <T extends FieldValues, TContext = any, TT extends T
 export declare function formatBytes(bytes: number, decimals?: number): string;
 
 export declare const FormCheckbox: FC<CheckboxProps & WithControllerProps & {
-onValueChange?: ChangeEventHandler<HTMLInputElement> | undefined;
+onValueChange?: ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
 }>;
 
 export declare const FormCheckboxGroup: FC<MyCheckboxGroupProps & WithControllerProps & {
@@ -168,9 +168,7 @@ onValueChange?: ((value: string[]) => void) | undefined;
 
 export declare type FormMultiSelectProps = MyMultiSelectProps & WithControllerProps;
 
-export declare const FormNumberInput: FC<MyNumberInputProps & WithControllerProps & {
-onValueChange?: ((value: number | string) => void) | undefined;
-}>;
+export declare const FormNumberInput: default_2.FC<FormNumberInputProps>;
 
 export declare type FormNumberInputProps = MyNumberInputProps & WithControllerProps;
 
@@ -187,7 +185,7 @@ onValueChange?: ((value: string) => void) | undefined;
 export declare type FormRadioGroupProps = MyRadioGroupProps & WithControllerProps;
 
 export declare const FormSelect: FC<MySelectProps & WithControllerProps & {
-onValueChange?: ((value: string | null, option: ComboboxItem) => void) | undefined;
+onValueChange?: ((value: string | null, option: ComboboxItem<string>) => void) | undefined;
 }>;
 
 export declare type FormSelectProps = MySelectProps & WithControllerProps;
@@ -199,13 +197,13 @@ export declare interface FormSubmitButtonProps extends ButtonProps, ElementProps
 }
 
 export declare const FormTextarea: FC<TextareaProps & WithControllerProps & {
-onValueChange?: ChangeEventHandler<HTMLTextAreaElement> | undefined;
+onValueChange?: ChangeEventHandler<HTMLTextAreaElement, HTMLTextAreaElement> | undefined;
 }>;
 
 export declare type FormTextareaProps = MyTextareaProps & WithControllerProps;
 
 export declare const FormTextInput: FC<WithControllerProps & MyTextInputProps & {
-onValueChange?: ChangeEventHandler<HTMLInputElement> | undefined;
+onValueChange?: ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
 }>;
 
 export declare type FormTextInputProps = WithControllerProps & MyTextInputProps;
@@ -213,7 +211,7 @@ export declare type FormTextInputProps = WithControllerProps & MyTextInputProps;
 export declare type FormTimeInput = MyTimeInputProps & WithControllerProps;
 
 export declare const FormTimeInput: FC<TimeInputProps & WithControllerProps & {
-onValueChange?: ChangeEventHandler<HTMLInputElement> | undefined;
+onValueChange?: ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
 }>;
 
 export declare const getVirtualContainerProps: (virtualizer: {

package/dist/mantine/my-default-theme.cjs

@@ -8,6 +8,7 @@ const breakpointsWithPx = require('./breakpoints-with-px.cjs');
 const myDefaultTheme = {
   breakpoints: breakpointsWithPx.breakpointsWithPx,
   cursorType: "pointer",
+  defaultRadius: "sm",
   components: {
     Notification: core.Notification.extend({
       defaultProps: {

package/dist/mantine/my-default-theme.js

@@ -4,6 +4,7 @@ import { breakpointsWithPx } from './breakpoints-with-px.js';
 const myDefaultTheme = {
   breakpoints: breakpointsWithPx,
   cursorType: "pointer",
+  defaultRadius: "sm",
   components: {
     Notification: Notification.extend({
       defaultProps: {

package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.cjs

@@ -125,7 +125,7 @@ class Virtualizer {
     this.scrollElement = null;
     this.targetWindow = null;
     this.isScrolling = false;
-    this.currentScrollToIndex = null;
+    this.scrollState = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
     this.laneAssignments = /* @__PURE__ */ new Map();
@@ -138,6 +138,10 @@ class Virtualizer {
     this.scrollDirection = null;
     this.scrollAdjustments = 0;
     this.elementsCache = /* @__PURE__ */ new Map();
+    this.now = () => {
+      var _a, _b, _c;
+      return ((_c = (_b = (_a = this.targetWindow) == null ? void 0 : _a.performance) == null ? void 0 : _b.now) == null ? void 0 : _c.call(_b)) ?? Date.now();
+    };
     this.observer = /* @__PURE__ */ (() => {
       let _ro = null;
       const get = () => {
@@ -150,7 +154,18 @@ class Virtualizer {
         return _ro = new this.targetWindow.ResizeObserver((entries) => {
           entries.forEach((entry) => {
             const run = () => {
-              this._measureElement(entry.target, entry);
+              const node = entry.target;
+              const index = this.indexFromElement(node);
+              if (!node.isConnected) {
+                this.observer.unobserve(node);
+                return;
+              }
+              if (this.shouldMeasureDuringScroll(index)) {
+                this.resizeItem(
+                  index,
+                  this.options.measureElement(node, entry, this)
+                );
+              }
             };
             this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
           });
@@ -202,6 +217,7 @@ class Virtualizer {
         isRtl: false,
         useScrollendEvent: false,
         useAnimationFrameWithResizeObserver: false,
+        laneAssignmentMode: "estimate",
         ...opts2
       };
     };
@@ -235,6 +251,11 @@ class Virtualizer {
       this.unsubs.filter(Boolean).forEach((d) => d());
       this.unsubs = [];
       this.observer.disconnect();
+      if (this.rafId != null && this.targetWindow) {
+        this.targetWindow.cancelAnimationFrame(this.rafId);
+        this.rafId = null;
+      }
+      this.scrollState = null;
       this.scrollElement = null;
       this.targetWindow = null;
     };
@@ -273,6 +294,9 @@ class Virtualizer {
             this.scrollDirection = isScrolling ? this.getScrollOffset() < offset ? "forward" : "backward" : null;
             this.scrollOffset = offset;
             this.isScrolling = isScrolling;
+            if (this.scrollState) {
+              this.scheduleScrollReconcile();
+            }
             this.maybeNotify();
           })
         );
@@ -282,6 +306,7 @@ class Virtualizer {
         });
       }
     };
+    this.rafId = null;
     this.getSize = () => {
       if (!this.options.enabled) {
         this.scrollRect = null;
@@ -332,9 +357,10 @@ class Virtualizer {
         this.options.scrollMargin,
         this.options.getItemKey,
         this.options.enabled,
-        this.options.lanes
+        this.options.lanes,
+        this.options.laneAssignmentMode
       ],
-      (count, paddingStart, scrollMargin, getItemKey, enabled, lanes) => {
+      (count, paddingStart, scrollMargin, getItemKey, enabled, lanes, laneAssignmentMode) => {
         const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;
         if (lanesChanged) {
           this.lanesChangedFlag = true;
@@ -347,7 +373,8 @@ class Virtualizer {
           scrollMargin,
           getItemKey,
           enabled,
-          lanes
+          lanes,
+          laneAssignmentMode
         };
       },
       {
@@ -356,7 +383,15 @@ class Virtualizer {
     );
     this.getMeasurements = utils.memo(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes }, itemSizeCache) => {
+      ({
+        count,
+        paddingStart,
+        scrollMargin,
+        getItemKey,
+        enabled,
+        lanes,
+        laneAssignmentMode
+      }, itemSizeCache) => {
         if (!enabled) {
           this.measurementsCache = [];
           this.itemSizeCache.clear();
@@ -404,6 +439,7 @@ class Virtualizer {
           const cachedLane = this.laneAssignments.get(i);
           let lane;
           let start;
+          const shouldCacheLane = laneAssignmentMode === "estimate" || itemSizeCache.has(key);
           if (cachedLane !== void 0 && this.options.lanes > 1) {
             lane = cachedLane;
             const prevIndex = laneLastIndex[lane];
@@ -413,7 +449,7 @@ class Virtualizer {
             const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
             start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
             lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
-            if (this.options.lanes > 1) {
+            if (this.options.lanes > 1 && shouldCacheLane) {
               this.laneAssignments.set(i, lane);
             }
           }
@@ -500,13 +536,38 @@ class Virtualizer {
       }
       return parseInt(indexStr, 10);
     };
-    this._measureElement = (node, entry) => {
-      const index = this.indexFromElement(node);
-      const item = this.measurementsCache[index];
-      if (!item) {
+    this.shouldMeasureDuringScroll = (index) => {
+      var _a;
+      if (!this.scrollState || this.scrollState.behavior !== "smooth") {
+        return true;
+      }
+      const scrollIndex = this.scrollState.index ?? ((_a = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : _a.index);
+      if (scrollIndex !== void 0 && this.range) {
+        const bufferSize = Math.max(
+          this.options.overscan,
+          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
+        );
+        const minIndex = Math.max(0, scrollIndex - bufferSize);
+        const maxIndex = Math.min(
+          this.options.count - 1,
+          scrollIndex + bufferSize
+        );
+        return index >= minIndex && index <= maxIndex;
+      }
+      return true;
+    };
+    this.measureElement = (node) => {
+      if (!node) {
+        this.elementsCache.forEach((cached, key2) => {
+          if (!cached.isConnected) {
+            this.observer.unobserve(cached);
+            this.elementsCache.delete(key2);
+          }
+        });
         return;
       }
-      const key = item.key;
+      const index = this.indexFromElement(node);
+      const key = this.options.getItemKey(index);
       const prevNode = this.elementsCache.get(key);
       if (prevNode !== node) {
         if (prevNode) {
@@ -515,19 +576,18 @@ class Virtualizer {
         this.observer.observe(node);
         this.elementsCache.set(key, node);
       }
-      if (node.isConnected) {
-        this.resizeItem(index, this.options.measureElement(node, entry, this));
+      if ((!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(index)) {
+        this.resizeItem(index, this.options.measureElement(node, void 0, this));
       }
     };
     this.resizeItem = (index, size) => {
+      var _a;
       const item = this.measurementsCache[index];
-      if (!item) {
-        return;
-      }
+      if (!item) return;
       const itemSize = this.itemSizeCache.get(item.key) ?? item.size;
       const delta = size - itemSize;
       if (delta !== 0) {
-        if (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments) {
+        if (((_a = this.scrollState) == null ? void 0 : _a.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments)) {
           if (process.env.NODE_ENV !== "production" && this.options.debug) {
             console.info("correction", delta);
           }
@@ -541,18 +601,6 @@ class Virtualizer {
         this.notify(false);
       }
     };
-    this.measureElement = (node) => {
-      if (!node) {
-        this.elementsCache.forEach((cached, key) => {
-          if (!cached.isConnected) {
-            this.observer.unobserve(cached);
-            this.elementsCache.delete(key);
-          }
-        });
-        return;
-      }
-      this._measureElement(node, void 0);
-    };
     this.getVirtualItems = utils.memo(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (indexes, measurements) => {
@@ -609,12 +657,10 @@ class Virtualizer {
     };
     this.getOffsetForIndex = (index, align = "auto") => {
       index = Math.max(0, Math.min(index, this.options.count - 1));
-      const item = this.measurementsCache[index];
-      if (!item) {
-        return void 0;
-      }
       const size = this.getSize();
       const scrollOffset = this.getScrollOffset();
+      const item = this.measurementsCache[index];
+      if (!item) return;
       if (align === "auto") {
         if (item.end >= scrollOffset + size - this.options.scrollPaddingEnd) {
           align = "end";
@@ -633,85 +679,55 @@ class Virtualizer {
         align
       ];
     };
-    this.isDynamicMode = () => this.elementsCache.size > 0;
-    this.scrollToOffset = (toOffset, { align = "start", behavior } = {}) => {
-      if (behavior === "smooth" && this.isDynamicMode()) {
-        console.warn(
-          "The `smooth` scroll behavior is not fully supported with dynamic size."
-        );
-      }
-      this._scrollToOffset(this.getOffsetForAlignment(toOffset, align), {
-        adjustments: void 0,
-        behavior
-      });
+    this.scrollToOffset = (toOffset, { align = "start", behavior = "auto" } = {}) => {
+      const offset = this.getOffsetForAlignment(toOffset, align);
+      const now = this.now();
+      this.scrollState = {
+        index: null,
+        align,
+        behavior,
+        startedAt: now,
+        lastTargetOffset: offset,
+        stableFrames: 0
+      };
+      this._scrollToOffset(offset, { adjustments: void 0, behavior });
+      this.scheduleScrollReconcile();
     };
-    this.scrollToIndex = (index, { align: initialAlign = "auto", behavior } = {}) => {
-      if (behavior === "smooth" && this.isDynamicMode()) {
-        console.warn(
-          "The `smooth` scroll behavior is not fully supported with dynamic size."
-        );
-      }
+    this.scrollToIndex = (index, {
+      align: initialAlign = "auto",
+      behavior = "auto"
+    } = {}) => {
       index = Math.max(0, Math.min(index, this.options.count - 1));
-      this.currentScrollToIndex = index;
-      let attempts = 0;
-      const maxAttempts = 10;
-      const tryScroll = (currentAlign) => {
-        if (!this.targetWindow) return;
-        const offsetInfo = this.getOffsetForIndex(index, currentAlign);
-        if (!offsetInfo) {
-          console.warn("Failed to get offset for index:", index);
-          return;
-        }
-        const [offset, align] = offsetInfo;
-        this._scrollToOffset(offset, { adjustments: void 0, behavior });
-        this.targetWindow.requestAnimationFrame(() => {
-          if (!this.targetWindow) return;
-          const verify = () => {
-            if (this.currentScrollToIndex !== index) return;
-            const currentOffset = this.getScrollOffset();
-            const afterInfo = this.getOffsetForIndex(index, align);
-            if (!afterInfo) {
-              console.warn("Failed to get offset for index:", index);
-              return;
-            }
-            if (!utils.approxEqual(afterInfo[0], currentOffset)) {
-              scheduleRetry(align);
-            }
-          };
-          if (this.isDynamicMode()) {
-            this.targetWindow.requestAnimationFrame(verify);
-          } else {
-            verify();
-          }
-        });
-      };
-      const scheduleRetry = (align) => {
-        if (!this.targetWindow) return;
-        if (this.currentScrollToIndex !== index) return;
-        attempts++;
-        if (attempts < maxAttempts) {
-          if (process.env.NODE_ENV !== "production" && this.options.debug) {
-            console.info("Schedule retry", attempts, maxAttempts);
-          }
-          this.targetWindow.requestAnimationFrame(() => tryScroll(align));
-        } else {
-          console.warn(
-            `Failed to scroll to index ${index} after ${maxAttempts} attempts.`
-          );
-        }
+      const offsetInfo = this.getOffsetForIndex(index, initialAlign);
+      if (!offsetInfo) {
+        return;
+      }
+      const [offset, align] = offsetInfo;
+      const now = this.now();
+      this.scrollState = {
+        index,
+        align,
+        behavior,
+        startedAt: now,
+        lastTargetOffset: offset,
+        stableFrames: 0
       };
-      tryScroll(initialAlign);
+      this._scrollToOffset(offset, { adjustments: void 0, behavior });
+      this.scheduleScrollReconcile();
     };
-    this.scrollBy = (delta, { behavior } = {}) => {
-      if (behavior === "smooth" && this.isDynamicMode()) {
-        console.warn(
-          "The `smooth` scroll behavior is not fully supported with dynamic size."
-        );
-      }
-      this._scrollToOffset(this.getScrollOffset() + delta, {
-        adjustments: void 0,
-        behavior
-      });
+    this.scrollBy = (delta, { behavior = "auto" } = {}) => {
+      const offset = this.getScrollOffset() + delta;
+      const now = this.now();
+      this.scrollState = {
+        index: null,
+        align: "start",
+        behavior,
+        startedAt: now,
+        lastTargetOffset: offset,
+        stableFrames: 0
+      };
+      this._scrollToOffset(offset, { adjustments: void 0, behavior });
+      this.scheduleScrollReconcile();
     };
     this.getTotalSize = () => {
       var _a;
@@ -751,6 +767,49 @@ class Virtualizer {
     };
     this.setOptions(opts);
   }
+  scheduleScrollReconcile() {
+    if (!this.targetWindow) {
+      this.scrollState = null;
+      return;
+    }
+    if (this.rafId != null) return;
+    this.rafId = this.targetWindow.requestAnimationFrame(() => {
+      this.rafId = null;
+      this.reconcileScroll();
+    });
+  }
+  reconcileScroll() {
+    if (!this.scrollState) return;
+    const el = this.scrollElement;
+    if (!el) return;
+    const MAX_RECONCILE_MS = 5e3;
+    if (this.now() - this.scrollState.startedAt > MAX_RECONCILE_MS) {
+      this.scrollState = null;
+      return;
+    }
+    const offsetInfo = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0;
+    const targetOffset = offsetInfo ? offsetInfo[0] : this.scrollState.lastTargetOffset;
+    const STABLE_FRAMES = 1;
+    const targetChanged = targetOffset !== this.scrollState.lastTargetOffset;
+    if (!targetChanged && utils.approxEqual(targetOffset, this.getScrollOffset())) {
+      this.scrollState.stableFrames++;
+      if (this.scrollState.stableFrames >= STABLE_FRAMES) {
+        this.scrollState = null;
+        return;
+      }
+    } else {
+      this.scrollState.stableFrames = 0;
+      if (targetChanged) {
+        this.scrollState.lastTargetOffset = targetOffset;
+        this.scrollState.behavior = "auto";
+        this._scrollToOffset(targetOffset, {
+          adjustments: void 0,
+          behavior: "auto"
+        });
+      }
+    }
+    this.scheduleScrollReconcile();
+  }
 }
 const findNearestBinarySearch = (low, high, getCurrentValue, value) => {
   while (low <= high) {

package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.js

@@ -121,7 +121,7 @@ class Virtualizer {
     this.scrollElement = null;
     this.targetWindow = null;
     this.isScrolling = false;
-    this.currentScrollToIndex = null;
+    this.scrollState = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
     this.laneAssignments = /* @__PURE__ */ new Map();
@@ -134,6 +134,10 @@ class Virtualizer {
     this.scrollDirection = null;
     this.scrollAdjustments = 0;
     this.elementsCache = /* @__PURE__ */ new Map();
+    this.now = () => {
+      var _a, _b, _c;
+      return ((_c = (_b = (_a = this.targetWindow) == null ? void 0 : _a.performance) == null ? void 0 : _b.now) == null ? void 0 : _c.call(_b)) ?? Date.now();
+    };
     this.observer = /* @__PURE__ */ (() => {
       let _ro = null;
       const get = () => {
@@ -146,7 +150,18 @@ class Virtualizer {
         return _ro = new this.targetWindow.ResizeObserver((entries) => {
           entries.forEach((entry) => {
             const run = () => {
-              this._measureElement(entry.target, entry);
+              const node = entry.target;
+              const index = this.indexFromElement(node);
+              if (!node.isConnected) {
+                this.observer.unobserve(node);
+                return;
+              }
+              if (this.shouldMeasureDuringScroll(index)) {
+                this.resizeItem(
+                  index,
+                  this.options.measureElement(node, entry, this)
+                );
+              }
             };
             this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
           });
@@ -198,6 +213,7 @@ class Virtualizer {
         isRtl: false,
         useScrollendEvent: false,
         useAnimationFrameWithResizeObserver: false,
+        laneAssignmentMode: "estimate",
         ...opts2
       };
     };
@@ -231,6 +247,11 @@ class Virtualizer {
       this.unsubs.filter(Boolean).forEach((d) => d());
       this.unsubs = [];
       this.observer.disconnect();
+      if (this.rafId != null && this.targetWindow) {
+        this.targetWindow.cancelAnimationFrame(this.rafId);
+        this.rafId = null;
+      }
+      this.scrollState = null;
       this.scrollElement = null;
       this.targetWindow = null;
     };
@@ -269,6 +290,9 @@ class Virtualizer {
             this.scrollDirection = isScrolling ? this.getScrollOffset() < offset ? "forward" : "backward" : null;
             this.scrollOffset = offset;
             this.isScrolling = isScrolling;
+            if (this.scrollState) {
+              this.scheduleScrollReconcile();
+            }
             this.maybeNotify();
           })
         );
@@ -278,6 +302,7 @@ class Virtualizer {
         });
       }
     };
+    this.rafId = null;
     this.getSize = () => {
       if (!this.options.enabled) {
         this.scrollRect = null;
@@ -328,9 +353,10 @@ class Virtualizer {
         this.options.scrollMargin,
         this.options.getItemKey,
         this.options.enabled,
-        this.options.lanes
+        this.options.lanes,
+        this.options.laneAssignmentMode
       ],
-      (count, paddingStart, scrollMargin, getItemKey, enabled, lanes) => {
+      (count, paddingStart, scrollMargin, getItemKey, enabled, lanes, laneAssignmentMode) => {
         const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;
         if (lanesChanged) {
           this.lanesChangedFlag = true;
@@ -343,7 +369,8 @@ class Virtualizer {
           scrollMargin,
           getItemKey,
           enabled,
-          lanes
+          lanes,
+          laneAssignmentMode
         };
       },
       {
@@ -352,7 +379,15 @@ class Virtualizer {
     );
     this.getMeasurements = memo(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes }, itemSizeCache) => {
+      ({
+        count,
+        paddingStart,
+        scrollMargin,
+        getItemKey,
+        enabled,
+        lanes,
+        laneAssignmentMode
+      }, itemSizeCache) => {
         if (!enabled) {
           this.measurementsCache = [];
           this.itemSizeCache.clear();
@@ -400,6 +435,7 @@ class Virtualizer {
           const cachedLane = this.laneAssignments.get(i);
           let lane;
           let start;
+          const shouldCacheLane = laneAssignmentMode === "estimate" || itemSizeCache.has(key);
           if (cachedLane !== void 0 && this.options.lanes > 1) {
             lane = cachedLane;
             const prevIndex = laneLastIndex[lane];
@@ -409,7 +445,7 @@ class Virtualizer {
             const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
             start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
             lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
-            if (this.options.lanes > 1) {
+            if (this.options.lanes > 1 && shouldCacheLane) {
               this.laneAssignments.set(i, lane);
             }
           }
@@ -496,13 +532,38 @@ class Virtualizer {
       }
       return parseInt(indexStr, 10);
     };
-    this._measureElement = (node, entry) => {
-      const index = this.indexFromElement(node);
-      const item = this.measurementsCache[index];
-      if (!item) {
+    this.shouldMeasureDuringScroll = (index) => {
+      var _a;
+      if (!this.scrollState || this.scrollState.behavior !== "smooth") {
+        return true;
+      }
+      const scrollIndex = this.scrollState.index ?? ((_a = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : _a.index);
+      if (scrollIndex !== void 0 && this.range) {
+        const bufferSize = Math.max(
+          this.options.overscan,
+          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
+        );
+        const minIndex = Math.max(0, scrollIndex - bufferSize);
+        const maxIndex = Math.min(
+          this.options.count - 1,
+          scrollIndex + bufferSize
+        );
+        return index >= minIndex && index <= maxIndex;
+      }
+      return true;
+    };
+    this.measureElement = (node) => {
+      if (!node) {
+        this.elementsCache.forEach((cached, key2) => {
+          if (!cached.isConnected) {
+            this.observer.unobserve(cached);
+            this.elementsCache.delete(key2);
+          }
+        });
         return;
       }
-      const key = item.key;
+      const index = this.indexFromElement(node);
+      const key = this.options.getItemKey(index);
       const prevNode = this.elementsCache.get(key);
       if (prevNode !== node) {
         if (prevNode) {
@@ -511,19 +572,18 @@ class Virtualizer {
         this.observer.observe(node);
         this.elementsCache.set(key, node);
       }
-      if (node.isConnected) {
-        this.resizeItem(index, this.options.measureElement(node, entry, this));
+      if ((!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(index)) {
+        this.resizeItem(index, this.options.measureElement(node, void 0, this));
       }
     };
     this.resizeItem = (index, size) => {
+      var _a;
       const item = this.measurementsCache[index];
-      if (!item) {
-        return;
-      }
+      if (!item) return;
       const itemSize = this.itemSizeCache.get(item.key) ?? item.size;
       const delta = size - itemSize;
       if (delta !== 0) {
-        if (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments) {
+        if (((_a = this.scrollState) == null ? void 0 : _a.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments)) {
           if (process.env.NODE_ENV !== "production" && this.options.debug) {
             console.info("correction", delta);
           }
@@ -537,18 +597,6 @@ class Virtualizer {
         this.notify(false);
       }
     };
-    this.measureElement = (node) => {
-      if (!node) {
-        this.elementsCache.forEach((cached, key) => {
-          if (!cached.isConnected) {
-            this.observer.unobserve(cached);
-            this.elementsCache.delete(key);
-          }
-        });
-        return;
-      }
-      this._measureElement(node, void 0);
-    };
     this.getVirtualItems = memo(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (indexes, measurements) => {
@@ -605,12 +653,10 @@ class Virtualizer {
     };
     this.getOffsetForIndex = (index, align = "auto") => {
       index = Math.max(0, Math.min(index, this.options.count - 1));
-      const item = this.measurementsCache[index];
-      if (!item) {
-        return void 0;
-      }
       const size = this.getSize();
       const scrollOffset = this.getScrollOffset();
+      const item = this.measurementsCache[index];
+      if (!item) return;
       if (align === "auto") {
         if (item.end >= scrollOffset + size - this.options.scrollPaddingEnd) {
           align = "end";
@@ -629,85 +675,55 @@ class Virtualizer {
         align
       ];
     };
-    this.isDynamicMode = () => this.elementsCache.size > 0;
-    this.scrollToOffset = (toOffset, { align = "start", behavior } = {}) => {
-      if (behavior === "smooth" && this.isDynamicMode()) {
-        console.warn(
-          "The `smooth` scroll behavior is not fully supported with dynamic size."
-        );
-      }
-      this._scrollToOffset(this.getOffsetForAlignment(toOffset, align), {
-        adjustments: void 0,
-        behavior
-      });
+    this.scrollToOffset = (toOffset, { align = "start", behavior = "auto" } = {}) => {
+      const offset = this.getOffsetForAlignment(toOffset, align);
+      const now = this.now();
+      this.scrollState = {
+        index: null,
+        align,
+        behavior,
+        startedAt: now,
+        lastTargetOffset: offset,
+        stableFrames: 0
+      };
+      this._scrollToOffset(offset, { adjustments: void 0, behavior });
+      this.scheduleScrollReconcile();
     };
-    this.scrollToIndex = (index, { align: initialAlign = "auto", behavior } = {}) => {
-      if (behavior === "smooth" && this.isDynamicMode()) {
-        console.warn(
-          "The `smooth` scroll behavior is not fully supported with dynamic size."
-        );
-      }
+    this.scrollToIndex = (index, {
+      align: initialAlign = "auto",
+      behavior = "auto"
+    } = {}) => {
       index = Math.max(0, Math.min(index, this.options.count - 1));
-      this.currentScrollToIndex = index;
-      let attempts = 0;
-      const maxAttempts = 10;
-      const tryScroll = (currentAlign) => {
-        if (!this.targetWindow) return;
-        const offsetInfo = this.getOffsetForIndex(index, currentAlign);
-        if (!offsetInfo) {
-          console.warn("Failed to get offset for index:", index);
-          return;
-        }
-        const [offset, align] = offsetInfo;
-        this._scrollToOffset(offset, { adjustments: void 0, behavior });
-        this.targetWindow.requestAnimationFrame(() => {
-          if (!this.targetWindow) return;
-          const verify = () => {
-            if (this.currentScrollToIndex !== index) return;
-            const currentOffset = this.getScrollOffset();
-            const afterInfo = this.getOffsetForIndex(index, align);
-            if (!afterInfo) {
-              console.warn("Failed to get offset for index:", index);
-              return;
-            }
-            if (!approxEqual(afterInfo[0], currentOffset)) {
-              scheduleRetry(align);
-            }
-          };
-          if (this.isDynamicMode()) {
-            this.targetWindow.requestAnimationFrame(verify);
-          } else {
-            verify();
-          }
-        });
-      };
-      const scheduleRetry = (align) => {
-        if (!this.targetWindow) return;
-        if (this.currentScrollToIndex !== index) return;
-        attempts++;
-        if (attempts < maxAttempts) {
-          if (process.env.NODE_ENV !== "production" && this.options.debug) {
-            console.info("Schedule retry", attempts, maxAttempts);
-          }
-          this.targetWindow.requestAnimationFrame(() => tryScroll(align));
-        } else {
-          console.warn(
-            `Failed to scroll to index ${index} after ${maxAttempts} attempts.`
-          );
-        }
+      const offsetInfo = this.getOffsetForIndex(index, initialAlign);
+      if (!offsetInfo) {
+        return;
+      }
+      const [offset, align] = offsetInfo;
+      const now = this.now();
+      this.scrollState = {
+        index,
+        align,
+        behavior,
+        startedAt: now,
+        lastTargetOffset: offset,
+        stableFrames: 0
       };
-      tryScroll(initialAlign);
+      this._scrollToOffset(offset, { adjustments: void 0, behavior });
+      this.scheduleScrollReconcile();
     };
-    this.scrollBy = (delta, { behavior } = {}) => {
-      if (behavior === "smooth" && this.isDynamicMode()) {
-        console.warn(
-          "The `smooth` scroll behavior is not fully supported with dynamic size."
-        );
-      }
-      this._scrollToOffset(this.getScrollOffset() + delta, {
-        adjustments: void 0,
-        behavior
-      });
+    this.scrollBy = (delta, { behavior = "auto" } = {}) => {
+      const offset = this.getScrollOffset() + delta;
+      const now = this.now();
+      this.scrollState = {
+        index: null,
+        align: "start",
+        behavior,
+        startedAt: now,
+        lastTargetOffset: offset,
+        stableFrames: 0
+      };
+      this._scrollToOffset(offset, { adjustments: void 0, behavior });
+      this.scheduleScrollReconcile();
     };
     this.getTotalSize = () => {
       var _a;
@@ -747,6 +763,49 @@ class Virtualizer {
     };
     this.setOptions(opts);
   }
+  scheduleScrollReconcile() {
+    if (!this.targetWindow) {
+      this.scrollState = null;
+      return;
+    }
+    if (this.rafId != null) return;
+    this.rafId = this.targetWindow.requestAnimationFrame(() => {
+      this.rafId = null;
+      this.reconcileScroll();
+    });
+  }
+  reconcileScroll() {
+    if (!this.scrollState) return;
+    const el = this.scrollElement;
+    if (!el) return;
+    const MAX_RECONCILE_MS = 5e3;
+    if (this.now() - this.scrollState.startedAt > MAX_RECONCILE_MS) {
+      this.scrollState = null;
+      return;
+    }
+    const offsetInfo = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0;
+    const targetOffset = offsetInfo ? offsetInfo[0] : this.scrollState.lastTargetOffset;
+    const STABLE_FRAMES = 1;
+    const targetChanged = targetOffset !== this.scrollState.lastTargetOffset;
+    if (!targetChanged && approxEqual(targetOffset, this.getScrollOffset())) {
+      this.scrollState.stableFrames++;
+      if (this.scrollState.stableFrames >= STABLE_FRAMES) {
+        this.scrollState = null;
+        return;
+      }
+    } else {
+      this.scrollState.stableFrames = 0;
+      if (targetChanged) {
+        this.scrollState.lastTargetOffset = targetOffset;
+        this.scrollState.behavior = "auto";
+        this._scrollToOffset(targetOffset, {
+          adjustments: void 0,
+          behavior: "auto"
+        });
+      }
+    }
+    this.scheduleScrollReconcile();
+  }
 }
 const findNearestBinarySearch = (low, high, getCurrentValue, value) => {
   while (low <= high) {

package/dist/utils/ky/addBodyJsonHook.cjs

@@ -2,10 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const parseJson = require('./parseJson.cjs');
+const ky = require('ky');
 
-const addBodyJsonHook = async (error) => {
-  error.response.bodyJson = await parseJson.parseJSON(error.response);
+const addBodyJsonHook = async ({ error }) => {
+  if (!ky.isHTTPError(error)) {
+    return error;
+  }
+  const bodyJson = error.data ?? {};
+  error.response.bodyJson = bodyJson;
   return error;
 };
 

package/dist/utils/ky/addBodyJsonHook.js

@@ -1,7 +1,11 @@
-import { parseJSON } from './parseJson.js';
+import { isHTTPError } from 'ky';
 
-const addBodyJsonHook = async (error) => {
-  error.response.bodyJson = await parseJSON(error.response);
+const addBodyJsonHook = async ({ error }) => {
+  if (!isHTTPError(error)) {
+    return error;
+  }
+  const bodyJson = error.data ?? {};
+  error.response.bodyJson = bodyJson;
   return error;
 };
 

package/package.json

@@ -1,65 +1,66 @@
-{
-  "name": "lkd-web-kit",
-  "version": "0.7.31",
-  "description": "A template for creating React component libraries with Vite.",
-  "author": "LKD",
-  "license": "MIT",
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.js"
-    }
-  },
-  "sideEffects": false,
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "build": "tsc && vite build",
-    "lint": "biome check",
-    "format": "biome format --write",
-    "prepublishOnly": "npm run build"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "2.3.8",
-    "@testing-library/jest-dom": "^6.8.0",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^22.17.2",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react-swc": "^3.11.0",
-    "@vitest/coverage-v8": "^3.2.4",
-    "jsdom": "^26.1.0",
-    "rollup-preserve-directives": "^1.1.3",
-    "typescript": "^5.9.2",
-    "vite": "^7.1.3",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
-  },
-  "peerDependencies": {
-    "@mantine/core": "^8.3.18",
-    "@mantine/dates": "^8.3.18",
-    "@mantine/hooks": "^8.3.18",
-    "@mantine/notifications": "^8.3.18",
-    "@tanstack/react-query": "^5.91.2",
-    "clsx": "^2.1.1",
-    "ky": "^1.14.3",
-    "next": "^16.2.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-hook-form": "^7.71.2",
-    "react-query-kit": "^3.3.2",
-    "zod": "^4.3.6"
-  },
-  "dependencies": {
-    "@tanstack/react-virtual": "^3.13.19"
-  }
-}
+{
+  "name": "lkd-web-kit",
+  "version": "0.8.0",
+  "description": "A template for creating React component libraries with Vite.",
+  "author": "LKD",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=22"
+  },
+  "files": ["dist"],
+  "scripts": {
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "build": "tsc && vite build",
+    "lint": "biome check",
+    "format": "biome format --write",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.3.8",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^22.17.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "jsdom": "^26.1.0",
+    "rollup-preserve-directives": "^1.1.3",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
+  },
+  "peerDependencies": {
+    "@mantine/core": "^9.1.0",
+    "@mantine/dates": "^9.1.0",
+    "@mantine/hooks": "^9.1.0",
+    "@mantine/notifications": "^9.1.0",
+    "@tanstack/react-query": "^5.100.0",
+    "clsx": "^2.1.1",
+    "ky": "^2.0.2",
+    "next": "^16.2.4",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-hook-form": "^7.73.1",
+    "react-query-kit": "^3.3.2",
+    "zod": "^4.3.6"
+  },
+  "dependencies": {
+    "@tanstack/react-virtual": "^3.13.24"
+  }
+}