@codeleap/hooks 7.0.0 → 7.0.2

package/dist/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReducer = exports.useDebugValue = exports.useLayoutEffect = exports.useContext = exports.useCallback = exports.useMemo = exports.useImperativeHandle = exports.useState = exports.useRef = exports.useEffect = void 0;
+const react_1 = require("react");
+Object.defineProperty(exports, "useEffect", { enumerable: true, get: function () { return react_1.useEffect; } });
+Object.defineProperty(exports, "useRef", { enumerable: true, get: function () { return react_1.useRef; } });
+Object.defineProperty(exports, "useState", { enumerable: true, get: function () { return react_1.useState; } });
+Object.defineProperty(exports, "useImperativeHandle", { enumerable: true, get: function () { return react_1.useImperativeHandle; } });
+Object.defineProperty(exports, "useMemo", { enumerable: true, get: function () { return react_1.useMemo; } });
+Object.defineProperty(exports, "useCallback", { enumerable: true, get: function () { return react_1.useCallback; } });
+Object.defineProperty(exports, "useContext", { enumerable: true, get: function () { return react_1.useContext; } });
+Object.defineProperty(exports, "useLayoutEffect", { enumerable: true, get: function () { return react_1.useLayoutEffect; } });
+Object.defineProperty(exports, "useDebugValue", { enumerable: true, get: function () { return react_1.useDebugValue; } });
+Object.defineProperty(exports, "useReducer", { enumerable: true, get: function () { return react_1.useReducer; } });
+__exportStar(require("./useConditionalState"), exports);
+__exportStar(require("./usePromise"), exports);
+__exportStar(require("./useUncontrolled"), exports);
+__exportStar(require("./useForceRender"), exports);
+__exportStar(require("./useDebounce"), exports);
+__exportStar(require("./useInterval"), exports);
+__exportStar(require("./onMount"), exports);
+__exportStar(require("./onUpdate"), exports);
+__exportStar(require("./usePrevious"), exports);
+__exportStar(require("./useToggle"), exports);
+__exportStar(require("./useBooleanToggle"), exports);
+__exportStar(require("./useModal"), exports);
+__exportStar(require("./usePlaces"), exports);
+__exportStar(require("./usePlacesAutocompleteUtils"), exports);
+__exportStar(require("./useEffectOnce"), exports);
+__exportStar(require("./useUnmount"), exports);
+__exportStar(require("./useSearch"), exports);
+__exportStar(require("./usePartialState"), exports);
+__exportStar(require("./useIsMounted"), exports);
+__exportStar(require("./useComponentTestId"), exports);
+__exportStar(require("./useId"), exports);
+__exportStar(require("./useDebounceCallback"), exports);
+__exportStar(require("./useDerivedRef"), exports);
+__exportStar(require("./useDerivedState"), exports);
+__exportStar(require("./useFilteredList"), exports);
+__exportStar(require("./useLazyStore"), exports);
+__exportStar(require("./useStableReference"), exports);
+__exportStar(require("./useOptions"), exports);
+__exportStar(require("./useRenderCall"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,iCAWc;AAiCZ,0FA3CA,iBAAS,OA2CA;AACT,uFA3CA,cAAM,OA2CA;AACN,yFA3CA,gBAAQ,OA2CA;AACR,oGA3CA,2BAAmB,OA2CA;AACnB,wFA3CA,eAAO,OA2CA;AACP,4FA3CA,mBAAW,OA2CA;AACX,2FA3CA,kBAAU,OA2CA;AACV,gGA3CA,uBAAe,OA2CA;AACf,8FA3CA,qBAAa,OA2CA;AACb,2FA3CA,kBAAU,OA2CA;AAxCZ,wDAAqC;AACrC,+CAA4B;AAC5B,oDAAiC;AACjC,mDAAgC;AAChC,gDAA6B;AAC7B,gDAA6B;AAC7B,4CAAyB;AACzB,6CAA0B;AAC1B,gDAA6B;AAC7B,8CAA2B;AAC3B,qDAAkC;AAClC,6CAA0B;AAC1B,8CAA2B;AAC3B,+DAA4C;AAC5C,kDAA+B;AAC/B,+CAA4B;AAC5B,8CAA2B;AAC3B,oDAAiC;AACjC,iDAA8B;AAC9B,uDAAoC;AACpC,0CAAuB;AACvB,wDAAqC;AACrC,kDAA+B;AAC/B,oDAAiC;AACjC,oDAAiC;AACjC,iDAA8B;AAC9B,uDAAoC;AACpC,+CAA4B;AAC5B,kDAA+B"}

package/dist/onMount.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onMount = void 0;
+const react_1 = require("react");
+/**
+ * Hook that runs a function once when the component mounts.
+ *
+ * @example
+ * onMount(() => {
+ *   console.log('Component mounted')
+ *   return () => console.log('Component unmounted')
+ * })
+ */
+const onMount = (func) => {
+    (0, react_1.useEffect)(() => {
+        return func();
+    }, []);
+};
+exports.onMount = onMount;
+//# sourceMappingURL=onMount.js.map

package/dist/onMount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onMount.js","sourceRoot":"","sources":["../src/onMount.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAGjC;;;;;;;;GAQG;AACI,MAAM,OAAO,GAAG,CAAC,IAAiB,EAAE,EAAE;IAC3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,IAAI,EAAE,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA;AAJY,QAAA,OAAO,WAInB"}

package/dist/onUpdate.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onUpdate = void 0;
+const react_1 = require("react");
+/**
+ * Hook that runs a function when specified dependencies change.
+ *
+ * @example
+ * onUpdate(() => {
+ *   console.log('Count changed:', count)
+ * }, [count])
+ */
+const onUpdate = (func, listeners = []) => {
+    (0, react_1.useEffect)(() => {
+        return func();
+    }, listeners);
+};
+exports.onUpdate = onUpdate;
+//# sourceMappingURL=onUpdate.js.map

package/dist/onUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onUpdate.js","sourceRoot":"","sources":["../src/onUpdate.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAGjC;;;;;;;GAOG;AACI,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE;IAC5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,IAAI,EAAE,CAAA;IACf,CAAC,EAAE,SAAS,CAAC,CAAA;AACf,CAAC,CAAA;AAJY,QAAA,QAAQ,YAIpB"}

package/dist/useBooleanToggle.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBooleanToggle = useBooleanToggle;
+const react_1 = require("react");
+/**
+ * Hook that manages a boolean state with toggle functionality.
+ *
+ * @example
+ * const [isOpen, toggleOpen] = useBooleanToggle(false)
+ * toggleOpen() // Toggles the value
+ * toggleOpen(true) // Sets to true
+ */
+function useBooleanToggle(initial) {
+    const [v, setV] = (0, react_1.useState)(initial);
+    function toggleOrSet(value) {
+        if (typeof value === 'boolean') {
+            setV(value);
+        }
+        else {
+            setV((previous) => !previous);
+        }
+    }
+    return [v, toggleOrSet];
+}
+//# sourceMappingURL=useBooleanToggle.js.map

package/dist/useBooleanToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBooleanToggle.js","sourceRoot":"","sources":["../src/useBooleanToggle.ts"],"names":[],"mappings":";;AAUA,4CAYC;AAtBD,iCAAgC;AAEhC;;;;;;;GAOG;AACH,SAAgB,gBAAgB,CAAC,OAAgB;IAC/C,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAA;IAEnC,SAAS,WAAW,CAAC,KAAe;QAClC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,CAAA;QACb,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC;IAED,OAAO,CAAC,CAAC,EAAE,WAAW,CAAU,CAAA;AAClC,CAAC"}

package/dist/useComponentTestId.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponentTestId = void 0;
+const react_1 = require("react");
+const simpleHash = (str) => {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+        hash = (hash << 5) - hash + str.charCodeAt(i);
+        hash |= 0;
+    }
+    return Math.abs(hash).toString();
+};
+const normalizeProps = (props, keys) => {
+    return keys.reduce((acc, key) => {
+        if (key === 'children') {
+            acc[key] = react_1.Children.map(props[key], (child) => typeof child === 'object' ? '[Component]' : child);
+        }
+        else {
+            acc[key] = props[key];
+        }
+        return acc;
+    }, {});
+};
+const normalizeDebugName = (debugName) => {
+    return debugName.trim().replace(/\s+/g, '-').toLowerCase();
+};
+const generateComponentTestId = (componentName, props, keys) => {
+    const hasDebugName = typeof (props === null || props === void 0 ? void 0 : props.debugName) === 'string';
+    if (hasDebugName)
+        return `${componentName}:${normalizeDebugName(props === null || props === void 0 ? void 0 : props.debugName)}`;
+    const extractedProps = normalizeProps(props, keys);
+    return `${componentName}:${simpleHash(JSON.stringify(extractedProps))}`;
+};
+/**
+ * Hook that generates a stable test ID for a component based on its props.
+ * Uses debugName if available, otherwise generates a hash from specified prop keys.
+ *
+ * @example
+ * const testId = useComponentTestId(Button, props, ['label', 'variant'])
+ * // Returns: "Button:debug-name" or "Button:123456"
+ */
+const useComponentTestId = (Component, props, keys) => {
+    const testIdRef = (0, react_1.useRef)(generateComponentTestId(Component.styleRegistryName, props, keys));
+    return testIdRef.current;
+};
+exports.useComponentTestId = useComponentTestId;
+//# sourceMappingURL=useComponentTestId.js.map

package/dist/useComponentTestId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentTestId.js","sourceRoot":"","sources":["../src/useComponentTestId.ts"],"names":[],"mappings":";;;AACA,iCAAwC;AAExC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAU,EAAE;IACzC,IAAI,IAAI,GAAG,CAAC,CAAA;IACZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACpC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;QAC7C,IAAI,IAAI,CAAC,CAAA;IACX,CAAC;IACD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,CAAsB,KAAQ,EAAE,IAAoB,EAAc,EAAE;IACzF,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QAC9B,IAAI,GAAG,KAAK,UAAU,EAAE,CAAC;YACvB,GAAG,CAAC,GAAG,CAAC,GAAG,gBAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAC/F,CAAA;QACH,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;QACvB,CAAC;QACD,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAgB,CAAC,CAAA;AACtB,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC/C,OAAO,SAAS,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAA;AAC5D,CAAC,CAAA;AAED,MAAM,uBAAuB,GAAG,CAAsB,aAAqB,EAAE,KAAQ,EAAE,IAAoB,EAAE,EAAE;IAC7G,MAAM,YAAY,GAAG,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAA,KAAK,QAAQ,CAAA;IACzD,IAAI,YAAY;QAAE,OAAO,GAAG,aAAa,IAAI,kBAAkB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,EAAE,CAAA;IACnF,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAClD,OAAO,GAAG,aAAa,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,CAAA;AACzE,CAAC,CAAA;AAED;;;;;;;GAOG;AACI,MAAM,kBAAkB,GAAG,CAChC,SAAc,EACd,KAAQ,EACR,IAAoB,EACpB,EAAE;IACF,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAuB,CAAC,SAAS,CAAC,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IAC3F,OAAO,SAAS,CAAC,OAAO,CAAA;AAC1B,CAAC,CAAA;AAPY,QAAA,kBAAkB,sBAO9B"}

package/dist/useConditionalState.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConditionalState = void 0;
+const react_1 = require("react");
+const useBooleanToggle_1 = require("./useBooleanToggle");
+/**
+ * Hook that uses external state if provided, otherwise creates internal state.
+ * Useful for creating controlled/uncontrolled component patterns.
+ *
+ * @example
+ * // Controlled mode
+ * const [value, setValue] = useConditionalState(props.value, props.onChange)
+ *
+ * // Uncontrolled mode
+ * const [value, setValue] = useConditionalState(undefined, undefined, { initialValue: 'default' })
+ */
+const useConditionalState = (value, setter, options = {}) => {
+    const state = (options === null || options === void 0 ? void 0 : options.isBooleanToggle)
+        ? (0, useBooleanToggle_1.useBooleanToggle)(options === null || options === void 0 ? void 0 : options.initialValue)
+        : (0, react_1.useState)(options === null || options === void 0 ? void 0 : options.initialValue);
+    if (typeof value !== 'undefined' && typeof setter === 'function') {
+        return [value, setter];
+    }
+    return state;
+};
+exports.useConditionalState = useConditionalState;
+//# sourceMappingURL=useConditionalState.js.map

package/dist/useConditionalState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConditionalState.js","sourceRoot":"","sources":["../src/useConditionalState.ts"],"names":[],"mappings":";;;AAAA,iCAA0D;AAE1D,yDAAqD;AASrD;;;;;;;;;;GAUG;AACI,MAAM,mBAAmB,GAAG,CACjC,KAAoB,EACpB,MAAmB,EACnB,UAAyC,EAAE,EACzB,EAAE;IACpB,MAAM,KAAK,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe;QACpC,CAAC,CAAC,IAAA,mCAAgB,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAuB,CAAC;QACpD,CAAC,CAAC,IAAA,gBAAQ,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,CAAA;IAEnC,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;QACjE,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACxB,CAAC;IAED,OAAO,KAAoC,CAAA;AAC7C,CAAC,CAAA;AAdY,QAAA,mBAAmB,uBAc/B"}

package/dist/useDebounce.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebounce = useDebounce;
+const react_1 = require("react");
+/**
+ * Hook that debounces a value, updating it after a specified delay.
+ *
+ * @example
+ * const [debouncedSearch, resetDebounce] = useDebounce(searchTerm, 500)
+ * // debouncedSearch updates 500ms after searchTerm stops changing
+ */
+function useDebounce(value, debounce) {
+    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)(value);
+    const timeoutRef = (0, react_1.useRef)(null);
+    const reset = () => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        timeoutRef.current = setTimeout(() => {
+            setDebouncedValue(value);
+        }, debounce);
+        return reset;
+    }, [value]);
+    return [debouncedValue, reset];
+}
+//# sourceMappingURL=useDebounce.js.map

