lkd-web-kit 0.4.3 → 0.4.6

package/dist/form/FormButtonSubmit.cjs

@@ -7,14 +7,18 @@ const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 const reactHookForm = require('react-hook-form');
 
-const FormButtonSubmit = ({ disabled, ...props }) => {
+const FormButtonSubmit = ({
+  disabled,
+  disabledWhenSuccess,
+  ...props
+}) => {
   const {
     formState: { isSubmitting, isSubmitSuccessful }
   } = reactHookForm.useFormContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
     core.Button,
     {
-      disabled: disabled ?? (isSubmitSuccessful && props.disabledWhenSuccess),
+      disabled: disabled ?? (isSubmitSuccessful && disabledWhenSuccess),
       loading: isSubmitting,
       type: "submit",
       ...props

package/dist/form/FormButtonSubmit.js

@@ -3,14 +3,18 @@ import { jsx } from 'react/jsx-runtime';
 import { Button } from '@mantine/core';
 import { useFormContext } from 'react-hook-form';
 
-const FormButtonSubmit = ({ disabled, ...props }) => {
+const FormButtonSubmit = ({
+  disabled,
+  disabledWhenSuccess,
+  ...props
+}) => {
   const {
     formState: { isSubmitting, isSubmitSuccessful }
   } = useFormContext();
   return /* @__PURE__ */ jsx(
     Button,
     {
-      disabled: disabled ?? (isSubmitSuccessful && props.disabledWhenSuccess),
+      disabled: disabled ?? (isSubmitSuccessful && disabledWhenSuccess),
       loading: isSubmitting,
       type: "submit",
       ...props

package/dist/hooks/useZodConfig.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const external = require('../node_modules/zod/v4/classic/external.cjs');
+
+const useZodConfig = () => {
+  React.useEffect(() => {
+    external.config({
+      customError: (iss) => {
+        if (iss.code === "too_small")
+          return iss.minimum === 1 ? `Campo requerido` : `Minimo ${iss.minimum} caracteres`;
+        if (iss.code === "too_big") return `Maximo ${iss.maximum} caracteres`;
+        if (iss.code === "invalid_format" && iss.format === "email") return `Email invalido`;
+      }
+    });
+  }, []);
+};
+
+exports.useZodConfig = useZodConfig;

package/dist/hooks/useZodConfig.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import * as external from '../node_modules/zod/v4/classic/external.js';
+
+const useZodConfig = () => {
+  useEffect(() => {
+    external.config({
+      customError: (iss) => {
+        if (iss.code === "too_small")
+          return iss.minimum === 1 ? `Campo requerido` : `Minimo ${iss.minimum} caracteres`;
+        if (iss.code === "too_big") return `Maximo ${iss.maximum} caracteres`;
+        if (iss.code === "invalid_format" && iss.format === "email") return `Email invalido`;
+      }
+    });
+  }, []);
+};
+
+export { useZodConfig };

package/dist/index.cjs

@@ -44,6 +44,7 @@ const useBreakpoint = require('./hooks/useBreakpoint.cjs');
 const useFetchNextPageOnScroll = require('./hooks/useFetchNextPageOnScroll.cjs');
 const useOnScrollProgress = require('./hooks/useOnScrollProgress.cjs');
 const useUpdateSearchParams = require('./hooks/useUpdateSearchParams.cjs');
+const useZodConfig = require('./hooks/useZodConfig.cjs');
 const breakpointsWithPx = require('./mantine/breakpoints-with-px.cjs');
 const toTailwindColors = require('./mantine/to-tailwind-colors.cjs');
 const myDefaultTheme = require('./mantine/my-default-theme.cjs');
@@ -106,6 +107,7 @@ exports.useBreakpoint = useBreakpoint.useBreakpoint;
 exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll.useFetchNextPageOnScroll;
 exports.useOnScrollProgress = useOnScrollProgress.useOnScrollProgress;
 exports.useUpdateSearchParams = useUpdateSearchParams.useUpdateSearchParams;
+exports.useZodConfig = useZodConfig.useZodConfig;
 exports.breakpointsWithPx = breakpointsWithPx.breakpointsWithPx;
 exports.toTailwindColors = toTailwindColors.toTailwindColors;
 exports.myDefaultTheme = myDefaultTheme.myDefaultTheme;

package/dist/index.d.ts

@@ -47,7 +47,6 @@ import { UseFormReturn } from 'react-hook-form';
 import { VirtualItem } from '@tanstack/react-virtual';
 import { z } from 'zod/v4';
 import { ZodType } from 'zod/v4';
-import { ZodTypeAny } from 'zod';
 
 export declare const addBodyJsonHook: BeforeErrorHook;
 
@@ -107,7 +106,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 FormButtonSubmit: ({ disabled, ...props }: FormButtonSubmitProps) => JSX.Element;
+export declare const FormButtonSubmit: ({ disabled, disabledWhenSuccess, ...props }: FormButtonSubmitProps) => JSX.Element;
 
 export declare interface FormButtonSubmitProps extends ButtonProps, ElementProps<'button', keyof ButtonProps> {
     disabledWhenSuccess?: boolean;
@@ -544,6 +543,8 @@ export declare const useUpdateSearchParams: () => {
     searchParams: ReadonlyURLSearchParams;
 };
 
+export declare const useZodConfig: () => void;
+
 export declare const withForm: <P extends unknown>(WrappedComponent: React.ComponentType<FormFieldProps<P>>, getControllerProps?: (fieldProps: P) => Omit<Partial<ControllerProps>, "render">) => FC<P & WithFormProps>;
 
 export declare interface WithFormProps {
@@ -551,7 +552,7 @@ export declare interface WithFormProps {
     label?: ReactNode;
     placeholder?: string;
     description?: ReactNode;
-    validate?: ZodTypeAny;
+    validate?: ZodType;
     disabled?: boolean;
 }
 
@@ -562,6 +563,6 @@ export declare interface WithModalManagerProps {
     opened: boolean;
 }
 
-export declare const zodValidator: (schema: ZodTypeAny) => (values: any) => string | undefined;
+export declare const zodValidator: (schema: ZodType) => (values: any) => string | undefined;
 
 export { }

package/dist/index.js

@@ -40,6 +40,7 @@ export { useBreakpoint } from './hooks/useBreakpoint.js';
 export { useFetchNextPageOnScroll } from './hooks/useFetchNextPageOnScroll.js';
 export { useOnScrollProgress } from './hooks/useOnScrollProgress.js';
 export { useUpdateSearchParams } from './hooks/useUpdateSearchParams.js';
+export { useZodConfig } from './hooks/useZodConfig.js';
 export { breakpointsWithPx } from './mantine/breakpoints-with-px.js';
 export { toTailwindColors } from './mantine/to-tailwind-colors.js';
 export { myDefaultTheme } from './mantine/my-default-theme.js';

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

@@ -126,7 +126,6 @@ class Virtualizer {
     this.scrollElement = null;
     this.targetWindow = null;
     this.isScrolling = false;
-    this.scrollToIndexTimeoutId = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
     this.pendingMeasuredCacheIndexes = [];
@@ -542,7 +541,7 @@ class Virtualizer {
       } else if (align === "end") {
         toOffset -= size;
       }
-      const maxOffset = this.getTotalSize() - size;
+      const maxOffset = this.getTotalSize() + this.options.scrollMargin - size;
       return Math.max(Math.min(maxOffset, toOffset), 0);
     };
     this.getOffsetForIndex = (index, align = "auto") => {
@@ -569,14 +568,7 @@ class Virtualizer {
       ];
     };
     this.isDynamicMode = () => this.elementsCache.size > 0;
-    this.cancelScrollToIndex = () => {
-      if (this.scrollToIndexTimeoutId !== null && this.targetWindow) {
-        this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId);
-        this.scrollToIndexTimeoutId = null;
-      }
-    };
     this.scrollToOffset = (toOffset, { align = "start", behavior } = {}) => {
-      this.cancelScrollToIndex();
       if (behavior === "smooth" && this.isDynamicMode()) {
         console.warn(
           "The `smooth` scroll behavior is not fully supported with dynamic size."
@@ -588,39 +580,52 @@ class Virtualizer {
       });
     };
     this.scrollToIndex = (index, { align: initialAlign = "auto", behavior } = {}) => {
-      index = Math.max(0, Math.min(index, this.options.count - 1));
-      this.cancelScrollToIndex();
       if (behavior === "smooth" && this.isDynamicMode()) {
         console.warn(
           "The `smooth` scroll behavior is not fully supported with dynamic size."
         );
       }
-      const offsetAndAlign = this.getOffsetForIndex(index, initialAlign);
-      if (!offsetAndAlign) return;
-      const [offset, align] = offsetAndAlign;
-      this._scrollToOffset(offset, { adjustments: void 0, behavior });
-      if (behavior !== "smooth" && this.isDynamicMode() && this.targetWindow) {
-        this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
-          this.scrollToIndexTimeoutId = null;
-          const elementInDOM = this.elementsCache.has(
-            this.options.getItemKey(index)
-          );
-          if (elementInDOM) {
-            const result = this.getOffsetForIndex(index, align);
-            if (!result) return;
-            const [latestOffset] = result;
-            const currentScrollOffset = this.getScrollOffset();
-            if (!utils.approxEqual(latestOffset, currentScrollOffset)) {
-              this.scrollToIndex(index, { align, behavior });
-            }
-          } else {
-            this.scrollToIndex(index, { align, behavior });
+      index = Math.max(0, Math.min(index, this.options.count - 1));
+      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(() => {
+          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);
           }
         });
-      }
+      };
+      const scheduleRetry = (align) => {
+        if (!this.targetWindow) 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.`
+          );
+        }
+      };
+      tryScroll(initialAlign);
     };
     this.scrollBy = (delta, { behavior } = {}) => {
-      this.cancelScrollToIndex();
       if (behavior === "smooth" && this.isDynamicMode()) {
         console.warn(
           "The `smooth` scroll behavior is not fully supported with dynamic size."

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

@@ -122,7 +122,6 @@ class Virtualizer {
     this.scrollElement = null;
     this.targetWindow = null;
     this.isScrolling = false;
-    this.scrollToIndexTimeoutId = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
     this.pendingMeasuredCacheIndexes = [];
@@ -538,7 +537,7 @@ class Virtualizer {
       } else if (align === "end") {
         toOffset -= size;
       }
-      const maxOffset = this.getTotalSize() - size;
+      const maxOffset = this.getTotalSize() + this.options.scrollMargin - size;
       return Math.max(Math.min(maxOffset, toOffset), 0);
     };
     this.getOffsetForIndex = (index, align = "auto") => {
@@ -565,14 +564,7 @@ class Virtualizer {
       ];
     };
     this.isDynamicMode = () => this.elementsCache.size > 0;
-    this.cancelScrollToIndex = () => {
-      if (this.scrollToIndexTimeoutId !== null && this.targetWindow) {
-        this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId);
-        this.scrollToIndexTimeoutId = null;
-      }
-    };
     this.scrollToOffset = (toOffset, { align = "start", behavior } = {}) => {
-      this.cancelScrollToIndex();
       if (behavior === "smooth" && this.isDynamicMode()) {
         console.warn(
           "The `smooth` scroll behavior is not fully supported with dynamic size."
@@ -584,39 +576,52 @@ class Virtualizer {
       });
     };
     this.scrollToIndex = (index, { align: initialAlign = "auto", behavior } = {}) => {
-      index = Math.max(0, Math.min(index, this.options.count - 1));
-      this.cancelScrollToIndex();
       if (behavior === "smooth" && this.isDynamicMode()) {
         console.warn(
           "The `smooth` scroll behavior is not fully supported with dynamic size."
         );
       }
-      const offsetAndAlign = this.getOffsetForIndex(index, initialAlign);
-      if (!offsetAndAlign) return;
-      const [offset, align] = offsetAndAlign;
-      this._scrollToOffset(offset, { adjustments: void 0, behavior });
-      if (behavior !== "smooth" && this.isDynamicMode() && this.targetWindow) {
-        this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
-          this.scrollToIndexTimeoutId = null;
-          const elementInDOM = this.elementsCache.has(
-            this.options.getItemKey(index)
-          );
-          if (elementInDOM) {
-            const result = this.getOffsetForIndex(index, align);
-            if (!result) return;
-            const [latestOffset] = result;
-            const currentScrollOffset = this.getScrollOffset();
-            if (!approxEqual(latestOffset, currentScrollOffset)) {
-              this.scrollToIndex(index, { align, behavior });
-            }
-          } else {
-            this.scrollToIndex(index, { align, behavior });
+      index = Math.max(0, Math.min(index, this.options.count - 1));
+      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(() => {
+          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);
           }
         });
-      }
+      };
+      const scheduleRetry = (align) => {
+        if (!this.targetWindow) 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.`
+          );
+        }
+      };
+      tryScroll(initialAlign);
     };
     this.scrollBy = (delta, { behavior } = {}) => {
-      this.cancelScrollToIndex();
       if (behavior === "smooth" && this.isDynamicMode()) {
         console.warn(
           "The `smooth` scroll behavior is not fully supported with dynamic size."

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

@@ -56,7 +56,7 @@ function notUndefined(value, msg) {
     return value;
   }
 }
-const approxEqual = (a, b) => Math.abs(a - b) <= 1;
+const approxEqual = (a, b) => Math.abs(a - b) < 1.01;
 const debounce = (targetWindow, fn, ms) => {
   let timeoutId;
   return function(...args) {

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

@@ -52,7 +52,7 @@ function notUndefined(value, msg) {
     return value;
   }
 }
-const approxEqual = (a, b) => Math.abs(a - b) <= 1;
+const approxEqual = (a, b) => Math.abs(a - b) < 1.01;
 const debounce = (targetWindow, fn, ms) => {
   let timeoutId;
   return function(...args) {

package/dist/node_modules/zod/v4/classic/coerce.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const schemas = require('./schemas.cjs');
+const api = require('../core/api.cjs');
+
+function string(params) {
+    return api._coercedString(schemas.ZodString, params);
+}
+function number(params) {
+    return api._coercedNumber(schemas.ZodNumber, params);
+}
+function boolean(params) {
+    return api._coercedBoolean(schemas.ZodBoolean, params);
+}
+function bigint(params) {
+    return api._coercedBigint(schemas.ZodBigInt, params);
+}
+function date(params) {
+    return api._coercedDate(schemas.ZodDate, params);
+}
+
+exports.bigint = bigint;
+exports.boolean = boolean;
+exports.date = date;
+exports.number = number;
+exports.string = string;

package/dist/node_modules/zod/v4/classic/coerce.js

@@ -0,0 +1,20 @@
+import { ZodString, ZodNumber, ZodBoolean, ZodBigInt, ZodDate } from './schemas.js';
+import { _coercedString, _coercedNumber, _coercedBoolean, _coercedBigint, _coercedDate } from '../core/api.js';
+
+function string(params) {
+    return _coercedString(ZodString, params);
+}
+function number(params) {
+    return _coercedNumber(ZodNumber, params);
+}
+function boolean(params) {
+    return _coercedBoolean(ZodBoolean, params);
+}
+function bigint(params) {
+    return _coercedBigint(ZodBigInt, params);
+}
+function date(params) {
+    return _coercedDate(ZodDate, params);
+}
+
+export { bigint, boolean, date, number, string };

package/dist/node_modules/zod/v4/classic/compat.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('../core/core.cjs');
+
+// Zod 3 compat layer
+/** @deprecated Use the raw string literal codes instead, e.g. "invalid_type". */
+const ZodIssueCode = {
+    invalid_type: "invalid_type",
+    too_big: "too_big",
+    too_small: "too_small",
+    invalid_format: "invalid_format",
+    not_multiple_of: "not_multiple_of",
+    unrecognized_keys: "unrecognized_keys",
+    invalid_union: "invalid_union",
+    invalid_key: "invalid_key",
+    invalid_element: "invalid_element",
+    invalid_value: "invalid_value",
+    custom: "custom",
+};
+/** @deprecated Use `z.config(params)` instead. */
+function setErrorMap(map) {
+    core.config({
+        customError: map,
+    });
+}
+/** @deprecated Use `z.config()` instead. */
+function getErrorMap() {
+    return core.config().customError;
+}
+
+exports.$brand = core.$brand;
+exports.config = core.config;
+exports.ZodIssueCode = ZodIssueCode;
+exports.getErrorMap = getErrorMap;
+exports.setErrorMap = setErrorMap;

package/dist/node_modules/zod/v4/classic/compat.js

@@ -0,0 +1,30 @@
+import { config } from '../core/core.js';
+export { $brand } from '../core/core.js';
+
+// Zod 3 compat layer
+/** @deprecated Use the raw string literal codes instead, e.g. "invalid_type". */
+const ZodIssueCode = {
+    invalid_type: "invalid_type",
+    too_big: "too_big",
+    too_small: "too_small",
+    invalid_format: "invalid_format",
+    not_multiple_of: "not_multiple_of",
+    unrecognized_keys: "unrecognized_keys",
+    invalid_union: "invalid_union",
+    invalid_key: "invalid_key",
+    invalid_element: "invalid_element",
+    invalid_value: "invalid_value",
+    custom: "custom",
+};
+/** @deprecated Use `z.config(params)` instead. */
+function setErrorMap(map) {
+    config({
+        customError: map,
+    });
+}
+/** @deprecated Use `z.config()` instead. */
+function getErrorMap() {
+    return config().customError;
+}
+
+export { ZodIssueCode, config, getErrorMap, setErrorMap };

package/dist/node_modules/zod/v4/classic/errors.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const errors = require('../core/errors.cjs');
+const core = require('../core/core.cjs');
+
+const initializer = (inst, issues) => {
+    errors.$ZodError.init(inst, issues);
+    inst.name = "ZodError";
+    Object.defineProperties(inst, {
+        format: {
+            value: (mapper) => errors.formatError(inst, mapper),
+            // enumerable: false,
+        },
+        flatten: {
+            value: (mapper) => errors.flattenError(inst, mapper),
+            // enumerable: false,
+        },
+        addIssue: {
+            value: (issue) => inst.issues.push(issue),
+            // enumerable: false,
+        },
+        addIssues: {
+            value: (issues) => inst.issues.push(...issues),
+            // enumerable: false,
+        },
+        isEmpty: {
+            get() {
+                return inst.issues.length === 0;
+            },
+            // enumerable: false,
+        },
+    });
+    // Object.defineProperty(inst, "isEmpty", {
+    //   get() {
+    //     return inst.issues.length === 0;
+    //   },
+    // });
+};
+const ZodError = core.$constructor("ZodError", initializer);
+const ZodRealError = core.$constructor("ZodError", initializer, {
+    Parent: Error,
+});
+// /** @deprecated Use `z.core.$ZodErrorMapCtx` instead. */
+// export type ErrorMapCtx = core.$ZodErrorMapCtx;
+
+exports.ZodError = ZodError;
+exports.ZodRealError = ZodRealError;

package/dist/node_modules/zod/v4/classic/errors.js

@@ -0,0 +1,44 @@
+import { $ZodError, flattenError, formatError } from '../core/errors.js';
+import { $constructor } from '../core/core.js';
+
+const initializer = (inst, issues) => {
+    $ZodError.init(inst, issues);
+    inst.name = "ZodError";
+    Object.defineProperties(inst, {
+        format: {
+            value: (mapper) => formatError(inst, mapper),
+            // enumerable: false,
+        },
+        flatten: {
+            value: (mapper) => flattenError(inst, mapper),
+            // enumerable: false,
+        },
+        addIssue: {
+            value: (issue) => inst.issues.push(issue),
+            // enumerable: false,
+        },
+        addIssues: {
+            value: (issues) => inst.issues.push(...issues),
+            // enumerable: false,
+        },
+        isEmpty: {
+            get() {
+                return inst.issues.length === 0;
+            },
+            // enumerable: false,
+        },
+    });
+    // Object.defineProperty(inst, "isEmpty", {
+    //   get() {
+    //     return inst.issues.length === 0;
+    //   },
+    // });
+};
+const ZodError = $constructor("ZodError", initializer);
+const ZodRealError = $constructor("ZodError", initializer, {
+    Parent: Error,
+});
+// /** @deprecated Use `z.core.$ZodErrorMapCtx` instead. */
+// export type ErrorMapCtx = core.$ZodErrorMapCtx;
+
+export { ZodError, ZodRealError };