lkd-web-kit 0.8.0 → 0.8.1

package/dist/hocs/withController.js

@@ -1,52 +1,44 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Controller } from 'react-hook-form';
-import { zodValidator } from '../form/utils/zodValidator.js';
-
-const withController = (WrappedComponent, getControllerProps) => {
-  const FormField = (props) => {
-    const { validate, name = "", placeholder, label, description, ...withFormRestProps } = props;
-    return /* @__PURE__ */ jsx(
-      Controller,
-      {
-        name,
-        defaultValue: "",
-        rules: {
-          validate: validate && !props.disabled ? zodValidator(validate) : void 0
-        },
-        disabled: props.disabled,
-        ...getControllerProps?.(props),
-        render: (renderProps) => {
-          const {
-            fieldState: { error }
-          } = renderProps;
-          const fieldProps = {
-            ...renderProps,
-            props: {
-              ...props,
-              validate: void 0,
-              onValueChange: void 0
-            },
-            field: {
-              ...renderProps.field,
-              onChange: (...value) => {
-                renderProps.field.onChange(...value);
-                props.onValueChange?.(...value);
-              },
-              label,
-              placeholder,
-              description,
-              error: error?.message
-            },
-            ...withFormRestProps
-          };
-          return /* @__PURE__ */ jsx(WrappedComponent, { ...fieldProps });
-        }
-      }
-    );
-  };
-  FormField.displayName = `WithForm(${WrappedComponent.displayName})`;
-  return FormField;
+"use client";
+import { zodValidator } from "../form/utils/zodValidator.js";
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+//#region src/hocs/withController.tsx
+var withController = (WrappedComponent, getControllerProps) => {
+	const FormField = (props) => {
+		const { validate, name = "", placeholder, label, description, ...withFormRestProps } = props;
+		return /* @__PURE__ */ jsx(Controller, {
+			name,
+			defaultValue: "",
+			rules: { validate: validate && !props.disabled ? zodValidator(validate) : void 0 },
+			disabled: props.disabled,
+			...getControllerProps?.(props),
+			render: (renderProps) => {
+				const { fieldState: { error } } = renderProps;
+				return /* @__PURE__ */ jsx(WrappedComponent, {
+					...renderProps,
+					props: {
+						...props,
+						validate: void 0,
+						onValueChange: void 0
+					},
+					field: {
+						...renderProps.field,
+						onChange: (...value) => {
+							renderProps.field.onChange(...value);
+							props.onValueChange?.(...value);
+						},
+						label,
+						placeholder,
+						description,
+						error: error?.message
+					},
+					...withFormRestProps
+				});
+			}
+		});
+	};
+	FormField.displayName = `WithForm(${WrappedComponent.displayName})`;
+	return FormField;
 };
-
+//#endregion
 export { withController };

package/dist/hocs/withModalManager.cjs

@@ -1,37 +1,31 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-
-const withModalManager = (WrappedComponent) => {
-  const Wrapper = ({ removeModal, ...props }) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const onClose = () => {
-      setIsOpen(false);
-      setTimeout(() => removeModal(), 200);
-      props.modalProps.onClose?.();
-    };
-    React.useEffect(() => {
-      if (props.modalProps.opened) setTimeout(() => setIsOpen(true), 0);
-      else onClose();
-    }, [props.modalProps.opened]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      WrappedComponent,
-      {
-        ...props,
-        modalProps: {
-          ...props.modalProps,
-          opened: isOpen,
-          onClose
-        }
-      }
-    );
-  };
-  Wrapper.displayName = `WithModalManager(${WrappedComponent.displayName})`;
-  return Wrapper;
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/hocs/withModalManager.tsx
+var withModalManager = (WrappedComponent) => {
+	const Wrapper = ({ removeModal, ...props }) => {
+		const [isOpen, setIsOpen] = (0, react.useState)(false);
+		const onClose = () => {
+			setIsOpen(false);
+			setTimeout(() => removeModal(), 200);
+			props.modalProps.onClose?.();
+		};
+		(0, react.useEffect)(() => {
+			if (props.modalProps.opened) setTimeout(() => setIsOpen(true), 0);
+			else onClose();
+		}, [props.modalProps.opened]);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedComponent, {
+			...props,
+			modalProps: {
+				...props.modalProps,
+				opened: isOpen,
+				onClose
+			}
+		});
+	};
+	Wrapper.displayName = `WithModalManager(${WrappedComponent.displayName})`;
+	return Wrapper;
 };