package/dist/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../src/useDebounce.ts"],"names":[],"mappings":";;AASA,kCAsBC;AA/BD,iCAAmD;AAEnD;;;;;;GAMG;AACH,SAAgB,WAAW,CACzB,KAAQ,EACR,QAAgB;IAEhB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3D,MAAM,UAAU,GAAG,IAAA,cAAM,EAAuC,IAAI,CAAC,CAAA;IAErE,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QAClC,CAAC;IACH,CAAC,CAAA;IACD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACnC,iBAAiB,CAAC,KAAK,CAAC,CAAA;QAC1B,CAAC,EAAE,QAAQ,CAAC,CAAA;QAEZ,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;AAChC,CAAC"}

package/dist/useDebounceCallback.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebounceCallback = useDebounceCallback;
+const react_1 = require("react");
+/**
+ * Hook that creates debounced, flush, and cancel functions for a callback.
+ *
+ * @example
+ * const { debounce, flush, cancel } = useDebounceCallback((value) => {
+ *   console.log(value)
+ * }, 500)
+ *
+ * debounce('hello') // Will call callback after 500ms
+ * flush('immediate') // Calls callback immediately
+ * cancel() // Cancels pending debounced call
+ */
+function useDebounceCallback(callback, delay = 1000) {
+    const timeoutRef = (0, react_1.useRef)(null);
+    const debounce = (0, react_1.useCallback)((...args) => {
+        cancel();
+        timeoutRef.current = setTimeout(() => {
+            callback(...args);
+            timeoutRef.current = null;
+        }, delay);
+    }, [callback]);
+    const flush = (0, react_1.useCallback)((...args) => {
+        cancel();
+        callback(...args);
+    }, [callback]);
+    const cancel = (0, react_1.useCallback)(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    }, []);
+    return {
+        debounce,
+        flush,
+        cancel,
+    };
+}
+//# sourceMappingURL=useDebounceCallback.js.map

