lkd-web-kit 0.4.12 → 0.5.0

package/dist/components/SelectInfinity/index.cjs

@@ -9,7 +9,7 @@ const core = require('@mantine/core');
 const hooks = require('@mantine/hooks');
 const index = require('../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs');
 const virtualStyles = require('../../utils/virtual-styles.cjs');
-const index$1 = require('../../dist/components/InfinityLoader/index.cjs');
+const index$1 = require('../InfinityLoader/index.cjs');
 
 function InfinitySelect({
   value,
@@ -104,11 +104,11 @@ function InfinitySelect({
               handleSearch(event.currentTarget.value);
             } : void 0,
             onClick: (event) => {
-              searchable ? combobox.openDropdown() : combobox.toggleDropdown();
+              if (!props.readOnly) searchable ? combobox.openDropdown() : combobox.toggleDropdown();
               props.onClick?.(event);
             },
             onFocus: (event) => {
-              if (searchable) combobox.openDropdown();
+              if (!props.readOnly && searchable) combobox.openDropdown();
               props.onFocus?.(event);
             },
             onBlur: (event) => {

package/dist/components/SelectInfinity/index.js

@@ -5,7 +5,7 @@ import { useCombobox, Combobox, InputBase, Input } from '@mantine/core';
 import { useUncontrolled } from '@mantine/hooks';
 import { useVirtualizer } from '../../node_modules/@tanstack/react-virtual/dist/esm/index.js';
 import { getVirtualContainerProps, getVirtualItemProps } from '../../utils/virtual-styles.js';
-import { InfinityLoader } from '../../dist/components/InfinityLoader/index.js';
+import { InfinityLoader } from '../InfinityLoader/index.js';
 
 function InfinitySelect({
   value,
@@ -100,11 +100,11 @@ function InfinitySelect({
               handleSearch(event.currentTarget.value);
             } : void 0,
             onClick: (event) => {
-              searchable ? combobox.openDropdown() : combobox.toggleDropdown();
+              if (!props.readOnly) searchable ? combobox.openDropdown() : combobox.toggleDropdown();
               props.onClick?.(event);
             },
             onFocus: (event) => {
-              if (searchable) combobox.openDropdown();
+              if (!props.readOnly && searchable) combobox.openDropdown();
               props.onFocus?.(event);
             },
             onBlur: (event) => {

package/dist/form/base/FormCheckbox.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormCheckbox = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormCheckbox = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   core.Checkbox,
   {
     ...field,

package/dist/form/base/FormCheckbox.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { Checkbox } from '@mantine/core';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormCheckbox = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormCheckbox = withController(({ field, props }) => /* @__PURE__ */ jsx(
   Checkbox,
   {
     ...field,

package/dist/form/base/FormDateInput.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyDateInput/index.cjs');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormDateInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormDateInput = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   index.MyDateInput,
   {
     ...field,

package/dist/form/base/FormDateInput.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { MyDateInput } from '../../components/MyDateInput/index.js';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormDateInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormDateInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyDateInput,
   {
     ...field,

package/dist/form/base/FormDatePickerInput.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyDatePickerInput/index.cjs');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormDatePickerInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormDatePickerInput = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   index.MyDatePickerInput,
   {
     ...field,

package/dist/form/base/FormDatePickerInput.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { MyDatePickerInput } from '../../components/MyDatePickerInput/index.js';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormDatePickerInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormDatePickerInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyDatePickerInput,
   {
     ...field,

package/dist/form/base/FormDateTimePicker.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyDateTimePicker/index.cjs');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormDateTimePicker = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormDateTimePicker = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   index.MyDateTimePicker,
   {
     ...field,

package/dist/form/base/FormDateTimePicker.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { MyDateTimePicker } from '../../components/MyDateTimePicker/index.js';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormDateTimePicker = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormDateTimePicker = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyDateTimePicker,
   {
     ...field,

package/dist/form/base/FormMonthPickerInput.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyMonthPickerInput/index.cjs');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormMonthPickerInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormMonthPickerInput = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   index.MyMonthPickerInput,
   {
     ...field,

package/dist/form/base/FormMonthPickerInput.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { MyMonthPickerInput } from '../../components/MyMonthPickerInput/index.js';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormMonthPickerInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormMonthPickerInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyMonthPickerInput,
   {
     ...field,

package/dist/form/base/FormMultiSelect.cjs

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

package/dist/form/base/FormMultiSelect.js

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

package/dist/form/base/FormNumberInput.cjs

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

package/dist/form/base/FormNumberInput.js

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

package/dist/form/base/FormRadioGroup.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormRadioGroup = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormRadioGroup = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   core.Radio.Group,
   {
     ...field,

package/dist/form/base/FormRadioGroup.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { Radio } from '@mantine/core';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormRadioGroup = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormRadioGroup = withController(({ field, props }) => /* @__PURE__ */ jsx(
   Radio.Group,
   {
     ...field,

package/dist/form/base/FormSelect.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MySelect/index.cjs');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormSelect = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormSelect = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   index.MySelect,
   {
     ...field,

package/dist/form/base/FormSelect.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { MySelect } from '../../components/MySelect/index.js';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormSelect = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormSelect = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MySelect,
   {
     ...field,

package/dist/form/base/FormSelectInfinity.cjs

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const withForm = require('../../dist/hocs/withForm.cjs');
 const index = require('../../components/SelectInfinity/index.cjs');
+const withForm = require('../../hocs/withForm.cjs');
 
-const FormInfinitySelect = withForm.withForm(({ field, props }) => {
+const FormInfinitySelect = withForm.withController(({ field, props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     index.InfinitySelect,
     {

package/dist/form/base/FormSelectInfinity.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { withForm } from '../../dist/hocs/withForm.js';
 import { InfinitySelect } from '../../components/SelectInfinity/index.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormInfinitySelect = withForm(({ field, props }) => {
+const FormInfinitySelect = withController(({ field, props }) => {
   return /* @__PURE__ */ jsx(
     InfinitySelect,
     {

package/dist/form/base/FormTextInput.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyTextInput/index.cjs');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormTextInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormTextInput = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   index.MyTextInput,
   {
     ...field,

package/dist/form/base/FormTextInput.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { MyTextInput } from '../../components/MyTextInput/index.js';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormTextInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormTextInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyTextInput,
   {
     ...field,

package/dist/form/base/FormTextarea.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyTextarea/index.cjs');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormTextarea = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormTextarea = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   index.MyTextarea,
   {
     ...field,

package/dist/form/base/FormTextarea.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { MyTextarea } from '../../components/MyTextarea/index.js';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormTextarea = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormTextarea = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyTextarea,
   {
     ...field,

package/dist/form/base/FormTimeInput.cjs

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyTimeInput/index.cjs');
 const withForm = require('../../hocs/withForm.cjs');
 
-const FormTimeInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormTimeInput = withForm.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
   index.MyTimeInput,
   {
     ...field,

package/dist/form/base/FormTimeInput.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { MyTimeInput } from '../../components/MyTimeInput/index.js';
-import { withForm } from '../../hocs/withForm.js';
+import { withController } from '../../hocs/withForm.js';
 
-const FormTimeInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormTimeInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyTimeInput,
   {
     ...field,

package/dist/hocs/withForm.cjs

@@ -7,7 +7,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const reactHookForm = require('react-hook-form');
 const zodValidator = require('../form/utils/zodValidator.cjs');
 
-const withForm = (WrappedComponent, getControllerProps) => {
+const withController = (WrappedComponent, getControllerProps) => {
   const FormField = (props) => {
     const { validate, name = "", placeholder, label, description, ...withFormRestProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -48,4 +48,4 @@ const withForm = (WrappedComponent, getControllerProps) => {
   return FormField;
 };
 
-exports.withForm = withForm;
+exports.withController = withController;

package/dist/hocs/withForm.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Controller } from 'react-hook-form';
 import { zodValidator } from '../form/utils/zodValidator.js';
 
-const withForm = (WrappedComponent, getControllerProps) => {
+const withController = (WrappedComponent, getControllerProps) => {
   const FormField = (props) => {
     const { validate, name = "", placeholder, label, description, ...withFormRestProps } = props;
     return /* @__PURE__ */ jsx(
@@ -44,4 +44,4 @@ const withForm = (WrappedComponent, getControllerProps) => {
   return FormField;
 };
 
-export { withForm };
+export { withController };

package/dist/hocs/withModalManager.cjs

@@ -9,25 +9,27 @@ const React = require('react');
 const withModalManager = (WrappedComponent) => {
   const Component = ({
     removeModal,
-    opened,
     ...props
   }) => {
     const [isOpen, setIsOpen] = React.useState(false);
     const onClose = () => {
       setIsOpen(false);
       setTimeout(() => removeModal(), 200);
-      props.onClose?.();
+      props.modalProps.onClose();
     };
     React.useEffect(() => {
-      if (opened) setTimeout(() => setIsOpen(true), 0);
+      if (props.modalProps.opened) setTimeout(() => setIsOpen(true), 0);
       else onClose();
-    }, [opened]);
+    }, [props.modalProps.opened]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       WrappedComponent,
       {
         ...props,
-        opened: isOpen,
-        onClose
+        modalProps: {
+          ...props.modalProps,
+          opened: isOpen,
+          onClose
+        }
       }
     );
   };

package/dist/hocs/withModalManager.js

@@ -5,25 +5,27 @@ import { useState, useEffect } from 'react';
 const withModalManager = (WrappedComponent) => {
   const Component = ({
     removeModal,
-    opened,
     ...props
   }) => {
     const [isOpen, setIsOpen] = useState(false);
     const onClose = () => {
       setIsOpen(false);
       setTimeout(() => removeModal(), 200);
-      props.onClose?.();
+      props.modalProps.onClose();
     };
     useEffect(() => {
-      if (opened) setTimeout(() => setIsOpen(true), 0);
+      if (props.modalProps.opened) setTimeout(() => setIsOpen(true), 0);
       else onClose();
-    }, [opened]);
+    }, [props.modalProps.opened]);
     return /* @__PURE__ */ jsx(
       WrappedComponent,
       {
         ...props,
-        opened: isOpen,
-        onClose
+        modalProps: {
+          ...props.modalProps,
+          opened: isOpen,
+          onClose
+        }
       }
     );
   };

package/dist/index.cjs

@@ -105,7 +105,7 @@ exports.timeInputToNumber = FormTimeInput.timeInputToNumber;
 exports.FormMultiSelect = FormMultiSelect.FormMultiSelect;
 exports.FormMonthPickerInput = FormMonthPickerInput.FormMonthPickerInput;
 exports.FormDateInput = FormDateInput.FormDateInput;
-exports.withForm = withForm.withForm;
+exports.withController = withForm.withController;
 exports.withModalManager = withModalManager.withModalManager;
 exports.useBreakpoint = useBreakpoint.useBreakpoint;
 exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll.useFetchNextPageOnScroll;

package/dist/index.d.ts

@@ -556,7 +556,7 @@ export declare const useUpdateSearchParams: () => {
 
 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 const withController: <P extends unknown>(WrappedComponent: React.ComponentType<FormFieldProps<P>>, getControllerProps?: (fieldProps: P) => Omit<Partial<ControllerProps>, "render">) => FC<P & WithFormProps>;
 
 export declare interface WithFormProps {
     name?: string;
@@ -567,13 +567,18 @@ export declare interface WithFormProps {
     disabled?: boolean;
 }
 
-export declare const withModalManager: <P extends Object>(WrappedComponent: React.ComponentType<P & ModalProps>) => FC<P & WithModalManagerProps & ModalProps>;
+export declare const withModalManager: <CustomProps extends Object>(WrappedComponent: React.ComponentType<WrappedComponentProps<CustomProps>>) => FC<CustomProps & {
+modalProps: ModalProps;
+} & WithModalManagerProps>;
 
-export declare interface WithModalManagerProps {
+declare interface WithModalManagerProps {
     removeModal: () => void;
-    opened: boolean;
 }
 
+export declare type WrappedComponentProps<T = any> = T & {
+    modalProps: ModalProps;
+};
+
 export declare const zodValidator: (schema: ZodType) => (values: any) => string | undefined;
 
 export { }

package/dist/index.js

@@ -36,7 +36,7 @@ export { FormTimeInput, numberToTimeInput, timeInputToNumber } from './form/base
 export { FormMultiSelect } from './form/base/FormMultiSelect.js';
 export { FormMonthPickerInput } from './form/base/FormMonthPickerInput.js';
 export { FormDateInput } from './form/base/FormDateInput.js';
-export { withForm } from './hocs/withForm.js';
+export { withController } from './hocs/withForm.js';
 export { withModalManager } from './hocs/withModalManager.js';
 export { useBreakpoint } from './hooks/useBreakpoint.js';
 export { useFetchNextPageOnScroll } from './hooks/useFetchNextPageOnScroll.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.4.12",
+  "version": "0.5.0",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -53,19 +53,19 @@
     "vitest": "^3.2.4"
   },
   "peerDependencies": { 
-    "@mantine/core": "^8.2.1",
-    "@mantine/dates": "^8.2.1",
-    "@mantine/hooks": "^8.2.1",
-    "@mantine/notifications": "^8.2.1",
+    "@mantine/core": "^8.2.2",
+    "@mantine/dates": "^8.2.2",
+    "@mantine/hooks": "^8.2.2",
+    "@mantine/notifications": "^8.2.2",
     "@tanstack/react-query": "^5.83.0",
     "clsx": "^2.1.1",
     "ky": "^1.8.2",
-    "next": "^15.4.2",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-hook-form": "^7.60.0",
+    "next": "^15.4.5",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-hook-form": "^7.61.1",
     "react-query-kit": "^3.3.1",
-    "zod": "^4.0.5"
+    "zod": "^4.0.14"
   },
   "dependencies": {
     "@tanstack/react-virtual": "^3.13.12"

package/dist/dist/components/InfinityLoader/index.cjs

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const core = require('@mantine/core');
-const hooks = require('@mantine/hooks');
-const React = require('react');
-
-const InfinityLoader = ({
-  root,
-  infinity,
-  rootMargin = "0px 0px 0px 0px",
-  endMessage = "No hay más resultados",
-  loaderProps,
-  ...props
-}) => {
-  const { entry, ref } = hooks.useIntersection({
-    root: root?.current,
-    rootMargin
-  });
-  React.useEffect(() => {
-    if (entry?.isIntersecting && infinity.hasNextPage) infinity.fetchNextPage();
-  }, [entry?.isIntersecting]);
-  React.useEffect(() => {
-    if (!entry?.isIntersecting) return;
-    const el = root?.current ?? document.documentElement;
-    const hasScroll = el?.scrollHeight > el?.clientHeight;
-    if (!hasScroll) infinity.fetchNextPage();
-  }, [entry?.isIntersecting, infinity.data?.pages.length]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.Center,
-    {
-      ref,
-      ...props,
-      style: {
-        minHeight: "1rem",
-        fontSize: "14px",
-        ...props.style
-      },
-      children: infinity.isLoading || infinity.isFetchingNextPage ? /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { ...loaderProps }) : infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage ? endMessage : null
-    }
-  );
-};
-
-exports.InfinityLoader = InfinityLoader;

package/dist/dist/components/InfinityLoader/index.js

@@ -1,42 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Center, Loader } from '@mantine/core';
-import { useIntersection } from '@mantine/hooks';
-import { useEffect } from 'react';
-
-const InfinityLoader = ({
-  root,
-  infinity,
-  rootMargin = "0px 0px 0px 0px",
-  endMessage = "No hay más resultados",
-  loaderProps,
-  ...props
-}) => {
-  const { entry, ref } = useIntersection({
-    root: root?.current,
-    rootMargin
-  });
-  useEffect(() => {
-    if (entry?.isIntersecting && infinity.hasNextPage) infinity.fetchNextPage();
-  }, [entry?.isIntersecting]);
-  useEffect(() => {
-    if (!entry?.isIntersecting) return;
-    const el = root?.current ?? document.documentElement;
-    const hasScroll = el?.scrollHeight > el?.clientHeight;
-    if (!hasScroll) infinity.fetchNextPage();
-  }, [entry?.isIntersecting, infinity.data?.pages.length]);
-  return /* @__PURE__ */ jsx(
-    Center,
-    {
-      ref,
-      ...props,
-      style: {
-        minHeight: "1rem",
-        fontSize: "14px",
-        ...props.style
-      },
-      children: infinity.isLoading || infinity.isFetchingNextPage ? /* @__PURE__ */ jsx(Loader, { ...loaderProps }) : infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage ? endMessage : null
-    }
-  );
-};
-
-export { InfinityLoader };

package/dist/dist/form/utils/zodValidator.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const zodValidator = (schema) => {
-  return (values) => {
-    const result = schema.safeParse(values);
-    if (result.success) return;
-    const { error } = result;
-    const firstError = error.issues[0];
-    return firstError?.message;
-  };
-};
-
-exports.zodValidator = zodValidator;

package/dist/dist/form/utils/zodValidator.js

@@ -1,11 +0,0 @@
-const zodValidator = (schema) => {
-  return (values) => {
-    const result = schema.safeParse(values);
-    if (result.success) return;
-    const { error } = result;
-    const firstError = error.issues[0];
-    return firstError?.message;
-  };
-};
-
-export { zodValidator };

package/dist/dist/hocs/withForm.cjs

@@ -1,51 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHookForm = require('react-hook-form');
-const zodValidator = require('../form/utils/zodValidator.cjs');
-
-const withForm = (WrappedComponent, getControllerProps) => {
-  const FormField = (props) => {
-    const { validate, name = "", placeholder, label, description, ...withFormRestProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactHookForm.Controller,
-      {
-        name,
-        defaultValue: "",
-        rules: {
-          validate: validate && !props.disabled ? zodValidator.zodValidator(validate) : void 0
-        },
-        disabled: props.disabled,
-        ...getControllerProps?.(props),
-        render: (renderProps) => {
-          const {
-            fieldState: { error }
-          } = renderProps;
-          const fieldProps = {
-            ...renderProps,
-            props: {
-              ...props,
-              validate: void 0
-            },
-            field: {
-              ...renderProps.field,
-              label,
-              placeholder,
-              description,
-              error: error?.message
-            },
-            ...withFormRestProps
-          };
-          return /* @__PURE__ */ jsxRuntime.jsx(WrappedComponent, { ...fieldProps });
-        }
-      }
-    );
-  };
-  FormField.displayName = `WithForm(${WrappedComponent.displayName})`;
-  return FormField;
-};
-
-exports.withForm = withForm;

package/dist/dist/hocs/withForm.js

@@ -1,47 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Controller } from 'react-hook-form';
-import { zodValidator } from '../form/utils/zodValidator.js';
-
-const withForm = (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
-            },
-            field: {
-              ...renderProps.field,
-              label,
-              placeholder,
-              description,
-              error: error?.message
-            },
-            ...withFormRestProps
-          };
-          return /* @__PURE__ */ jsx(WrappedComponent, { ...fieldProps });
-        }
-      }
-    );
-  };
-  FormField.displayName = `WithForm(${WrappedComponent.displayName})`;
-  return FormField;
-};
-
-export { withForm };