lkd-web-kit 0.4.7 → 0.4.9

package/dist/components/EmptyState/index.cjs

@@ -3,26 +3,26 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('clsx');
 const Icon = require('../Icon.cjs');
+const core = require('@mantine/core');
 
 const pxBySize = {
   sm: 48,
   md: 60,
   lg: 84
 };
-const EmptyState = ({
-  label,
-  action,
-  icon,
-  className,
-  size = "md",
-  ...props
-}) => {
+const EmptyState = ({ label, action, icon, size = "md", ...props }) => {
+  const { colors } = core.useMantineTheme();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: clsx("justfiy-center flex flex-col items-center gap-1", className),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 4
+      },
       ...props,
       children: [
         icon && /* @__PURE__ */ jsxRuntime.jsx(
@@ -30,10 +30,22 @@ const EmptyState = ({
           {
             i: icon,
             size: pxBySize[size],
-            className: "text-gray-2"
+            style: {
+              color: colors.gray[2]
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          core.Text,
+          {
+            c: "gray.6",
+            style: {
+              fontSize: 14,
+              fontWeight: 600
+            },
+            children: label
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-6 text-sm font-semibold", children: label }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { children: action })
       ]
     }

package/dist/components/EmptyState/index.js

@@ -1,24 +1,24 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
 import { Icon } from '../Icon.js';
+import { useMantineTheme, Text } from '@mantine/core';
 
 const pxBySize = {
   sm: 48,
   md: 60,
   lg: 84
 };
-const EmptyState = ({
-  label,
-  action,
-  icon,
-  className,
-  size = "md",
-  ...props
-}) => {
+const EmptyState = ({ label, action, icon, size = "md", ...props }) => {
+  const { colors } = useMantineTheme();
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: clsx("justfiy-center flex flex-col items-center gap-1", className),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 4
+      },
       ...props,
       children: [
         icon && /* @__PURE__ */ jsx(
@@ -26,10 +26,22 @@ const EmptyState = ({
           {
             i: icon,
             size: pxBySize[size],
-            className: "text-gray-2"
+            style: {
+              color: colors.gray[2]
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            c: "gray.6",
+            style: {
+              fontSize: 14,
+              fontWeight: 600
+            },
+            children: label
           }
         ),
-        /* @__PURE__ */ jsx("p", { className: "text-gray-6 text-sm font-semibold", children: label }),
         /* @__PURE__ */ jsx("div", { children: action })
       ]
     }

package/dist/components/Icon.cjs

@@ -4,9 +4,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('clsx');
 
-const Icon = ({ i: I, size = "md", style, rotate, className, ...rest }) => {
+const Icon = ({ i: I, size = "md", style, rotate, ...rest }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     I,
     {
@@ -17,9 +16,9 @@ const Icon = ({ i: I, size = "md", style, rotate, className, ...rest }) => {
       viewBox: "0 0 24 24",
       style: {
         ...style,
+        flexShrink: 0,
         transform: `rotate(${rotate}deg)`
       },
-      className: clsx("shrink-0", className),
       ...rest
     }
   );

package/dist/components/Icon.js

@@ -1,8 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
 
-const Icon = ({ i: I, size = "md", style, rotate, className, ...rest }) => {
+const Icon = ({ i: I, size = "md", style, rotate, ...rest }) => {
   return /* @__PURE__ */ jsx(
     I,
     {
@@ -13,9 +12,9 @@ const Icon = ({ i: I, size = "md", style, rotate, className, ...rest }) => {
       viewBox: "0 0 24 24",
       style: {
         ...style,
+        flexShrink: 0,
         transform: `rotate(${rotate}deg)`
       },
-      className: clsx("shrink-0", className),
       ...rest
     }
   );

package/dist/components/SelectInfinity/index.cjs

@@ -120,7 +120,9 @@ function InfinitySelect({
           core.Combobox.Options,
           {
             mah: 200,
-            className: "overflow-y-auto",
+            style: {
+              overflowY: "auto"
+            },
             ref: scrollRef,
             children: [
               data.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { ...virtualStyles.getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
@@ -139,15 +141,16 @@ function InfinitySelect({
                   },
                   renderOption ? renderOption({ option }) : getOptionLabel(option)
                 );
-              }) }) : !infinity.isFetching ? /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Empty, { className: "min-h-6", children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null,
+              }) }) : !infinity.isFetching ? /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null,
               /* @__PURE__ */ jsxRuntime.jsx(
                 index$1.InfinityLoader,
                 {
                   root: scrollRef,
                   infinity,
                   loaderProps: {
-                    size: "sm",
-                    className: "mt-1 mb-2"
+                    mt: 4,
+                    mb: 8,
+                    size: "sm"
                   }
                 }
               )

package/dist/components/SelectInfinity/index.js

@@ -116,7 +116,9 @@ function InfinitySelect({
           Combobox.Options,
           {
             mah: 200,
-            className: "overflow-y-auto",
+            style: {
+              overflowY: "auto"
+            },
             ref: scrollRef,
             children: [
               data.length > 0 ? /* @__PURE__ */ jsx("div", { ...getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
@@ -135,15 +137,16 @@ function InfinitySelect({
                   },
                   renderOption ? renderOption({ option }) : getOptionLabel(option)
                 );
-              }) }) : !infinity.isFetching ? /* @__PURE__ */ jsx(Combobox.Empty, { className: "min-h-6", children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null,
+              }) }) : !infinity.isFetching ? /* @__PURE__ */ jsx(Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null,
               /* @__PURE__ */ jsx(
                 InfinityLoader,
                 {
                   root: scrollRef,
                   infinity,
                   loaderProps: {
-                    size: "sm",
-                    className: "mt-1 mb-2"
+                    mt: 4,
+                    mb: 8,
+                    size: "sm"
                   }
                 }
               )

package/dist/hooks/useZodConfig.cjs

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
-const external = require('../node_modules/zod/v4/classic/external.cjs');
+const z = require('zod');
 
 const useZodConfig = () => {
   React.useEffect(() => {
-    external.config({
+    z.config({
       customError: (iss) => {
         if (iss.code === "too_small")
           return iss.minimum === 1 ? `Campo requerido` : `Minimo ${iss.minimum} caracteres`;

package/dist/hooks/useZodConfig.js

@@ -1,9 +1,9 @@
 import { useEffect } from 'react';
-import * as external from '../node_modules/zod/v4/classic/external.js';
+import z from 'zod';
 
 const useZodConfig = () => {
   useEffect(() => {
-    external.config({
+    z.config({
       customError: (iss) => {
         if (iss.code === "too_small")
           return iss.minimum === 1 ? `Campo requerido` : `Minimo ${iss.minimum} caracteres`;

package/dist/index.d.ts

@@ -45,8 +45,8 @@ import { TextInputProps } from '@mantine/core';
 import { TimeInputProps } from '@mantine/dates';
 import { UseFormReturn } from 'react-hook-form';
 import { VirtualItem } from '@tanstack/react-virtual';
-import { z } from 'zod/v4';
-import { ZodType } from 'zod/v4';
+import { z } from 'zod';
+import { ZodType } from 'zod';
 
 export declare const addBodyJsonHook: BeforeErrorHook;
 
@@ -86,7 +86,7 @@ export declare interface EmptyProps extends ComponentProps<'div'> {
     size?: keyof typeof pxBySize;
 }
 
-export declare const EmptyState: ({ label, action, icon, className, size, ...props }: EmptyProps) => JSX.Element;
+export declare const EmptyState: ({ label, action, icon, size, ...props }: EmptyProps) => JSX.Element;
 
 declare type ExtractPathParams<T extends string> = T extends `${string}:${infer Param}/${infer Rest}` ? {
     [K in Param | keyof ExtractPathParams<`/${Rest}`>]: string | number;
@@ -257,7 +257,7 @@ export declare enum HttpStatus {
     NetworkAuthenticationRequired = 511
 }
 
-export declare const Icon: ({ i: I, size, style, rotate, className, ...rest }: IconProps) => JSX.Element;
+export declare const Icon: ({ i: I, size, style, rotate, ...rest }: IconProps) => JSX.Element;
 
 export declare type IconFC = default_2.FC<ComponentPropsWithoutRef<'svg'>>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -53,11 +53,11 @@
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "@mantine/core": "^8.1.2",
-    "@mantine/dates": "^8.1.2",
-    "@mantine/hooks": "^8.1.2",
-    "@mantine/notifications": "^8.1.2",
-    "@tanstack/react-query": "^5.81.5",
+    "@mantine/core": "^8.1.3",
+    "@mantine/dates": "^8.1.3",
+    "@mantine/hooks": "^8.1.3",
+    "@mantine/notifications": "^8.1.3",
+    "@tanstack/react-query": "^5.83.0",
     "clsx": "^2.1.1",
     "ky": "^1.8.1",
     "next": "^15.3.5",
@@ -65,7 +65,7 @@
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.60.0",
     "react-query-kit": "^3.3.1",
-    "zod": "^3.25.74"
+    "zod": "^4.0.5"
   },
   "dependencies": {
     "@tanstack/react-virtual": "^3.13.12"

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

@@ -1,28 +0,0 @@
-'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

@@ -1,20 +0,0 @@
-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

@@ -1,37 +0,0 @@
-'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

@@ -1,30 +0,0 @@
-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

@@ -1,49 +0,0 @@
-'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

@@ -1,44 +0,0 @@
-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 };