react-simplikit 0.0.49 → 0.0.50

package/dist/components/ImpressionArea/index.d.cts

@@ -1,7 +1,7 @@
 import { ElementType, ReactNode, Ref } from 'react';
 import { UseImpressionRefOptions } from '../../hooks/useImpressionRef/index.cjs';
 
-type Element<T extends ElementType, InstrinsicElements = T extends keyof React.JSX.IntrinsicElements ? React.JSX.IntrinsicElements[T] : HTMLElement> = InstrinsicElements extends React.ClassAttributes<infer E extends HTMLElement> ? E : HTMLElement;
+type Element<T extends ElementType, IntrinsicElementsOf = T extends keyof React.JSX.IntrinsicElements ? React.JSX.IntrinsicElements[T] : HTMLElement> = IntrinsicElementsOf extends React.ClassAttributes<infer E extends HTMLElement> ? E : HTMLElement;
 type Props<Tag extends ElementType> = React.ComponentPropsWithoutRef<Tag> & UseImpressionRefOptions & {
     as?: Tag;
     children?: ReactNode;

package/dist/hooks/useCounter/index.cjs

@@ -27,27 +27,25 @@ module.exports = __toCommonJS(useCounter_exports);
 
 // src/hooks/useCounter/useCounter.ts
 var import_react = require("react");
+var validateValue = (value, { min, max }) => {
+  if (min !== void 0 && value < min) {
+    return min;
+  }
+  if (max !== void 0 && value > max) {
+    return max;
+  }
+  return value;
+};
 function useCounter(initialValue = 0, { min, max, step = 1 } = {}) {
-  const validateValue = (value) => {
-    let validatedValue = value;
-    if (min !== void 0 && validatedValue < min) {
-      validatedValue = min;
-    }
-    if (max !== void 0 && validatedValue > max) {
-      validatedValue = max;
-    }
-    return validatedValue;
-  };
-  const [count, setCountState] = (0, import_react.useState)(() => validateValue(initialValue));
-  const validateValueMemoized = (0, import_react.useCallback)(validateValue, [min, max]);
+  const [count, setCountState] = (0, import_react.useState)(() => validateValue(initialValue, { min, max }));
   const setCount = (0, import_react.useCallback)(
     (value) => {
       setCountState((prev) => {
         const nextValue = typeof value === "function" ? value(prev) : value;
-        return validateValueMemoized(nextValue);
+        return validateValue(nextValue, { min, max });
       });
     },
-    [validateValueMemoized]
+    [min, max]
   );
   const increment = (0, import_react.useCallback)(() => {
     setCount((prev) => prev + step);

package/dist/hooks/usePrevious/index.d.cts

@@ -1,15 +1,15 @@
 /**
  * @description
  * `usePrevious` is a React hook that returns the previous value of the input state.
- * It preserves the previous value unchanged when re-render occur without state changes.
+ * It preserves the previous value unchanged when re-renders occur without state changes.
  * If the state is an object or requires custom change detection, a `compare` function can be provided.
  * By default, state changes are detected using `prev === next`.
  *
  * @template T - The type of the state.
  * @param {T} state - The state whose previous value is to be tracked.
- * @param {(prev: T | undefined, next: T) => boolean} [compare] - An optional comparison function to determine if the state has changed.
+ * @param {(prev: T, next: T) => boolean} [compare] - An optional comparison function to determine if the state has changed.
  *
- * @returns {T | undefined} The previous value of the state.
+ * @returns {T} The previous value of the state.
  *
  * @example
  * const [count, setCount] = useState(0);

package/dist/index.cjs

@@ -440,27 +440,25 @@ function isSetStateAction(next) {
 
 // src/hooks/useCounter/useCounter.ts
 var import_react14 = require("react");
+var validateValue = (value, { min, max }) => {
+  if (min !== void 0 && value < min) {
+    return min;
+  }
+  if (max !== void 0 && value > max) {
+    return max;
+  }
+  return value;
+};
 function useCounter(initialValue = 0, { min, max, step = 1 } = {}) {
-  const validateValue = (value) => {
-    let validatedValue = value;
-    if (min !== void 0 && validatedValue < min) {
-      validatedValue = min;
-    }
-    if (max !== void 0 && validatedValue > max) {
-      validatedValue = max;
-    }
-    return validatedValue;
-  };
-  const [count, setCountState] = (0, import_react14.useState)(() => validateValue(initialValue));
-  const validateValueMemoized = (0, import_react14.useCallback)(validateValue, [min, max]);
+  const [count, setCountState] = (0, import_react14.useState)(() => validateValue(initialValue, { min, max }));
   const setCount = (0, import_react14.useCallback)(
     (value) => {
       setCountState((prev) => {
         const nextValue = typeof value === "function" ? value(prev) : value;
-        return validateValueMemoized(nextValue);
+        return validateValue(nextValue, { min, max });
       });
     },
-    [validateValueMemoized]
+    [min, max]
   );
   const increment = (0, import_react14.useCallback)(() => {
     setCount((prev) => prev + step);

package/esm/components/ImpressionArea/index.d.ts

@@ -1,7 +1,7 @@
 import { ElementType, ReactNode, Ref } from 'react';
 import { UseImpressionRefOptions } from '../../hooks/useImpressionRef/index.js';
 
-type Element<T extends ElementType, InstrinsicElements = T extends keyof React.JSX.IntrinsicElements ? React.JSX.IntrinsicElements[T] : HTMLElement> = InstrinsicElements extends React.ClassAttributes<infer E extends HTMLElement> ? E : HTMLElement;
+type Element<T extends ElementType, IntrinsicElementsOf = T extends keyof React.JSX.IntrinsicElements ? React.JSX.IntrinsicElements[T] : HTMLElement> = IntrinsicElementsOf extends React.ClassAttributes<infer E extends HTMLElement> ? E : HTMLElement;
 type Props<Tag extends ElementType> = React.ComponentPropsWithoutRef<Tag> & UseImpressionRefOptions & {
     as?: Tag;
     children?: ReactNode;

package/esm/hooks/useCounter/index.js

@@ -2,27 +2,25 @@
 
 // src/hooks/useCounter/useCounter.ts
 import { useCallback, useState } from "react";
+var validateValue = (value, { min, max }) => {
+  if (min !== void 0 && value < min) {
+    return min;
+  }
+  if (max !== void 0 && value > max) {
+    return max;
+  }
+  return value;
+};
 function useCounter(initialValue = 0, { min, max, step = 1 } = {}) {
-  const validateValue = (value) => {
-    let validatedValue = value;
-    if (min !== void 0 && validatedValue < min) {
-      validatedValue = min;
-    }
-    if (max !== void 0 && validatedValue > max) {
-      validatedValue = max;
-    }
-    return validatedValue;
-  };
-  const [count, setCountState] = useState(() => validateValue(initialValue));
-  const validateValueMemoized = useCallback(validateValue, [min, max]);
+  const [count, setCountState] = useState(() => validateValue(initialValue, { min, max }));
   const setCount = useCallback(
     (value) => {
       setCountState((prev) => {
         const nextValue = typeof value === "function" ? value(prev) : value;
-        return validateValueMemoized(nextValue);
+        return validateValue(nextValue, { min, max });
       });
     },
-    [validateValueMemoized]
+    [min, max]
   );
   const increment = useCallback(() => {
     setCount((prev) => prev + step);

package/esm/hooks/usePrevious/index.d.ts

@@ -1,15 +1,15 @@
 /**
  * @description
  * `usePrevious` is a React hook that returns the previous value of the input state.
- * It preserves the previous value unchanged when re-render occur without state changes.
+ * It preserves the previous value unchanged when re-renders occur without state changes.
  * If the state is an object or requires custom change detection, a `compare` function can be provided.
  * By default, state changes are detected using `prev === next`.
  *
  * @template T - The type of the state.
  * @param {T} state - The state whose previous value is to be tracked.
- * @param {(prev: T | undefined, next: T) => boolean} [compare] - An optional comparison function to determine if the state has changed.
+ * @param {(prev: T, next: T) => boolean} [compare] - An optional comparison function to determine if the state has changed.
  *
- * @returns {T | undefined} The previous value of the state.
+ * @returns {T} The previous value of the state.
  *
  * @example
  * const [count, setCount] = useState(0);

package/esm/index.js

@@ -378,27 +378,25 @@ function isSetStateAction(next) {
 
 // src/hooks/useCounter/useCounter.ts
 import { useCallback as useCallback8, useState as useState3 } from "react";
+var validateValue = (value, { min, max }) => {
+  if (min !== void 0 && value < min) {
+    return min;
+  }
+  if (max !== void 0 && value > max) {
+    return max;
+  }
+  return value;
+};
 function useCounter(initialValue = 0, { min, max, step = 1 } = {}) {
-  const validateValue = (value) => {
-    let validatedValue = value;
-    if (min !== void 0 && validatedValue < min) {
-      validatedValue = min;
-    }
-    if (max !== void 0 && validatedValue > max) {
-      validatedValue = max;
-    }
-    return validatedValue;
-  };
-  const [count, setCountState] = useState3(() => validateValue(initialValue));
-  const validateValueMemoized = useCallback8(validateValue, [min, max]);
+  const [count, setCountState] = useState3(() => validateValue(initialValue, { min, max }));
   const setCount = useCallback8(
     (value) => {
       setCountState((prev) => {
         const nextValue = typeof value === "function" ? value(prev) : value;
-        return validateValueMemoized(nextValue);
+        return validateValue(nextValue, { min, max });
       });
     },
-    [validateValueMemoized]
+    [min, max]
   );
   const increment = useCallback8(() => {
     setCount((prev) => prev + step);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simplikit",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "main": "./dist/index.cjs",
   "module": "./esm/index.js",
   "types": "./dist/index.d.cts",