package/dist/useDebounceCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounceCallback.js","sourceRoot":"","sources":["../src/useDebounceCallback.ts"],"names":[],"mappings":";;AAcA,kDAgCC;AA9CD,iCAA2C;AAE3C;;;;;;;;;;;GAWG;AACH,SAAgB,mBAAmB,CACjC,QAA8B,EAC9B,KAAK,GAAG,IAAI;IAEZ,MAAM,UAAU,GAAG,IAAA,cAAM,EAAuC,IAAI,CAAC,CAAA;IAErE,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAG,IAAO,EAAE,EAAE;QAC1C,MAAM,EAAE,CAAA;QAER,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACnC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAA;YACjB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAA;IACX,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAG,IAAO,EAAE,EAAE;QACvC,MAAM,EAAE,CAAA;QACR,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;YAChC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;QAC3B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,QAAQ;QACR,KAAK;QACL,MAAM;KACP,CAAA;AACH,CAAC"}

package/dist/useDerivedRef.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDerivedRef = void 0;
+const react_1 = require("react");
+/**
+ * Hook that creates a ref that automatically updates when a derived value changes.
+ *
+ * @example
+ * const userNameRef = useDerivedRef(user, (u) => u.name)
+ * // userNameRef.current will always contain the latest user name
+ */
+const useDerivedRef = (derivedValue, getValue) => {
+    const ref = (0, react_1.useRef)(getValue(derivedValue));
+    (0, react_1.useEffect)(() => {
+        ref.current = getValue(derivedValue);
+    }, [derivedValue]);
+    return ref;
+};
+exports.useDerivedRef = useDerivedRef;
+//# sourceMappingURL=useDerivedRef.js.map