-
+//#endregion
 exports.withModalManager = withModalManager;

package/dist/hocs/withModalManager.js

@@ -1,33 +1,30 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-
-const withModalManager = (WrappedComponent) => {
-  const Wrapper = ({ removeModal, ...props }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const onClose = () => {
-      setIsOpen(false);
-      setTimeout(() => removeModal(), 200);
-      props.modalProps.onClose?.();
-    };
-    useEffect(() => {
-      if (props.modalProps.opened) setTimeout(() => setIsOpen(true), 0);
-      else onClose();
-    }, [props.modalProps.opened]);
-    return /* @__PURE__ */ jsx(
-      WrappedComponent,
-      {
-        ...props,
-        modalProps: {
-          ...props.modalProps,
-          opened: isOpen,
-          onClose
-        }
-      }
-    );
-  };
-  Wrapper.displayName = `WithModalManager(${WrappedComponent.displayName})`;
-  return Wrapper;
+"use client";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/hocs/withModalManager.tsx
+var withModalManager = (WrappedComponent) => {
+	const Wrapper = ({ removeModal, ...props }) => {
+		const [isOpen, setIsOpen] = useState(false);
+		const onClose = () => {
+			setIsOpen(false);
+			setTimeout(() => removeModal(), 200);
+			props.modalProps.onClose?.();
+		};
+		useEffect(() => {
+			if (props.modalProps.opened) setTimeout(() => setIsOpen(true), 0);
+			else onClose();
+		}, [props.modalProps.opened]);
+		return /* @__PURE__ */ jsx(WrappedComponent, {
+			...props,
+			modalProps: {
+				...props.modalProps,
+				opened: isOpen,
+				onClose
+			}
+		});
+	};
+	Wrapper.displayName = `WithModalManager(${WrappedComponent.displayName})`;
+	return Wrapper;
 };
-
+//#endregion
 export { withModalManager };

package/dist/hooks/useBreakpoint.cjs

@@ -1,14 +1,10 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const breakpointsWithPx = require('../mantine/breakpoints-with-px.cjs');
-const hooks = require('@mantine/hooks');
-
-const useBreakpoint = (breakpoint) => {
-  const matches = hooks.useMediaQuery(`(min-width: ${breakpointsWithPx.breakpointsWithPx[breakpoint]})`);
-  return matches;
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_breakpoints_with_px = require("../mantine/breakpoints-with-px.cjs");
+let _mantine_hooks = require("@mantine/hooks");
+//#region src/hooks/useBreakpoint.ts
+var useBreakpoint = (breakpoint) => {
+	return (0, _mantine_hooks.useMediaQuery)(`(min-width: ${require_breakpoints_with_px.breakpointsWithPx[breakpoint]})`);
 };
-
+//#endregion
 exports.useBreakpoint = useBreakpoint;

package/dist/hooks/useBreakpoint.js

@@ -1,10 +1,9 @@
-'use client';
-import { breakpointsWithPx } from '../mantine/breakpoints-with-px.js';
-import { useMediaQuery } from '@mantine/hooks';
-
-const useBreakpoint = (breakpoint) => {
-  const matches = useMediaQuery(`(min-width: ${breakpointsWithPx[breakpoint]})`);
-  return matches;
+"use client";
+import { breakpointsWithPx } from "../mantine/breakpoints-with-px.js";
+import { useMediaQuery } from "@mantine/hooks";
+//#region src/hooks/useBreakpoint.ts
+var useBreakpoint = (breakpoint) => {
+	return useMediaQuery(`(min-width: ${breakpointsWithPx[breakpoint]})`);
 };
-
+//#endregion
 export { useBreakpoint };

package/dist/hooks/useFetchNextPageOnScroll.cjs

@@ -1,23 +1,15 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const useOnScrollProgress = require('./useOnScrollProgress.cjs');
-
-const useFetchNextPageOnScroll = ({
-  infinity,
-  scrollRef,
-  disabled = false
-}) => {
-  useOnScrollProgress.useOnScrollProgress({
-    triggerPercentage: 0.9,
-    callback: () => {
-      if (infinity.hasNextPage) infinity.fetchNextPage();
-    },
-    scrollRef,
-    disabled
-  });
+"use client";
+const require_useOnScrollProgress = require("./useOnScrollProgress.cjs");
+//#region src/hooks/useFetchNextPageOnScroll.ts
+var useFetchNextPageOnScroll = ({ infinity, scrollRef, disabled = false }) => {
+	require_useOnScrollProgress.useOnScrollProgress({
+		triggerPercentage: .9,
+		callback: () => {
+			if (infinity.hasNextPage) infinity.fetchNextPage();
+		},
+		scrollRef,
+		disabled
+	});
 };
-
+//#endregion
 exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll;

package/dist/hooks/useFetchNextPageOnScroll.js

@@ -1,19 +1,15 @@
-'use client';
-import { useOnScrollProgress } from './useOnScrollProgress.js';
-
-const useFetchNextPageOnScroll = ({
-  infinity,
-  scrollRef,
-  disabled = false
-}) => {
-  useOnScrollProgress({
-    triggerPercentage: 0.9,
-    callback: () => {
-      if (infinity.hasNextPage) infinity.fetchNextPage();
-    },
-    scrollRef,
-    disabled
-  });
+"use client";
+import { useOnScrollProgress } from "./useOnScrollProgress.js";
+//#region src/hooks/useFetchNextPageOnScroll.ts
+var useFetchNextPageOnScroll = ({ infinity, scrollRef, disabled = false }) => {
+	useOnScrollProgress({
+		triggerPercentage: .9,
+		callback: () => {
+			if (infinity.hasNextPage) infinity.fetchNextPage();
+		},
+		scrollRef,
+		disabled
+	});
 };
-
+//#endregion
 export { useFetchNextPageOnScroll };

package/dist/hooks/useOnScrollProgress.cjs

@@ -1,39 +1,35 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-
-const useOnScrollProgress = ({
-  triggerPercentage,
-  callback,
-  scrollRef,
-  disabled = false
-}) => {
-  if (triggerPercentage < 0 || triggerPercentage > 1)
-    throw new Error("El porcentaje debe estar entre 0 y 1");
-  React.useEffect(() => {
-    if (disabled || scrollRef && scrollRef.current === null) return;
-    let hasTriggered = false;
-    const handleScroll = () => {
-      const el = scrollRef?.current;
-      const target = el ?? document.documentElement;
-      const scrollHeight = target.scrollHeight - target.clientHeight;
-      const scrollTop = el ? target.scrollTop : window.scrollY;
-      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
-      if (!hasTriggered && scrollProgress >= triggerPercentage) {
-        callback();
-        hasTriggered = true;
-      }
-    };
-    const scrollTarget = scrollRef?.current ?? window;
-    scrollTarget.addEventListener("scroll", handleScroll);
-    handleScroll();
-    return () => {
-      scrollTarget.removeEventListener("scroll", handleScroll);
-    };
-  }, [triggerPercentage, callback, scrollRef, disabled]);
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/hooks/useOnScrollProgress.ts
+var useOnScrollProgress = ({ triggerPercentage, callback, scrollRef, disabled = false }) => {
+	if (triggerPercentage < 0 || triggerPercentage > 1) throw new Error("El porcentaje debe estar entre 0 y 1");
+	(0, react.useEffect)(() => {
+		if (disabled || scrollRef && scrollRef.current === null) return;
+		let hasTriggered = false;
+		const handleScroll = () => {
+			const el = scrollRef?.current;
+			const target = el ?? document.documentElement;
+			const scrollHeight = target.scrollHeight - target.clientHeight;
+			const scrollTop = el ? target.scrollTop : window.scrollY;
+			const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
+			if (!hasTriggered && scrollProgress >= triggerPercentage) {
+				callback();
+				hasTriggered = true;
+			}
+		};
+		const scrollTarget = scrollRef?.current ?? window;
+		scrollTarget.addEventListener("scroll", handleScroll);
+		handleScroll();
+		return () => {
+			scrollTarget.removeEventListener("scroll", handleScroll);
+		};
+	}, [
+		triggerPercentage,
+		callback,
+		scrollRef,
+		disabled
+	]);
 };
-
+//#endregion
 exports.useOnScrollProgress = useOnScrollProgress;

package/dist/hooks/useOnScrollProgress.js

@@ -1,35 +1,34 @@
-'use client';
-import { useEffect } from 'react';
-
-const useOnScrollProgress = ({
-  triggerPercentage,
-  callback,
-  scrollRef,
-  disabled = false
-}) => {
-  if (triggerPercentage < 0 || triggerPercentage > 1)
-    throw new Error("El porcentaje debe estar entre 0 y 1");
-  useEffect(() => {
-    if (disabled || scrollRef && scrollRef.current === null) return;
-    let hasTriggered = false;
-    const handleScroll = () => {
-      const el = scrollRef?.current;
-      const target = el ?? document.documentElement;
-      const scrollHeight = target.scrollHeight - target.clientHeight;
-      const scrollTop = el ? target.scrollTop : window.scrollY;
-      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
-      if (!hasTriggered && scrollProgress >= triggerPercentage) {
-        callback();
-        hasTriggered = true;
-      }
-    };
-    const scrollTarget = scrollRef?.current ?? window;
-    scrollTarget.addEventListener("scroll", handleScroll);
-    handleScroll();
-    return () => {
-      scrollTarget.removeEventListener("scroll", handleScroll);
-    };
-  }, [triggerPercentage, callback, scrollRef, disabled]);
+"use client";
+import { useEffect } from "react";
+//#region src/hooks/useOnScrollProgress.ts
+var useOnScrollProgress = ({ triggerPercentage, callback, scrollRef, disabled = false }) => {
+	if (triggerPercentage < 0 || triggerPercentage > 1) throw new Error("El porcentaje debe estar entre 0 y 1");
+	useEffect(() => {
+		if (disabled || scrollRef && scrollRef.current === null) return;
+		let hasTriggered = false;
+		const handleScroll = () => {
+			const el = scrollRef?.current;
+			const target = el ?? document.documentElement;
+			const scrollHeight = target.scrollHeight - target.clientHeight;
+			const scrollTop = el ? target.scrollTop : window.scrollY;
+			const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
+			if (!hasTriggered && scrollProgress >= triggerPercentage) {
+				callback();
+				hasTriggered = true;
+			}
+		};
+		const scrollTarget = scrollRef?.current ?? window;
+		scrollTarget.addEventListener("scroll", handleScroll);
+		handleScroll();
+		return () => {
+			scrollTarget.removeEventListener("scroll", handleScroll);
+		};
+	}, [
+		triggerPercentage,
+		callback,
+		scrollRef,
+		disabled
+	]);
 };
-
+//#endregion
 export { useOnScrollProgress };

package/dist/hooks/useUpdateSearchParams.cjs

@@ -1,24 +1,24 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const navigation = require('next/navigation');
-
-const useUpdateSearchParams = () => {
-  const searchParams = navigation.useSearchParams();
-  const updateSearchParams = (newSearchparams) => {
-    const params = new URLSearchParams(searchParams.toString());
-    Object.entries(newSearchparams).forEach(([key, value]) => {
-      if (value === null) {
-        params.delete(key);
-        return;
-      }
-      params.set(key, String(value));
-    });
-    window?.history?.pushState(null, "", `?${params.toString()}`);
-  };
-  return { updateSearchParams, searchParams };
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+let next_navigation = require("next/navigation");
+//#region src/hooks/useUpdateSearchParams.ts
+var useUpdateSearchParams = () => {
+	const searchParams = (0, next_navigation.useSearchParams)();
+	const updateSearchParams = (newSearchparams) => {
+		const params = new URLSearchParams(searchParams.toString());
+		Object.entries(newSearchparams).forEach(([key, value]) => {
+			if (value === null) {
+				params.delete(key);
+				return;
+			}
+			params.set(key, String(value));
+		});
+		window?.history?.pushState(null, "", `?${params.toString()}`);
+	};
+	return {
+		updateSearchParams,
+		searchParams
+	};
 };
-
+//#endregion
 exports.useUpdateSearchParams = useUpdateSearchParams;

package/dist/hooks/useUpdateSearchParams.js

@@ -1,20 +1,23 @@
-'use client';
-import { useSearchParams } from 'next/navigation';
-
-const useUpdateSearchParams = () => {
-  const searchParams = useSearchParams();
-  const updateSearchParams = (newSearchparams) => {
-    const params = new URLSearchParams(searchParams.toString());
-    Object.entries(newSearchparams).forEach(([key, value]) => {
-      if (value === null) {
-        params.delete(key);
-        return;
-      }
-      params.set(key, String(value));
-    });
-    window?.history?.pushState(null, "", `?${params.toString()}`);
-  };
-  return { updateSearchParams, searchParams };
+"use client";
+import { useSearchParams } from "next/navigation";
+//#region src/hooks/useUpdateSearchParams.ts
+var useUpdateSearchParams = () => {
+	const searchParams = useSearchParams();
+	const updateSearchParams = (newSearchparams) => {
+		const params = new URLSearchParams(searchParams.toString());
+		Object.entries(newSearchparams).forEach(([key, value]) => {
+			if (value === null) {
+				params.delete(key);
+				return;
+			}
+			params.set(key, String(value));
+		});
+		window?.history?.pushState(null, "", `?${params.toString()}`);
+	};
+	return {
+		updateSearchParams,
+		searchParams
+	};
 };
-
+//#endregion
 export { useUpdateSearchParams };

package/dist/hooks/useZodConfig.cjs

@@ -1,21 +1,16 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-const z = require('zod');
-
-const useZodConfig = () => {
-  React.useEffect(() => {
-    z.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`;
-      }
-    });
-  }, []);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+let zod = require("zod");
+zod = require_runtime.__toESM(zod, 1);
+//#region src/hooks/useZodConfig.ts
+var useZodConfig = () => {
+	(0, react.useEffect)(() => {
+		zod.default.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`;
+		} });
+	}, []);
 };
-
+//#endregion
 exports.useZodConfig = useZodConfig;

package/dist/hooks/useZodConfig.js

@@ -1,17 +1,14 @@
-import { useEffect } from 'react';
-import z from 'zod';
-
-const useZodConfig = () => {
-  useEffect(() => {
-    z.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`;
-      }
-    });
-  }, []);
+import { useEffect } from "react";
+import z$1 from "zod";
+//#region src/hooks/useZodConfig.ts
+var useZodConfig = () => {
+	useEffect(() => {
+		z$1.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`;
+		} });
+	}, []);
 };
-
+//#endregion
 export { useZodConfig };