lkd-web-kit 0.8.0 → 0.8.2

package/dist/utils/new-route.js

@@ -1,40 +1,35 @@
-import { queryStringify } from './query-stringify.js';
-
+import { queryStringify } from "./query-stringify.js";
+//#region src/utils/new-route.ts
 function buildPathFromTemplate(path, params) {
-  return path.replace(/:([a-zA-Z0-9_]+)/g, (_, key) => {
-    const value = params[key];
-    if (value === void 0) {
-      throw new Error(`Falta el parámetro de ruta: ${key}`);
-    }
-    return encodeURIComponent(String(value));
-  });
+	return path.replace(/:([a-zA-Z0-9_]+)/g, (_, key) => {
+		const value = params[key];
+		if (value === void 0) throw new Error(`Falta el parámetro de ruta: ${key}`);
+		return encodeURIComponent(String(value));
+	});
 }
 function createNewRoute(config) {
-  const globalQueryBuilder = config?.queryBuilder;
-  function getPathStrategy(arg, options) {
-    if (options?.pathBuilder) {
-      return (params) => options.pathBuilder(params);
-    } else if (typeof arg === "string") {
-      const template = arg;
-      return (params) => buildPathFromTemplate(template, params);
-    } else {
-      const fn = arg;
-      return (params) => fn(params);
-    }
-  }
-  function newRoute2(arg, options) {
-    const pathStrategy = getPathStrategy(arg, options);
-    const queryBuilder = options?.queryBuilder || globalQueryBuilder;
-    const queryStrategy = queryBuilder ? (query) => queryBuilder(query) : queryStringify;
-    return (params = {}) => {
-      const { query = {}, ...pathParams } = params;
-      const path = pathStrategy(pathParams);
-      const queryString = queryStrategy(query);
-      return path + queryString;
-    };
-  }
-  return newRoute2;
+	const globalQueryBuilder = config?.queryBuilder;
+	function getPathStrategy(arg, options) {
+		if (options?.pathBuilder) return (params) => options.pathBuilder(params);
+		else if (typeof arg === "string") {
+			const template = arg;
+			return (params) => buildPathFromTemplate(template, params);
+		} else {
+			const fn = arg;
+			return (params) => fn(params);
+		}
+	}
+	function newRoute(arg, options) {
+		const pathStrategy = getPathStrategy(arg, options);
+		const queryBuilder = options?.queryBuilder || globalQueryBuilder;
+		const queryStrategy = queryBuilder ? (query) => queryBuilder(query) : queryStringify;
+		return (params = {}) => {
+			const { query = {}, ...pathParams } = params;
+			return pathStrategy(pathParams) + queryStrategy(query);
+		};
+	}
+	return newRoute;
 }
-const newRoute = createNewRoute();
-
+var newRoute = createNewRoute();
+//#endregion
 export { createNewRoute, newRoute };

package/dist/utils/query-stringify.cjs

@@ -1,10 +1,7 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const queryStringify = (query = {}) => {
-  const entries = Object.entries(query).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => [key, String(value)]);
-  return entries.length ? `?${new URLSearchParams(entries).toString()}` : "";
+//#region src/utils/query-stringify.ts
+var queryStringify = (query = {}) => {
+	const entries = Object.entries(query).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => [key, String(value)]);
+	return entries.length ? `?${new URLSearchParams(entries).toString()}` : "";
 };
-
+//#endregion
 exports.queryStringify = queryStringify;

package/dist/utils/query-stringify.js

@@ -1,6 +1,7 @@
-const queryStringify = (query = {}) => {
-  const entries = Object.entries(query).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => [key, String(value)]);
-  return entries.length ? `?${new URLSearchParams(entries).toString()}` : "";
+//#region src/utils/query-stringify.ts
+var queryStringify = (query = {}) => {
+	const entries = Object.entries(query).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => [key, String(value)]);
+	return entries.length ? `?${new URLSearchParams(entries).toString()}` : "";
 };
-
+//#endregion
 export { queryStringify };

package/dist/utils/virtual-styles.cjs

