@onesy/ui-react 1.0.164 → 1.0.167

package/esm/useSwipe/useSwipe.js

@@ -23,8 +23,8 @@ const useSwipe = (element, options_ = {}) => {
   refs.options.current = options;
   refs.response.current = response;
   refs.touch.current = touch;
-  const onTouchStart = React.useCallback(event => setTouch(event), []);
-  const getMinMax = React.useCallback(() => {
+  const onTouchStart = event => setTouch(event);
+  const getMinMax = () => {
     let min;
     let max;
     const optionsMin = refs.options.current.min || 0;
@@ -48,12 +48,12 @@ const useSwipe = (element, options_ = {}) => {
       min,
       max
     };
-  }, []);
-  const onTouchEnd = React.useCallback(() => {
+  };
+  const onTouchEnd = () => {
     const newResponse = _objectSpread({}, refs.response.current);
     const {
-      min,
-      max
+      min: min_0,
+      max: max_0
     } = getMinMax();
     let isFlick = false;
     if (refs.options.current.flick) {
@@ -61,21 +61,21 @@ const useSwipe = (element, options_ = {}) => {
       const flick = now - refs.previousMouseMove.current <= refs.options.current.flickTreshold && newResponse.valuePercentage < 100;
       if (flick) isFlick = true;
     }
-    newResponse.value = ['left', 'top'].includes(refs.options.current.direction) && (newResponse.valuePercentage < 50 || isFlick) || ['right', 'bottom'].includes(refs.options.current.direction) && newResponse.valuePercentage > 50 && !isFlick ? min : max;
+    newResponse.value = ['left', 'top'].includes(refs.options.current.direction) && (newResponse.valuePercentage < 50 || isFlick) || ['right', 'bottom'].includes(refs.options.current.direction) && newResponse.valuePercentage > 50 && !isFlick ? min_0 : max_0;
     newResponse.position = newResponse.valuePercentage < 50 || isFlick ? 'min' : 'max';
-    newResponse.min = min;
-    newResponse.max = max;
+    newResponse.min = min_0;
+    newResponse.max = max_0;
     newResponse.flick = isFlick;
     refs.previous.current = undefined;
     setTouch(false);
     setResponse(newResponse);
-  }, [response]);
-  const onTouchMove = React.useCallback(event => {
-    const newResponse = _objectSpread({}, refs.response.current);
+  };
+  const onTouchMove = event_0 => {
+    const newResponse_0 = _objectSpread({}, refs.response.current);
     const {
       clientX: x_,
       clientY: y_
-    } = event.touches[0];
+    } = event_0.touches[0];
     const {
       clientX: pX,
       clientY: pY
@@ -92,8 +92,8 @@ const useSwipe = (element, options_ = {}) => {
     // value
     let value_;
     const {
-      min,
-      max
+      min: min_1,
+      max: max_1
     } = getMinMax();
     if (refs.options.current.direction === 'top') {
       value_ = top - y;
@@ -107,27 +107,27 @@ const useSwipe = (element, options_ = {}) => {
     if (refs.options.current.direction === 'bottom') {
       value_ = height - (window.innerHeight - top) - y;
     }
-    newResponse.min = min;
-    newResponse.max = max;
-    newResponse.value = clamp(value_, min, max);
-    newResponse.valuePercentage = percentageFromValueWithinRange(newResponse.value, min, max);
-    if (['bottom', 'right'].includes(refs.options.current.direction)) newResponse.valuePercentage = 100 - newResponse.valuePercentage;
+    newResponse_0.min = min_1;
+    newResponse_0.max = max_1;
+    newResponse_0.value = clamp(value_, min_1, max_1);
+    newResponse_0.valuePercentage = percentageFromValueWithinRange(newResponse_0.value, min_1, max_1);
+    if (['bottom', 'right'].includes(refs.options.current.direction)) newResponse_0.valuePercentage = 100 - newResponse_0.valuePercentage;
 
     // Only value move at touchmove
-    newResponse.position = undefined;
+    newResponse_0.position = undefined;
 
     // previous mouse move
     refs.previousMouseMove.current = new Date().getTime();
-    setResponse(newResponse);
-  }, [element, response]);
+    setResponse(newResponse_0);
+  };
   React.useEffect(() => {
-    const onTouchMoveMethod = event => {
+    const onTouchMoveMethod = event_1 => {
       // Workaround for proper element for touchmove
-      if (refs.options.current.open && refs.previous.current && (refs.options.current.touchAnywhere || refs.touch.current || element.contains(document.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY)))) {
+      if (refs.options.current.open && refs.previous.current && (refs.options.current.touchAnywhere || refs.touch.current || element.contains(document.elementFromPoint(event_1.touches[0].clientX, event_1.touches[0].clientY)))) {
         if (!refs.touch.current) setTouch(true);
-        onTouchMove(event);
+        onTouchMove(event_1);
       }
-      refs.previous.current = event;
+      refs.previous.current = event_1;
     };
     if (element) {
       refs.element.current = element;
@@ -146,9 +146,9 @@ const useSwipe = (element, options_ = {}) => {
     return () => {
       // Remove previous event listeners
       if (element) element.removeEventListener('touchstart', onTouchStart);
-      const rootDocument = element?.ownerDocument || window.document;
-      rootDocument.removeEventListener('touchend', onTouchEnd);
-      rootDocument.removeEventListener('touchmove', onTouchMoveMethod);
+      const rootDocument_0 = element?.ownerDocument || window.document;
+      rootDocument_0.removeEventListener('touchend', onTouchEnd);
+      rootDocument_0.removeEventListener('touchmove', onTouchMoveMethod);
     };
   }, [element]);
   return response;

package/esm/useTabs/useTabs.js

@@ -1,17 +1,32 @@
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { is } from '@onesy/utils';
 const useTabs = props => {
-  const [tab, setTab] = React.useState(is('string', props) ? props : props?.tab);
-  const onChange = React.useCallback(item => {
-    setTab(item);
-  }, []);
-  const result = React.useMemo(() => {
-    return {
+  const $ = _c(3);
+  const [tab, setTab] = React.useState(is("string", props) ? props : props?.tab);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = item => {
+      setTab(item);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[1] !== tab) {
+    t1 = {
       value: tab,
       onChange,
       setTab
     };
-  }, [tab]);
+    $[1] = tab;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const result = t1;
   return result;
 };
 export default useTabs;

package/esm/useVisible/useVisible.js

@@ -37,7 +37,7 @@ const useVisible = props => {
     setRoot(rootNew);
     refs.root.current = rootNew;
   }, [element]);
-  const method = React.useCallback(entries => {
+  const method = entries => {
     entries.forEach(entry => {
       const properties = ['boundingClientRect', 'intersectionRatio', 'intersectionRect', 'isIntersecting', 'isVisible', 'rootBounds', 'target', 'time'];
       const responseNew = {
@@ -57,11 +57,11 @@ const useVisible = props => {
       if (refs.addStyles.current) {
         const visibleStyles = refs.styles.current?.in || {};
         const notVisibleStyles = refs.styles.current?.out || {};
-        if (responseNew.visible) Object.keys(visibleStyles).forEach(item => target.style[item] = visibleStyles[item]);else Object.keys(notVisibleStyles).forEach(item => target.style[item] = notVisibleStyles[item]);
+        if (responseNew.visible) Object.keys(visibleStyles).forEach(item => target.style[item] = visibleStyles[item]);else Object.keys(notVisibleStyles).forEach(item_0 => target.style[item_0] = notVisibleStyles[item_0]);
       }
       setResponse(responseNew);
     });
-  }, []);
+  };
   React.useEffect(() => {
     if (!(isEnvironment('browser') && 'IntersectionObserver' in window)) return;
 

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.163
+/** @license UiReact v1.0.166
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.164",
+  "version": "1.0.167",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",
@@ -30,28 +30,24 @@
     "utils"
   ],
   "peerDependencies": {
-    "@onesy/style-react": "^1.0.4",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-router-dom": "6.14.2"
+    "@onesy/style-react": "^1.0.5",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-router-dom": "7.9.6"
   },
   "dependencies": {
     "@onesy/date": "^1.0.2",
     "@onesy/errors": "^1.0.0",
-    "@onesy/icons-material-rounded-react": "^1.0.5",
+    "@onesy/icons-material-rounded-react": "^1.0.7",
     "@onesy/log": "^1.0.1",
     "@onesy/models": "^1.0.0",
     "@onesy/subscription": "^1.0.0",
-    "@onesy/utils": "^1.0.19",
+    "@onesy/utils": "^1.0.20",
     "webm-duration-fix": "^1.0.4"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
-  "sideEffects": false,
-  "engines": {
-    "node": ">=12.0.0",
-    "yarn": ">=1.22"
-  }
+  "sideEffects": false
 }

package/types.d.ts

@@ -1,29 +1,29 @@
 /// <reference types="react" />
 import { IBreakpoint, TPaletteVersion } from '@onesy/style-react';
-export type IPoint = [number, number];
-export type ITonal = true | false | 'secondary';
-type RGB = `rgb(${number}, ${number}, ${number})`;
-type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
-type HSL = `hsl(${number}, ${number}, ${number})`;
-type HSLA = `hsla(${number}, ${number}, ${number}, ${number})`;
-type HEX = `#${string}`;
-type Color = RGB | RGBA | HSL | HSLA | HEX;
-export type IColor = 'default' | 'themed' | 'inverted' | 'inherit' | TPaletteVersion | Color;
-export type IVersion = 'filled' | 'outlined' | 'outlined-without-background' | 'text';
-export type ISize = 'small' | 'regular' | 'large';
-export type ISizeExtended = 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large';
-export type ISizeAny = ISize | number;
-export type ISizeExtendedAny = ISizeExtended | number;
-export type IElevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
-export type IElementReference = string | React.FC<any> | (React.ForwardRefExoticComponent<any>);
-export type IElement = React.ReactNode | React.ReactNode[] | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export type IElementAny = IElement | string | number | boolean | null | undefined;
-export type IHTMLElement = Element | HTMLElement;
-export type IPropsAny = Record<string, any>;
-export type IStyle = React.CSSProperties | undefined;
-export type IChildren = React.ReactNode | React.ReactNode[];
-export type IRef = React.MutableRefObject<any>;
-export type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttributes<T>, 'onClick' | 'onChange' | 'onInput' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onDoubleClick' | 'onSubmit'> & {
+export declare type IPoint = [number, number];
+export declare type ITonal = true | false | 'secondary';
+declare type RGB = `rgb(${number}, ${number}, ${number})`;
+declare type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
+declare type HSL = `hsl(${number}, ${number}, ${number})`;
+declare type HSLA = `hsla(${number}, ${number}, ${number}, ${number})`;
+declare type HEX = `#${string}`;
+declare type Color = RGB | RGBA | HSL | HSLA | HEX;
+export declare type IColor = 'default' | 'themed' | 'inverted' | 'inherit' | TPaletteVersion | Color;
+export declare type IVersion = 'filled' | 'outlined' | 'outlined-without-background' | 'text';
+export declare type ISize = 'small' | 'regular' | 'large';
+export declare type ISizeExtended = 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large';
+export declare type ISizeAny = ISize | number;
+export declare type ISizeExtendedAny = ISizeExtended | number;
+export declare type IElevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
+export declare type IElementReference = string | React.FC<any> | (React.ForwardRefExoticComponent<any>);
+export declare type IElement = React.ReactNode | React.ReactNode[] | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare type IElementAny = IElement | string | number | boolean | null | undefined;
+export declare type IHTMLElement = Element | HTMLElement;
+export declare type IPropsAny = Record<string, any>;
+export declare type IStyle = React.CSSProperties | undefined;
+export declare type IChildren = React.ReactNode | React.ReactNode[];
+export declare type IRef = React.MutableRefObject<any>;
+export declare type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttributes<T>, 'onClick' | 'onChange' | 'onInput' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onDoubleClick' | 'onSubmit'> & {
     tonal?: ITonal;
     color?: IColor;
     size?: ISizeAny;
@@ -41,9 +41,9 @@ export type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttributes<T>
     Component?: any;
     ref?: any;
 } & P;
-export type IMethodTransition = (element?: IHTMLElement) => any;
-export type IValueBreakpoints = IBreakpoint | 'default';
-export type IMediaObject = {
+export declare type IMethodTransition = (element?: IHTMLElement) => any;
+export declare type IValueBreakpoints = IBreakpoint | 'default';
+export declare type IMediaObject = {
     id?: string;
     name?: string;
     mime?: string;

package/useForm/useForm.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IValidateVales } from './validate';
-export type IUseForm = {
+export declare type IUseForm = {
     values: IValidateVales;
     validate?: (values: IValidateVales, form: any) => boolean;
     rerenderOnUpdate?: boolean;
@@ -8,7 +8,7 @@ export type IUseForm = {
     valueDefault?: any;
     validDefault?: boolean;
 };
-export type IUseFormOnChangeOptions = {
+export declare type IUseFormOnChangeOptions = {
     rerenderOnUpdate?: boolean;
 };
 declare const useForm: (props: IUseForm) => {

package/useForm/useForm.js

@@ -62,22 +62,22 @@ const useForm = props => {
     init();
   }, []);
   const onChange = async (...args) => {
-    const formNew = _objectSpread({}, refs.form.current);
-    const value = {};
+    const formNew_0 = _objectSpread({}, refs.form.current);
+    const value_0 = {};
     const valuesArgs = (0, _utils.is)('array', args[0]) ? args[0] : [args];
     const options = valuesArgs[0][3] || {};
     const rerenderOnUpdate_ = options.rerenderOnUpdate !== undefined ? options.rerenderOnUpdate : rerenderOnUpdate;
-    const values = refs.values.current;
+    const values_0 = refs.values.current;
     for (const arg of valuesArgs) {
       const [property_, value_, propertyNested] = arg;
-      let property = values[property_];
+      let property = values_0[property_];
       if (!property) {
         var _ref;
-        values[property_] = {
+        values_0[property_] = {
           name: (_ref = propertyNested || property_) === null || _ref === void 0 || (_ref = _ref.split('.')) === null || _ref === void 0 ? void 0 : _ref.slice(-1)[0],
           touched: true
         };
-        property = values[property_];
+        property = values_0[property_];
       }
       if (!propertyNested) property.value = value_;else (0, _utils.setObjectValue)(property.value, propertyNested, value_);
       property.touched = true;
@@ -91,7 +91,7 @@ const useForm = props => {
 
           // validations
           try {
-            await (0, _validate.default)(property, property_, formNew, {
+            await (0, _validate.default)(property, property_, formNew_0, {
               l
             });
           } catch (error) {
@@ -100,99 +100,99 @@ const useForm = props => {
         }
       }
     }
-    const properties = Object.keys(values);
-    let valid = autoValidate ? properties.every(item => {
-      const prop = values[item];
+    const properties_0 = Object.keys(values_0);
+    let valid = autoValidate ? properties_0.every(item_0 => {
+      const prop = values_0[item_0];
       return !prop.error && (!prop.required || prop.value !== undefined);
     }) : refs.valid.current;
-    if (autoValidate && (0, _utils.is)('function', validate_)) valid = valid && validate_(values, formNew);
-    properties.forEach(item => {
-      const valueProperty = values[item];
-      if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
-        (0, _utils.setObjectValue)(value, item, (0, _utils.copy)(valueProperty.value));
+    if (autoValidate && (0, _utils.is)('function', validate_)) valid = valid && validate_(values_0, formNew_0);
+    properties_0.forEach(item_1 => {
+      const valueProperty_0 = values_0[item_1];
+      if ((valueProperty_0 === null || valueProperty_0 === void 0 ? void 0 : valueProperty_0.value) !== undefined) {
+        (0, _utils.setObjectValue)(value_0, item_1, (0, _utils.copy)(valueProperty_0.value));
       }
     });
 
     // update
-    refs.value.current = value;
-    refs.values.current = values;
+    refs.value.current = value_0;
+    refs.values.current = values_0;
     refs.valid.current = valid;
     if (rerenderOnUpdate_) {
-      setForm(previous => {
-        return _objectSpread(_objectSpread({}, previous), {}, {
-          value,
-          values,
+      setForm(previous_0 => {
+        return _objectSpread(_objectSpread({}, previous_0), {}, {
+          value: value_0,
+          values: values_0,
           valid
         });
       });
     }
   };
   const validate = async () => {
-    const formNew = _objectSpread({}, refs.form.current);
-    const values = refs.values.current;
-    const value = {};
-    const properties = Object.keys(values);
-    for (const item of properties) {
-      const property = values[item];
+    const formNew_1 = _objectSpread({}, refs.form.current);
+    const values_1 = refs.values.current;
+    const value_1 = {};
+    const properties_1 = Object.keys(values_1);
+    for (const item_2 of properties_1) {
+      const property_0 = values_1[item_2];
 
       // Validate the property
-      if (property.required && property.value === undefined) {
-        const name = (0, _utils.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, _utils.capitalize)(property.name) : property.name;
-        property.error = `${l(name)} ${l('is required')}`;
+      if (property_0.required && property_0.value === undefined) {
+        const name_0 = (0, _utils.is)('function', property_0.propertyNameUpdate) ? property_0.propertyNameUpdate(property_0.name) : property_0.capitalize !== false ? (0, _utils.capitalize)(property_0.name) : property_0.name;
+        property_0.error = `${l(name_0)} ${l('is required')}`;
       } else {
-        property.error = undefined;
+        property_0.error = undefined;
 
         // validations
         try {
-          await (0, _validate.default)(property, item, formNew, {
+          await (0, _validate.default)(property_0, item_2, formNew_1, {
             l
           });
-          property.error = undefined;
-        } catch (error) {
-          property.error = error.message;
+          property_0.error = undefined;
+        } catch (error_0) {
+          property_0.error = error_0.message;
         }
       }
     }
-    let valid = properties.every(item => {
-      const prop = values[item];
-      return !prop.error && (!prop.required || prop.value !== undefined);
+    let valid_0 = properties_1.every(item_3 => {
+      const prop_0 = values_1[item_3];
+      return !prop_0.error && (!prop_0.required || prop_0.value !== undefined);
     });
-    if ((0, _utils.is)('function', validate_)) valid = valid && validate_(values, formNew);
+    if ((0, _utils.is)('function', validate_)) valid_0 = valid_0 && validate_(values_1, formNew_1);
 
     // value
-    properties.forEach(item => {
-      const valueProperty = values[item];
-      if ((valueProperty === null || valueProperty === void 0 ? void 0 : valueProperty.value) !== undefined) {
-        (0, _utils.setObjectValue)(value, item, (0, _utils.copy)(valueProperty.value));
+    properties_1.forEach(item_4 => {
+      const valueProperty_1 = values_1[item_4];
+      if ((valueProperty_1 === null || valueProperty_1 === void 0 ? void 0 : valueProperty_1.value) !== undefined) {
+        (0, _utils.setObjectValue)(value_1, item_4, (0, _utils.copy)(valueProperty_1.value));
       }
     });
 
     // update
-    refs.value.current = value;
-    refs.values.current = values;
-    refs.valid.current = valid;
-    setForm(previous => {
-      return _objectSpread(_objectSpread({}, previous), {}, {
-        value,
-        values,
-        valid
+    refs.value.current = value_1;
+    refs.values.current = values_1;
+    refs.valid.current = valid_0;
+    setForm(previous_1 => {
+      return _objectSpread(_objectSpread({}, previous_1), {}, {
+        value: value_1,
+        values: values_1,
+        valid: valid_0
       });
     });
-    return valid;
+    return valid_0;
   };
   const clear = () => {
-    const formNew = _objectSpread(_objectSpread({}, refs.form.current), {}, {
+    const formNew_2 = _objectSpread(_objectSpread({}, refs.form.current), {}, {
       value: (0, _utils.copy)(valueDefault !== undefined ? valueDefault : {}),
       values: (0, _utils.copy)(values_ || {}),
       valid: validDefault !== undefined ? validDefault : false
     });
 
     // update
-    refs.value.current = formNew.value;
-    refs.values.current = formNew.values;
-    refs.valid.current = formNew.valid;
-    setForm(previous => {
-      return _objectSpread(_objectSpread({}, previous), formNew);
+    refs.value.current = formNew_2.value;
+    refs.values.current = formNew_2.values;
+    refs.valid.current = formNew_2.valid;
+    setForm(previous_2 => {
+      return _objectSpread(_objectSpread({}, previous_2), formNew_2);
     });
   };
   return _objectSpread(_objectSpread({}, form), {}, {

package/useForm/validate.d.ts

@@ -1,31 +1,31 @@
 import { TIsType, IOptions as IIsOptions } from '@onesy/utils/is';
 import { TIsValidType, IOptions as IIsValidOptions } from '@onesy/utils/isValid';
-export type IValidateOptions = {
+export declare type IValidateOptions = {
     message?: string;
     uriDecode?: boolean;
     parse?: boolean;
     l?: any;
 };
-export type IValidateModelValueIs = {
+export declare type IValidateModelValueIs = {
     type?: TIsType;
     options?: IIsOptions;
 };
-export type IValidateModelValueIsValid = {
+export declare type IValidateModelValueIsValid = {
     type?: TIsValidType;
     options?: IIsValidOptions;
 };
-export type IValidateModelValueMethodOptions = {
+export declare type IValidateModelValueMethodOptions = {
     form: IForm;
     property: string;
     object: IValidateModelValue;
     options: IValidateOptions;
 };
-export type IValidateModelValueMethod = (value: any, options: IValidateModelValueMethodOptions) => Promise<any> | any;
-export type IValidateModelValueValidations = 'required' | 'is' | 'isValid' | 'of' | 'ofValid' | 'equal' | 'notEqual' | 'equalDeep' | 'notEqualDeep' | 'some' | 'in' | 'every' | 'properties' | 'notProperties' | 'min' | 'max' | 'length' | 'method';
-export type IValidateModelMessages = {
+export declare type IValidateModelValueMethod = (value: any, options: IValidateModelValueMethodOptions) => Promise<any> | any;
+export declare type IValidateModelValueValidations = 'required' | 'is' | 'isValid' | 'of' | 'ofValid' | 'equal' | 'notEqual' | 'equalDeep' | 'notEqualDeep' | 'some' | 'in' | 'every' | 'properties' | 'notProperties' | 'min' | 'max' | 'length' | 'method';
+export declare type IValidateModelMessages = {
     [p in IValidateModelValueValidations]?: string;
 };
-export type IValidateModelValue = {
+export declare type IValidateModelValue = {
     name?: string;
     value?: any;
     message?: string;
@@ -53,14 +53,14 @@ export type IValidateModelValue = {
     capitalize?: boolean;
     propertyNameUpdate?: (value: any) => string;
 };
-export type IUseFormValues = Record<string, IValidateModelValue>;
-export type IForm = {
+export declare type IUseFormValues = Record<string, IValidateModelValue>;
+export declare type IForm = {
     value: any;
     values: IUseFormValues;
     valid: boolean;
 };
-export type IValidateValidation = (property: IValidateModelValue, form: IForm) => void | Error | Promise<void | Error>;
-export type IValidateVales = Record<string, IValidateModelValue>;
+export declare type IValidateValidation = (property: IValidateModelValue, form: IForm) => void | Error | Promise<void | Error>;
+export declare type IValidateVales = Record<string, IValidateModelValue>;
 export declare const onValidateError: (options: IValidateOptions, model: IValidateModelValue, message?: any) => never;
 declare const validate: (model: IValidateModelValue, property: string, form: IForm, options_?: IValidateOptions) => Promise<void>;
 export default validate;

package/useLocation/useLocation.d.ts

@@ -1,4 +1,4 @@
-export type IUseLocation = {};
+export declare type IUseLocation = {};
 declare const useLocation: {
     (props?: IUseLocation): Location;
     displayName: string;

package/useLocation/useLocation.js

@@ -15,17 +15,17 @@ const useLocation = props => {
   const {} = props || {};
   const locationReactRouterDOM = (0, _utils.isEnvironment)('browser') && !window.navigation ? (0, _reactRouterDom.useLocation)() : undefined;
   const [response, setResponse] = _react.default.useState((0, _utils.isEnvironment)('browser') ? _objectSpread({}, window.location) : {});
-  const onUpdate = _react.default.useCallback((0, _utils.debounce)((value = _objectSpread({}, window.location)) => {
+  const onUpdate = (0, _utils.debounce)((value = _objectSpread({}, window.location)) => {
     setResponse(value);
-  }, 40), []);
+  }, 40);
 
   // React router DOM
   _react.default.useEffect(() => {
     if (locationReactRouterDOM) onUpdate(locationReactRouterDOM);
   }, [locationReactRouterDOM]);
-  const method = _react.default.useCallback(() => {
+  const method = () => {
     onUpdate();
-  }, []);
+  };
   _react.default.useEffect(() => {
     if (!(0, _utils.isEnvironment)('browser')) return;
 

package/useMediaQuery/useMediaQuery.d.ts

@@ -1,4 +1,4 @@
-export type IOptionsUseMediaQuery = {
+export declare type IOptionsUseMediaQuery = {
     element?: any;
     initial?: boolean;
 };

package/useMediaQuery/useMediaQuery.js

@@ -26,9 +26,9 @@ const useMediaQuery = (props, options) => {
     setRoot(rootNew);
     refs.root.current = rootNew;
   }, [element]);
-  const method = _react.default.useCallback(event => {
+  const method = event => {
     if (refs.matches.current !== event.matches) setMatches(event.matches);
-  }, []);
+  };
 
   // Watch
   _react.default.useEffect(() => {