package/dist/useDerivedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDerivedRef.js","sourceRoot":"","sources":["../src/useDerivedRef.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AAEzC;;;;;;GAMG;AACI,MAAM,aAAa,GAAG,CAC3B,YAAe,EACf,QAAgC,EACL,EAAE;IAC7B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAA;IAE1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAXY,QAAA,aAAa,iBAWzB"}

package/dist/useDerivedState.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDerivedState = void 0;
+const utils_1 = require("@codeleap/utils");
+const react_1 = require("react");
+/**
+ * Hook that creates a state that synchronizes with a derived value, with customizable equality check.
+ *
+ * @example
+ * const [state, setState] = useDerivedState(props.value, {
+ *   getValue: (v) => v.id,
+ *   areEqual: (a, b) => a === b.id
+ * })
+ */
+const useDerivedState = (derivedValue, options = {}) => {
+    const { getValue = (value) => value, transform = (value) => value, areEqual = (currentState, derivedValue) => (0, utils_1.deepEqual)(currentState, derivedValue), } = options;
+    const [state, setState] = (0, react_1.useState)(() => getValue(derivedValue));
+    (0, react_1.useEffect)(() => {
+        const newValue = getValue(derivedValue);
+        const stateAreEqual = areEqual(transform(state), transform(derivedValue));
+        if (!stateAreEqual) {
+            setState(newValue);
+        }
+    }, [derivedValue]);
+    return [state, setState];
+};
+exports.useDerivedState = useDerivedState;
+//# sourceMappingURL=useDerivedState.js.map