@@ -1,30 +1,25 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const getVirtualItemProps = (item, virtualizer) => {
-  return {
-    ref: virtualizer.measureElement,
-    ["data-index"]: item.index,
-    style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      transform: `translateY(${item.start - virtualizer.options.scrollMargin}px)`
-    },
-    key: item.key
-  };
+//#region src/utils/virtual-styles.ts
+var getVirtualItemProps = (item, virtualizer) => {
+	return {
+		ref: virtualizer.measureElement,
+		["data-index"]: item.index,
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			transform: `translateY(${item.start - virtualizer.options.scrollMargin}px)`
+		},
+		key: item.key
+	};
 };
-const getVirtualContainerProps = (virtualizer) => {
-  return {
-    style: {
-      height: virtualizer.getTotalSize(),
-      width: "100%",
-      position: "relative"
-    }
-  };
+var getVirtualContainerProps = (virtualizer) => {
+	return { style: {
+		height: virtualizer.getTotalSize(),
+		width: "100%",
+		position: "relative"
+	} };
 };
-
+//#endregion
 exports.getVirtualContainerProps = getVirtualContainerProps;
 exports.getVirtualItemProps = getVirtualItemProps;

package/dist/utils/virtual-styles.js

@@ -1,25 +1,24 @@
-const getVirtualItemProps = (item, virtualizer) => {
-  return {
-    ref: virtualizer.measureElement,
-    ["data-index"]: item.index,
-    style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      transform: `translateY(${item.start - virtualizer.options.scrollMargin}px)`
-    },
-    key: item.key
-  };
+//#region src/utils/virtual-styles.ts
+var getVirtualItemProps = (item, virtualizer) => {
+	return {
+		ref: virtualizer.measureElement,
+		["data-index"]: item.index,
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			transform: `translateY(${item.start - virtualizer.options.scrollMargin}px)`
+		},
+		key: item.key
+	};
 };
-const getVirtualContainerProps = (virtualizer) => {
-  return {
-    style: {
-      height: virtualizer.getTotalSize(),
-      width: "100%",
-      position: "relative"
-    }
-  };
+var getVirtualContainerProps = (virtualizer) => {
+	return { style: {
+		height: virtualizer.getTotalSize(),
+		width: "100%",
+		position: "relative"
+	} };
 };
-
+//#endregion
 export { getVirtualContainerProps, getVirtualItemProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -17,7 +17,7 @@
   },
   "sideEffects": false,
   "engines": {
-    "node": ">=22"
+    "node": ">=22.12.0"
   },
   "files": ["dist"],
   "scripts": {
@@ -29,38 +29,39 @@
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.8",
+    "@biomejs/biome": "2.4.14",
+    "@tanstack/react-virtual": "^3.13.24",
     "@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",
+    "@vitejs/plugin-react-swc": "^4.3.0",
+    "@vitest/coverage-v8": "^4.1.5",
     "jsdom": "^26.1.0",
+    "rollup": "^4.53.3",
     "rollup-preserve-directives": "^1.1.3",
     "typescript": "^5.9.2",
-    "vite": "^7.1.3",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
+    "vite": "^8.0.10",
+    "vite-plugin-dts": "^5.0.0",
+    "vitest": "^4.1.5"
   },
   "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",
+    "@mantine/core": "^9.1.1",
+    "@mantine/dates": "^9.1.1",
+    "@mantine/hooks": "^9.1.1",
+    "@mantine/notifications": "^9.1.1",
+    "@tanstack/react-query": "^5.100.9",
+    "@tanstack/react-virtual": "^3.13.24",
     "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"
+    "react-hook-form": "^7.75.0",
+    "react-query-kit": "^3.3.3",
+    "zod": "^4.4.3"
   },
-  "dependencies": {
-    "@tanstack/react-virtual": "^3.13.24"
-  }
+  "dependencies": {}
 }

package/dist/node_modules/@mantine/notifications/styles.css

