lkd-web-kit 0.4.13 → 0.5.1

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,

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,

package/dist/form/base/FormCheckbox.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormCheckbox = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormCheckbox = withController.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/withController.js';
 
-const FormCheckbox = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormCheckbox = withController(({ field, props }) => /* @__PURE__ */ jsx(
   Checkbox,
   {
     ...field,

package/dist/form/base/FormDateInput.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyDateInput/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormDateInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormDateInput = withController.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/withController.js';
 
-const FormDateInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormDateInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyDateInput,
   {
     ...field,

package/dist/form/base/FormDatePickerInput.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyDatePickerInput/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormDatePickerInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormDatePickerInput = withController.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/withController.js';
 
-const FormDatePickerInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormDatePickerInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyDatePickerInput,
   {
     ...field,

package/dist/form/base/FormDateTimePicker.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyDateTimePicker/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormDateTimePicker = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormDateTimePicker = withController.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/withController.js';
 
-const FormDateTimePicker = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormDateTimePicker = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyDateTimePicker,
   {
     ...field,

package/dist/form/base/FormMonthPickerInput.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyMonthPickerInput/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormMonthPickerInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormMonthPickerInput = withController.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/withController.js';
 
-const FormMonthPickerInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormMonthPickerInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyMonthPickerInput,
   {
     ...field,

package/dist/form/base/FormMultiSelect.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyMultiSelect/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormMultiSelect = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormMultiSelect = withController.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/withController.js';
 
-const FormMultiSelect = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormMultiSelect = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyMultiSelect,
   {
     ...field,

package/dist/form/base/FormNumberInput.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyNumberInput/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormNumberInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormNumberInput = withController.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/withController.js';
 
-const FormNumberInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormNumberInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyNumberInput,
   {
     ...field,

package/dist/form/base/FormRadioGroup.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormRadioGroup = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormRadioGroup = withController.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/withController.js';
 
-const FormRadioGroup = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormRadioGroup = withController(({ field, props }) => /* @__PURE__ */ jsx(
   Radio.Group,
   {
     ...field,

package/dist/form/base/FormSelect.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MySelect/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormSelect = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormSelect = withController.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/withController.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 withController = require('../../hocs/withController.cjs');
 
-const FormInfinitySelect = withForm.withForm(({ field, props }) => {
+const FormInfinitySelect = withController.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/withController.js';
 
-const FormInfinitySelect = withForm(({ field, props }) => {
+const FormInfinitySelect = withController(({ field, props }) => {
   return /* @__PURE__ */ jsx(
     InfinitySelect,
     {

package/dist/form/base/FormTextInput.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyTextInput/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormTextInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormTextInput = withController.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/withController.js';
 
-const FormTextInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormTextInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyTextInput,
   {
     ...field,

package/dist/form/base/FormTextarea.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyTextarea/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormTextarea = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormTextarea = withController.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/withController.js';
 
-const FormTextarea = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormTextarea = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyTextarea,
   {
     ...field,

package/dist/form/base/FormTimeInput.cjs

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../components/MyTimeInput/index.cjs');
-const withForm = require('../../hocs/withForm.cjs');
+const withController = require('../../hocs/withController.cjs');
 
-const FormTimeInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+const FormTimeInput = withController.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/withController.js';
 
-const FormTimeInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+const FormTimeInput = withController(({ field, props }) => /* @__PURE__ */ jsx(
   MyTimeInput,
   {
     ...field,

package/dist/hocs/{withForm.cjs → withController.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 → withController.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

@@ -7,27 +7,26 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 
 const withModalManager = (WrappedComponent) => {
-  const Component = ({
-    removeModal,
-    opened,
-    ...props
-  }) => {
+  const Component = ({ removeModal, ...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

@@ -3,27 +3,26 @@ import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 
 const withModalManager = (WrappedComponent) => {
-  const Component = ({
-    removeModal,
-    opened,
-    ...props
-  }) => {
+  const Component = ({ removeModal, ...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

@@ -40,7 +40,7 @@ const FormTimeInput = require('./form/base/FormTimeInput.cjs');
 const FormMultiSelect = require('./form/base/FormMultiSelect.cjs');
 const FormMonthPickerInput = require('./form/base/FormMonthPickerInput.cjs');
 const FormDateInput = require('./form/base/FormDateInput.cjs');
-const withForm = require('./hocs/withForm.cjs');
+const withController = require('./hocs/withController.cjs');
 const withModalManager = require('./hocs/withModalManager.cjs');
 const useBreakpoint = require('./hooks/useBreakpoint.cjs');
 const useFetchNextPageOnScroll = require('./hooks/useFetchNextPageOnScroll.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 = withController.withController;
 exports.withModalManager = withModalManager.withModalManager;
 exports.useBreakpoint = useBreakpoint.useBreakpoint;
 exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll.useFetchNextPageOnScroll;

package/dist/index.d.ts

@@ -113,21 +113,21 @@ export declare interface FormButtonSubmitProps extends ButtonProps, ElementProps
     disabledWhenSuccess?: boolean;
 }
 
-export declare const FormCheckbox: FC<CheckboxProps & WithFormProps>;
+export declare const FormCheckbox: FC<CheckboxProps & WithControllerProps>;
 
-export declare type FormCheckboxProps = CheckboxProps & WithFormProps;
+export declare type FormCheckboxProps = CheckboxProps & WithControllerProps;
 
-export declare const FormDateInput: FC<WithFormProps & MyDateInputProps>;
+export declare const FormDateInput: FC<WithControllerProps & MyDateInputProps>;
 
-export declare type FormDateInputProps = WithFormProps & MyDateInputProps;
+export declare type FormDateInputProps = WithControllerProps & MyDateInputProps;
 
-export declare const FormDatePickerInput: FC<WithFormProps & MyDatePickerInputProps>;
+export declare const FormDatePickerInput: FC<WithControllerProps & MyDatePickerInputProps>;
 
-export declare type FormDatePickerInputProps = WithFormProps & MyDatePickerInputProps;
+export declare type FormDatePickerInputProps = WithControllerProps & MyDatePickerInputProps;
 
-export declare const FormDateTimePicker: FC<DateTimePickerProps & WithFormProps>;
+export declare const FormDateTimePicker: FC<DateTimePickerProps & WithControllerProps>;
 
-export declare type FormDateTimePickerProps = WithFormProps & MyDateTimePickerProps;
+export declare type FormDateTimePickerProps = WithControllerProps & MyDateTimePickerProps;
 
 export declare type FormFieldProps<T = unknown> = Parameters<ControllerProps['render']>[0] & {
     props: T;
@@ -141,19 +141,19 @@ export declare type FormFieldProps<T = unknown> = Parameters<ControllerProps['re
 
 export declare const FormInfinitySelect: <T>(props: FormInfinitySelectProps<T>) => ReactNode;
 
-export declare type FormInfinitySelectProps<T = unknown> = InfinitySelectProps<T> & WithFormProps;
+export declare type FormInfinitySelectProps<T = unknown> = InfinitySelectProps<T> & WithControllerProps;
 
-export declare const FormMonthPickerInput: FC<MyMonthPickerInputProps & WithFormProps>;
+export declare const FormMonthPickerInput: FC<MyMonthPickerInputProps & WithControllerProps>;
 
-export declare type FormMonthPickerInputProps = WithFormProps & MyMonthPickerInputProps;
+export declare type FormMonthPickerInputProps = WithControllerProps & MyMonthPickerInputProps;
 
-export declare const FormMultiSelect: FC<MyMultiSelectProps & WithFormProps>;
+export declare const FormMultiSelect: FC<MyMultiSelectProps & WithControllerProps>;
 
-export declare type FormMultiSelectProps = MyMultiSelectProps & WithFormProps;
+export declare type FormMultiSelectProps = MyMultiSelectProps & WithControllerProps;
 
-export declare const FormNumberInput: FC<MyNumberInputProps & WithFormProps>;
+export declare const FormNumberInput: FC<MyNumberInputProps & WithControllerProps>;
 
-export declare type FormNumberInputProps = MyNumberInputProps & WithFormProps;
+export declare type FormNumberInputProps = MyNumberInputProps & WithControllerProps;
 
 declare interface FormProps<T extends FieldValues, TContext = any, TT extends T = T> extends BoxProps, ElementProps<'form', 'onSubmit'> {
     methods: UseFormReturn<T, TContext, TT>;
@@ -161,25 +161,25 @@ declare interface FormProps<T extends FieldValues, TContext = any, TT extends T
     onSubmitError?: SubmitErrorHandler<T>;
 }
 
-export declare const FormRadioGroup: FC<RadioGroupProps & WithFormProps>;
+export declare const FormRadioGroup: FC<RadioGroupProps & WithControllerProps>;
 
-export declare type FormRadioGroupProps = RadioGroupProps & WithFormProps;
+export declare type FormRadioGroupProps = RadioGroupProps & WithControllerProps;
 
-export declare const FormSelect: FC<MySelectProps & WithFormProps>;
+export declare const FormSelect: FC<MySelectProps & WithControllerProps>;
 
-export declare type FormSelectProps = MySelectProps & WithFormProps;
+export declare type FormSelectProps = MySelectProps & WithControllerProps;
 
-export declare const FormTextarea: FC<TextareaProps & WithFormProps>;
+export declare const FormTextarea: FC<TextareaProps & WithControllerProps>;
 
-export declare type FormTextareaProps = MyTextareaProps & WithFormProps;
+export declare type FormTextareaProps = MyTextareaProps & WithControllerProps;
 
-export declare const FormTextInput: FC<WithFormProps & MyTextInputProps>;
+export declare const FormTextInput: FC<WithControllerProps & MyTextInputProps>;
 
-export declare type FormTextInputProps = WithFormProps & MyTextInputProps;
+export declare type FormTextInputProps = WithControllerProps & MyTextInputProps;
 
-export declare type FormTimeInput = MyTimeInputProps & WithFormProps;
+export declare type FormTimeInput = MyTimeInputProps & WithControllerProps;
 
-export declare const FormTimeInput: FC<TimeInputProps & WithFormProps>;
+export declare const FormTimeInput: FC<TimeInputProps & WithControllerProps>;
 
 export declare const getVirtualContainerProps: (virtualizer: {
     getTotalSize: () => number;
@@ -339,6 +339,10 @@ export declare interface LayoutProps {
     params: Promise<PageParams>;
 }
 
+export declare type ModalManagerWrappedComponentProps<T = any> = T & {
+    modalProps: ModalProps;
+};
+
 export declare const MyDateInput: (props: MyDateInputProps) => JSX.Element;
 
 export declare interface MyDateInputProps extends DateInputProps {
@@ -556,9 +560,9 @@ 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 & WithControllerProps>;
 
-export declare interface WithFormProps {
+export declare interface WithControllerProps {
     name?: string;
     label?: ReactNode;
     placeholder?: string;
@@ -567,11 +571,12 @@ 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<ModalManagerWrappedComponentProps<CustomProps>>) => FC<CustomProps & {
+modalProps: ModalProps;
+} & WithModalManagerProps>;
 
-export declare interface WithModalManagerProps {
+declare interface WithModalManagerProps {
     removeModal: () => void;
-    opened: boolean;
 }
 
 export declare const zodValidator: (schema: ZodType) => (values: any) => string | undefined;

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/withController.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.13",
+  "version": "0.5.1",
   "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 };