package/dist/useDerivedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDerivedState.js","sourceRoot":"","sources":["../src/useDerivedState.ts"],"names":[],"mappings":";;;AAAA,2CAA2C;AAC3C,iCAA2C;AAQ3C;;;;;;;;GAQG;AACI,MAAM,eAAe,GAAG,CAC7B,YAAe,EACf,UAAyB,EAAE,EACmB,EAAE;IAChD,MAAM,EACJ,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,KAAU,EACrC,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAC5B,QAAQ,GAAG,CAAC,YAAY,EAAE,YAAY,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,YAAY,EAAE,YAAY,CAAC,GACjF,GAAG,OAAO,CAAA;IAEX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAI,GAAG,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAA;IAEnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;QAEvC,MAAM,aAAa,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;QAEzE,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AAC1B,CAAC,CAAA;AAvBY,QAAA,eAAe,mBAuB3B"}

package/dist/useEffectOnce.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEffectOnce = void 0;
+const react_1 = require("react");
+/**
+ * Hook that runs an effect only once when the component mounts.
+ *
+ * @example
+ * useEffectOnce(() => {
+ *   console.log('Runs only once on mount')
+ *   return () => console.log('Cleanup on unmount')
+ * })
+ */
+const useEffectOnce = (effect) => {
+    (0, react_1.useEffect)(effect, []);
+};
+exports.useEffectOnce = useEffectOnce;
+//# sourceMappingURL=useEffectOnce.js.map