@@ -1,42 +0,0 @@
-.m_b37d9ac7 {
-  width: calc(100% - var(--mantine-spacing-md) * 2);
-  position: fixed;
-  z-index: var(--notifications-z-index);
-  max-width: var(--notifications-container-width);
-}
-
-  .m_b37d9ac7:where([data-position='top-center']) {
-    top: var(--mantine-spacing-md);
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .m_b37d9ac7:where([data-position='top-left']) {
-    top: var(--mantine-spacing-md);
-    left: var(--mantine-spacing-md);
-  }
-
-  .m_b37d9ac7:where([data-position='top-right']) {
-    top: var(--mantine-spacing-md);
-    right: var(--mantine-spacing-md);
-  }
-
-  .m_b37d9ac7:where([data-position='bottom-center']) {
-    bottom: var(--mantine-spacing-md);
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .m_b37d9ac7:where([data-position='bottom-left']) {
-    bottom: var(--mantine-spacing-md);
-    left: var(--mantine-spacing-md);
-  }
-
-  .m_b37d9ac7:where([data-position='bottom-right']) {
-    bottom: var(--mantine-spacing-md);
-    right: var(--mantine-spacing-md);
-  }
-
-.m_5ed0edd0 + .m_5ed0edd0 {
-    margin-top: var(--mantine-spacing-md);
-  }

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

@@ -1,74 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-const reactDom = require('react-dom');
-const index = require('../../../virtual-core/dist/esm/index.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const useIsomorphicLayoutEffect = typeof document !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
-function useVirtualizerBase({
-  useFlushSync = true,
-  ...options
-}) {
-  const rerender = React__namespace.useReducer(() => ({}), {})[1];
-  const resolvedOptions = {
-    ...options,
-    onChange: (instance2, sync) => {
-      var _a;
-      if (useFlushSync && sync) {
-        reactDom.flushSync(rerender);
-      } else {
-        rerender();
-      }
-      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);
-    }
-  };
-  const [instance] = React__namespace.useState(
-    () => new index.Virtualizer(resolvedOptions)
-  );
-  instance.setOptions(resolvedOptions);
-  useIsomorphicLayoutEffect(() => {
-    return instance._didMount();
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    return instance._willUpdate();
-  });
-  return instance;
-}
-function useVirtualizer(options) {
-  return useVirtualizerBase({
-    observeElementRect: index.observeElementRect,
-    observeElementOffset: index.observeElementOffset,
-    scrollToFn: index.elementScroll,
-    ...options
-  });
-}
-
-exports.Virtualizer = index.Virtualizer;
-exports.defaultKeyExtractor = index.defaultKeyExtractor;
-exports.defaultRangeExtractor = index.defaultRangeExtractor;
-exports.elementScroll = index.elementScroll;
-exports.measureElement = index.measureElement;
-exports.observeElementOffset = index.observeElementOffset;
-exports.observeElementRect = index.observeElementRect;
-exports.useVirtualizer = useVirtualizer;

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

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import { flushSync } from 'react-dom';
-import { Virtualizer, elementScroll, observeElementOffset, observeElementRect } from '../../../virtual-core/dist/esm/index.js';
-export { defaultKeyExtractor, defaultRangeExtractor, measureElement } from '../../../virtual-core/dist/esm/index.js';
-
-const useIsomorphicLayoutEffect = typeof document !== "undefined" ? React.useLayoutEffect : React.useEffect;
-function useVirtualizerBase({
-  useFlushSync = true,
-  ...options
-}) {
-  const rerender = React.useReducer(() => ({}), {})[1];
-  const resolvedOptions = {
-    ...options,
-    onChange: (instance2, sync) => {
-      var _a;
-      if (useFlushSync && sync) {
-        flushSync(rerender);
-      } else {
-        rerender();
-      }
-      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);
-    }
-  };
-  const [instance] = React.useState(
-    () => new Virtualizer(resolvedOptions)
-  );
-  instance.setOptions(resolvedOptions);
-  useIsomorphicLayoutEffect(() => {
-    return instance._didMount();
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    return instance._willUpdate();
-  });
-  return instance;
-}
-function useVirtualizer(options) {
-  return useVirtualizerBase({
-    observeElementRect,
-    observeElementOffset,
-    scrollToFn: elementScroll,
-    ...options
-  });
-}
-
-export { Virtualizer, elementScroll, observeElementOffset, observeElementRect, useVirtualizer };