package/dist/useEffectOnce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectOnce.js","sourceRoot":"","sources":["../src/useEffectOnce.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAEjD;;;;;;;;GAQG;AACI,MAAM,aAAa,GAAG,CAAC,MAAsB,EAAE,EAAE;IACtD,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACvB,CAAC,CAAA;AAFY,QAAA,aAAa,iBAEzB"}

package/dist/useFilteredList.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilteredList = useFilteredList;
+const react_1 = require("react");
+/**
+ * Hook that filters out the first item from a list that matches a predicate.
+ *
+ * @example
+ * const filteredUsers = useFilteredList(users, (user) => user.id === deletedId)
+ * // Returns users array without the first user matching the predicate
+ */
+function useFilteredList(list, predicate) {
+    return (0, react_1.useMemo)(() => {
+        if (!list)
+            return [];
+        const index = list.findIndex(predicate);
+        if (index === -1)
+            return list;
+        const newList = [...list];
+        newList.splice(index, 1);
+        return newList;
+    }, [list, predicate]);
+}
+//# sourceMappingURL=useFilteredList.js.map

package/dist/useFilteredList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilteredList.js","sourceRoot":"","sources":["../src/useFilteredList.ts"],"names":[],"mappings":";;AASA,0CAWC;AApBD,iCAA+B;AAE/B;;;;;;GAMG;AACH,SAAgB,eAAe,CAAI,IAAS,EAAE,SAA+B;IAC3E,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAA;QAEpB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;QACvC,IAAI,KAAK,KAAK,CAAC,CAAC;YAAE,OAAO,IAAI,CAAA;QAE7B,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;QACzB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QACxB,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;AACvB,CAAC"}

package/dist/useForceRender.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForceRender = useForceRender;
+const react_1 = require("react");
+/**
+ * Hook that returns a function to force a component re-render.
+ *
+ * @example
+ * const forceRender = useForceRender()
+ * forceRender() // Forces component to re-render
+ */
+function useForceRender() {
+    const [_, forceRender] = (0, react_1.useReducer)((x) => x + 1, 0);
+    return forceRender;
+}
+//# sourceMappingURL=useForceRender.js.map

package/dist/useForceRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForceRender.js","sourceRoot":"","sources":["../src/useForceRender.ts"],"names":[],"mappings":";;AASA,wCAGC;AAZD,iCAAkC;AAElC;;;;;;GAMG;AACH,SAAgB,cAAc;IAC5B,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,IAAA,kBAAU,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;IACpD,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/dist/useId.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useId = useId;
+const react_1 = require("react");
+/**
+ * Hook that returns a stable ID, using provided ID if available or generating one.
+ *
+ * @example
+ * const id = useId('custom-id') // Returns 'custom-id'
+ * const id = useId() // Returns generated ID like ':r1:'
+ */
+function useId(id) {
+    var _a;
+    const defaultId = (0, react_1.useId)();
+    const idRef = (0, react_1.useRef)(id);
+    return (_a = idRef.current) !== null && _a !== void 0 ? _a : defaultId;
+}
+//# sourceMappingURL=useId.js.map

package/dist/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sourceRoot":"","sources":["../src/useId.ts"],"names":[],"mappings":";;AASA,sBAKC;AAdD,iCAA+C;AAE/C;;;;;;GAMG;AACH,SAAgB,KAAK,CAAI,EAAM;;IAC7B,MAAM,SAAS,GAAG,IAAA,aAAM,GAAE,CAAA;IAC1B,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAA;IAExB,OAAO,MAAA,KAAK,CAAC,OAAO,mCAAI,SAAS,CAAA;AACnC,CAAC"}

package/dist/useInterval.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = useInterval;
+const react_1 = require("react");
+/**
+ * Hook that manages an interval with start and clear controls.
+ * The handler receives a clear function to stop the interval from within.
+ *
+ * @example
+ * const { start, clear } = useInterval((clearFn) => {
+ *   console.log('Tick')
+ *   if (shouldStop) clearFn()
+ * }, 1000)
+ *
+ * start() // Starts the interval
+ * clear() // Stops the interval
+ */
+function useInterval(handler, interval) {
+    const intervalRef = (0, react_1.useRef)(null);
+    const handlerRef = (0, react_1.useRef)(handler);
+    (0, react_1.useEffect)(() => {
+        handlerRef.current = handler;
+    }, [handler]);
+    const clear = (0, react_1.useCallback)(() => {
+        if (intervalRef.current != null) {
+            clearInterval(intervalRef.current);
+            intervalRef.current = null;
+        }
+    }, []);
+    const start = (0, react_1.useCallback)(() => {
+        clear();
+        if (intervalRef.current == null) {
+            intervalRef.current = setInterval(() => {
+                handlerRef.current(clear);
+            }, interval);
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            clear();
+        };
+    }, [clear]);
+    return {
+        clear,
+        start,
+        interval: intervalRef.current,
+    };
+}
+//# sourceMappingURL=useInterval.js.map

package/dist/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../src/useInterval.ts"],"names":[],"mappings":";;AAkBA,kCAoCC;AAtDD,iCAAsD;AAKtD;;;;;;;;;;;;GAYG;AACH,SAAgB,WAAW,CAAC,OAA2B,EAAE,QAAgB;IACvE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAwC,IAAI,CAAC,CAAA;IACvE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,OAAO,CAAC,CAAA;IAEtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,OAAO,CAAA;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7B,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;YAChC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;YAClC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;QAC5B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7B,KAAK,EAAE,CAAA;QAEP,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;YAChC,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;gBACrC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;YAC3B,CAAC,EAAE,QAAQ,CAAC,CAAA;QACd,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,KAAK,EAAE,CAAA;QACT,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO;QACL,KAAK;QACL,KAAK;QACL,QAAQ,EAAE,WAAW,CAAC,OAAO;KAC9B,CAAA;AACH,CAAC"}

package/dist/useIsMounted.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsMounted = useIsMounted;
+exports.useIsClient = useIsClient;
+const react_1 = require("react");
+const isReactNativeOrServer = typeof navigator !== 'undefined';
+const useIsomorphicLayoutEffect = isReactNativeOrServer ? react_1.useLayoutEffect : react_1.useEffect;
+/**
+ * Hook to check if the component has mounted. SSR safe.
+ *
+ * @example
+ * const isMounted = useIsMounted()
+ * if (isMounted) {
+ *   // Safe to use browser APIs
+ * }
+ */
+function useIsMounted() {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    useIsomorphicLayoutEffect(() => {
+        setMounted(true);
+    }, []);
+    return mounted;
+}
+/**
+ * Hook to check if the code is running on the client-side.
+ * NOTE: This is just a mirror of `useIsMounted` for retrocompatibility reasons
+ *
+ * @example
+ * const { isClient } = useIsClient()
+ * if (isClient) {
+ *   // Safe to use browser APIs
+ * }
+ */
+function useIsClient() {
+    return {
+        isClient: useIsMounted(),
+    };
+}
+//# sourceMappingURL=useIsMounted.js.map

package/dist/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sourceRoot":"","sources":["../src/useIsMounted.ts"],"names":[],"mappings":";;AAgBA,oCAQC;AAYD,kCAIC;AAxCD,iCAA4D;AAE5D,MAAM,qBAAqB,GAAG,OAAO,SAAS,KAAK,WAAW,CAAA;AAE9D,MAAM,yBAAyB,GAC7B,qBAAqB,CAAC,CAAC,CAAC,uBAAe,CAAC,CAAC,CAAC,iBAAS,CAAA;AAErD;;;;;;;;GAQG;AACH,SAAgB,YAAY;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE7C,yBAAyB,CAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,WAAW;IACzB,OAAO;QACL,QAAQ,EAAE,YAAY,EAAE;KACzB,CAAA;AACH,CAAC"}

package/dist/useLazyStore.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLazyStore = useLazyStore;
+const store_1 = require("@codeleap/store");
+const react_1 = require("react");
+/**
+ * Hook that lazily creates a global store with an initial value.
+ * The store is created only once and persists across re-renders.
+ *
+ * @example
+ * const counterStore = useLazyStore(0)
+ * // Store is created once and can be used across components
+ */
+function useLazyStore(initialValue) {
+    const store = (0, react_1.useMemo)(() => {
+        return (0, store_1.globalState)(initialValue);
+    }, []);
+    return store;
+}
+//# sourceMappingURL=useLazyStore.js.map

package/dist/useLazyStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLazyStore.js","sourceRoot":"","sources":["../src/useLazyStore.ts"],"names":[],"mappings":";;AAWA,oCAMC;AAjBD,2CAA6C;AAC7C,iCAA+B;AAE/B;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAI,YAAe;IAC7C,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,IAAA,mBAAW,EAAC,YAAY,CAAC,CAAA;IAClC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,KAAK,CAAA;AACd,CAAC"}

package/dist/useModal.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModal = useModal;
+const types_1 = require("@codeleap/types");
+const react_1 = require("react");
+/**
+ * Hook that manages modal visibility state with open, close, and toggle functions.
+ *
+ * @example
+ * const modal = useModal()
+ * modal.open() // Opens modal
+ * modal.close() // Closes modal
+ * modal.toggle() // Toggles visibility
+ * modal.toggle(true) // Forces open
+ */
+function useModal(startsOpen = false) {
+    const [visible, setVisible] = (0, react_1.useState)(startsOpen);
+    function open() {
+        setVisible(true);
+    }
+    function close() {
+        setVisible(false);
+    }
+    function toggle(forceVisible) {
+        setVisible(prev => types_1.TypeGuards.isBoolean(forceVisible) ? forceVisible : !prev);
+    }
+    return {
+        visible,
+        toggle,
+        open,
+        close,
+    };
+}
+//# sourceMappingURL=useModal.js.map

package/dist/useModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.js","sourceRoot":"","sources":["../src/useModal.ts"],"names":[],"mappings":";;AAaA,4BAqBC;AAlCD,2CAA4C;AAC5C,iCAAgC;AAEhC;;;;;;;;;GASG;AACH,SAAgB,QAAQ,CAAC,UAAU,GAAG,KAAK;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAA;IAElD,SAAS,IAAI;QACX,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAED,SAAS,KAAK;QACZ,UAAU,CAAC,KAAK,CAAC,CAAA;IACnB,CAAC;IAED,SAAS,MAAM,CAAC,YAAsB;QACpC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,kBAAU,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC/E,CAAC;IAED,OAAO;QACL,OAAO;QACP,MAAM;QACN,IAAI;QACJ,KAAK;KACN,CAAA;AACH,CAAC"}