@jobber/hooks 2.17.1 → 2.17.2

package/dist/useOnKeyDown/useOnKeyDown.test.js

@@ -1,16 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const _1 = require(".");
+import React from "react";
+import { fireEvent, render } from "@testing-library/react";
+import { useOnKeyDown } from ".";
 test("fires the method when the key is pressed", () => {
     const keypressCallback = jest.fn();
-    const { container } = (0, react_2.render)(react_1.default.createElement(TestComponent, { callback: keypressCallback }));
+    const { container } = render(React.createElement(TestComponent, { callback: keypressCallback }));
     expect(keypressCallback).toHaveBeenCalledTimes(0);
-    (0, react_2.fireEvent)(container, new KeyboardEvent("keydown", {
+    fireEvent(container, new KeyboardEvent("keydown", {
         key: "Enter",
         bubbles: true,
         cancelable: false,
@@ -18,6 +13,6 @@ test("fires the method when the key is pressed", () => {
     expect(keypressCallback).toHaveBeenCalledTimes(1);
 });
 function TestComponent({ callback }) {
-    (0, _1.useOnKeyDown)(callback, "Enter");
-    return react_1.default.createElement(react_1.default.Fragment, null, "Look at me!");
+    useOnKeyDown(callback, "Enter");
+    return React.createElement(React.Fragment, null, "Look at me!");
 }

package/dist/useOnMount/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnMount = void 0;
-var useOnMount_1 = require("./useOnMount");
-Object.defineProperty(exports, "useOnMount", { enumerable: true, get: function () { return useOnMount_1.useOnMount; } });
+export { useOnMount } from "./useOnMount";

package/dist/useOnMount/useOnMount.js

@@ -1,20 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnMount = void 0;
-const react_1 = require("react");
-const useCallbackRef_1 = require("../useCallbackRef");
+import { useEffect, useRef } from "react";
+import { useCallbackRef } from "../useCallbackRef";
 /**
  * A custom hook that will call the provided function only once when the component mounts. Useful for emitting
  * analytics tracking events on component mount.
  */
-const useOnMount = (fn) => {
-    const mountedRef = (0, react_1.useRef)(false);
-    const callback = (0, useCallbackRef_1.useCallbackRef)(fn);
-    (0, react_1.useEffect)(() => {
+export const useOnMount = (fn) => {
+    const mountedRef = useRef(false);
+    const callback = useCallbackRef(fn);
+    useEffect(() => {
         if (!mountedRef.current) {
             mountedRef.current = true;
             callback();
         }
     }, [callback]);
 };
-exports.useOnMount = useOnMount;

package/dist/useOnMount/useOnMount.test.js

@@ -1,16 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const useOnMount_1 = require("./useOnMount");
+import { renderHook } from "@testing-library/react";
+import { useOnMount } from "./useOnMount";
 describe("useOnMount", () => {
     it("should call the function on mount", () => {
         const fn = jest.fn();
-        (0, react_1.renderHook)(() => (0, useOnMount_1.useOnMount)(fn));
+        renderHook(() => useOnMount(fn));
         expect(fn).toHaveBeenCalledTimes(1);
     });
     it("should only call function once when re-rendered", () => {
         const fn = jest.fn();
-        const view = (0, react_1.renderHook)(() => (0, useOnMount_1.useOnMount)(fn));
+        const view = renderHook(() => useOnMount(fn));
         expect(fn).toHaveBeenCalledTimes(1);
         view.rerender();
         expect(fn).toHaveBeenCalledTimes(1);

package/dist/useRefocusOnActivator/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefocusOnActivator = void 0;
-var useRefocusOnActivator_1 = require("./useRefocusOnActivator");
-Object.defineProperty(exports, "useRefocusOnActivator", { enumerable: true, get: function () { return useRefocusOnActivator_1.useRefocusOnActivator; } });
+export { useRefocusOnActivator } from "./useRefocusOnActivator";

package/dist/useRefocusOnActivator/useRefocusOnActivator.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefocusOnActivator = useRefocusOnActivator;
-const react_1 = require("react");
+import { useEffect } from "react";
 /**
  * Brings back the focus to the element that opened an overlaid element once
  * said overlaid element is dismissed.
  *
  * @param active - Determines if it should focus or not
  */
-function useRefocusOnActivator(active) {
-    (0, react_1.useEffect)(() => {
+export function useRefocusOnActivator(active) {
+    useEffect(() => {
         let activator;
         if (active && !activator) {
             activator = document.activeElement;

package/dist/useResizeObserver/index.js

@@ -1,17 +1 @@
-"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 });
-__exportStar(require("./useResizeObserver"), exports);
+export * from "./useResizeObserver";

package/dist/useResizeObserver/useResizeObserver.js

@@ -1,16 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breakpoints = void 0;
-exports.useResizeObserver = useResizeObserver;
-const react_1 = require("react");
+import { useMemo, useState } from "react";
 // Importing the polyfilled version of ResizeObserver
 // eslint-disable-next-line import/no-internal-modules
-const polyfilled_1 = __importDefault(require("use-resize-observer/polyfilled"));
-const throttle_1 = __importDefault(require("lodash/throttle"));
-exports.Breakpoints = {
+import useResizeObserverPackage from "use-resize-observer/polyfilled";
+import throttle from "lodash/throttle";
+export const Breakpoints = {
     base: 640,
     small: 500,
     smaller: 265,
@@ -18,13 +11,13 @@ exports.Breakpoints = {
     larger: 1024,
 };
 const wait = 100;
-function useResizeObserver({ widths = exports.Breakpoints, heights = exports.Breakpoints, } = {}) {
-    const [exactSize, setSize] = (0, react_1.useState)({
+export function useResizeObserver({ widths = Breakpoints, heights = Breakpoints, } = {}) {
+    const [exactSize, setSize] = useState({
         width: undefined,
         height: undefined,
     });
-    const onResize = (0, react_1.useMemo)(() => {
-        return (0, throttle_1.default)(({ width, height }) => {
+    const onResize = useMemo(() => {
+        return throttle(({ width, height }) => {
             if (!width || width <= 1) {
                 // Ignore invalid values. ResizeObserver is unexpectedly looping between 1 and the actual
                 // width of the element. This is only happening in playwright chromium.
@@ -34,7 +27,7 @@ function useResizeObserver({ widths = exports.Breakpoints, heights = exports.Bre
             setSize({ width, height });
         }, wait);
     }, []);
-    const { ref } = (0, polyfilled_1.default)({
+    const { ref } = useResizeObserverPackage({
         onResize,
     });
     const exactWidth = exactSize.width;

package/dist/useSafeLayoutEffect/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSafeLayoutEffect = void 0;
-var useSafeLayoutEffect_1 = require("./useSafeLayoutEffect");
-Object.defineProperty(exports, "useSafeLayoutEffect", { enumerable: true, get: function () { return useSafeLayoutEffect_1.useSafeLayoutEffect; } });
+export { useSafeLayoutEffect } from "./useSafeLayoutEffect";

package/dist/useSafeLayoutEffect/useSafeLayoutEffect.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSafeLayoutEffect = void 0;
-const react_1 = require("react");
-exports.useSafeLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
-    ? react_1.useLayoutEffect
-    : react_1.useEffect;
+import { useEffect, useLayoutEffect } from "react";
+export const useSafeLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
+    ? useLayoutEffect
+    : useEffect;

package/dist/useShowClear/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShowClear = void 0;
-var useShowClear_1 = require("./useShowClear");
-Object.defineProperty(exports, "useShowClear", { enumerable: true, get: function () { return useShowClear_1.useShowClear; } });
+export { useShowClear } from "./useShowClear";

package/dist/useShowClear/useShowClear.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShowClear = useShowClear;
-function useShowClear({ clearable, multiline, focused, hasValue, readonly, disabled = false, }) {
+export function useShowClear({ clearable, multiline, focused, hasValue, readonly, disabled = false, }) {
     if (multiline && clearable !== "never") {
         throw new Error("Multiline inputs can not be clearable");
     }

package/dist/useShowClear/useShowClear.test.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const useShowClear_1 = require("./useShowClear");
+import { useShowClear } from "./useShowClear";
 describe("useShowClear", () => {
     describe.each([
         {
@@ -156,7 +154,7 @@ describe("useShowClear", () => {
         },
     ])("%j", ({ clearable, hasValue, focused, multiline, disabled, readonly, expected, }) => {
         it(`returns ${expected}`, () => {
-            expect((0, useShowClear_1.useShowClear)({
+            expect(useShowClear({
                 clearable,
                 multiline,
                 focused,
@@ -168,7 +166,7 @@ describe("useShowClear", () => {
     });
     it("throws an error if multiline is true and clearable isn't never", () => {
         expect(() => {
-            (0, useShowClear_1.useShowClear)({
+            useShowClear({
                 clearable: "always",
                 multiline: true,
                 focused: true,
@@ -177,7 +175,7 @@ describe("useShowClear", () => {
             });
         }).toThrow();
         expect(() => {
-            (0, useShowClear_1.useShowClear)({
+            useShowClear({
                 clearable: "while-editing",
                 multiline: true,
                 focused: true,
@@ -186,7 +184,7 @@ describe("useShowClear", () => {
             });
         }).toThrow();
         expect(() => {
-            (0, useShowClear_1.useShowClear)({
+            useShowClear({
                 clearable: "never",
                 multiline: true,
                 focused: true,
@@ -197,7 +195,7 @@ describe("useShowClear", () => {
     });
     it("respects readonly in multiline inputs", () => {
         expect(() => {
-            (0, useShowClear_1.useShowClear)({
+            useShowClear({
                 clearable: "never",
                 multiline: true,
                 focused: true,

package/dist/useStepper/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStepper = void 0;
-var useStepper_1 = require("./useStepper");
-Object.defineProperty(exports, "useStepper", { enumerable: true, get: function () { return useStepper_1.useStepper; } });
+export { useStepper } from "./useStepper";

package/dist/useStepper/useStepper.js

@@ -1,22 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStepper = useStepper;
-const react_1 = require("react");
-const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
-function useStepper(steps, options = {}) {
+import { useMemo, useState } from "react";
+import invariant from "tiny-invariant";
+export function useStepper(steps, options = {}) {
     var _a;
     const firstStep = (_a = options === null || options === void 0 ? void 0 : options.defaultStep) !== null && _a !== void 0 ? _a : steps[0];
-    (0, tiny_invariant_1.default)(firstStep, "Steps array cannot be empty");
-    const [currentStep, setCurrentStep] = (0, react_1.useState)(firstStep);
-    const currentActiveStep = (0, react_1.useMemo)(() => ({
+    invariant(firstStep, "Steps array cannot be empty");
+    const [currentStep, setCurrentStep] = useState(firstStep);
+    const currentActiveStep = useMemo(() => ({
         currentStep,
         isFirst: currentStep === steps[0],
         isLast: currentStep === steps[steps.length - 1],
     }), [currentStep, steps]);
-    const handlers = (0, react_1.useMemo)(() => ({
+    const handlers = useMemo(() => ({
         goToStep: (step) => {
             setCurrentStep(step);
         },
@@ -24,7 +18,7 @@ function useStepper(steps, options = {}) {
             setCurrentStep(prevCurrentStep => {
                 const currentIndex = steps.indexOf(prevCurrentStep);
                 const nextStep = steps[Math.min(currentIndex + 1, steps.length - 1)];
-                (0, tiny_invariant_1.default)(nextStep, `Index out of bounds: ${currentIndex + 1}`);
+                invariant(nextStep, `Index out of bounds: ${currentIndex + 1}`);
                 return nextStep;
             });
         },
@@ -32,7 +26,7 @@ function useStepper(steps, options = {}) {
             setCurrentStep(prevCurrentStep => {
                 const currentIndex = steps.indexOf(prevCurrentStep);
                 const previousStep = steps[Math.max(currentIndex - 1, 0)];
-                (0, tiny_invariant_1.default)(previousStep, `Index out of bounds: ${currentIndex - 1}`);
+                invariant(previousStep, `Index out of bounds: ${currentIndex - 1}`);
                 return previousStep;
             });
         },

package/dist/useStepper/useStepper.test.js

@@ -1,17 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const _1 = require(".");
+import { act, renderHook } from "@testing-library/react";
+import { useStepper } from ".";
 const steps = ["step1", "step2", "step3"];
 describe("useStepper", () => {
     it("initializes with first step when no initial step provided", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, _1.useStepper)(steps));
+        const { result } = renderHook(() => useStepper(steps));
         expect(result.current.currentStep).toBe("step1");
         expect(result.current.isFirst).toBe(true);
         expect(result.current.isLast).toBe(false);
     });
     it("initializes with provided initial step", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, _1.useStepper)(["step1", "step2", "step3"], {
+        const { result } = renderHook(() => useStepper(["step1", "step2", "step3"], {
             defaultStep: "step2",
         }));
         expect(result.current.currentStep).toBe("step2");
@@ -19,8 +17,8 @@ describe("useStepper", () => {
         expect(result.current.isLast).toBe(false);
     });
     it("moves to next step when nextStep is called", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, _1.useStepper)(steps));
-        (0, react_1.act)(() => {
+        const { result } = renderHook(() => useStepper(steps));
+        act(() => {
             result.current.goToNextStep();
         });
         expect(result.current.currentStep).toBe("step2");
@@ -28,10 +26,10 @@ describe("useStepper", () => {
         expect(result.current.isFirst).toBe(false);
     });
     it("moves to previous step when previousStep is called", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, _1.useStepper)(steps, {
+        const { result } = renderHook(() => useStepper(steps, {
             defaultStep: "step2",
         }));
-        (0, react_1.act)(() => {
+        act(() => {
             result.current.goToPreviousStep();
         });
         expect(result.current.currentStep).toBe("step1");
@@ -39,10 +37,10 @@ describe("useStepper", () => {
         expect(result.current.isFirst).toBe(true);
     });
     it("does not move past the last step", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, _1.useStepper)(steps, {
+        const { result } = renderHook(() => useStepper(steps, {
             defaultStep: "step3",
         }));
-        (0, react_1.act)(() => {
+        act(() => {
             result.current.goToNextStep();
         });
         expect(result.current.currentStep).toBe("step3");
@@ -50,10 +48,10 @@ describe("useStepper", () => {
         expect(result.current.isFirst).toBe(false);
     });
     it("does not move before the first step", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, _1.useStepper)(steps, {
+        const { result } = renderHook(() => useStepper(steps, {
             defaultStep: "step1",
         }));
-        (0, react_1.act)(() => {
+        act(() => {
             result.current.goToPreviousStep();
         });
         expect(result.current.currentStep).toBe("step1");
@@ -61,8 +59,8 @@ describe("useStepper", () => {
         expect(result.current.isLast).toBe(false);
     });
     it("moves to specific step when goToStep is called", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, _1.useStepper)(steps));
-        (0, react_1.act)(() => {
+        const { result } = renderHook(() => useStepper(steps));
+        act(() => {
             result.current.goToStep("step3");
         });
         expect(result.current.currentStep).toBe("step3");
@@ -72,7 +70,7 @@ describe("useStepper", () => {
     describe("error handling", () => {
         it("throws error when steps array is empty", () => {
             expect(() => {
-                (0, react_1.renderHook)(() => (0, _1.useStepper)([]));
+                renderHook(() => useStepper([]));
             }).toThrow(new Error("Invariant failed: Steps array cannot be empty"));
         });
     });

package/dist/useWindowDimensions/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowDimensions = void 0;
-var useWindowDimensions_1 = require("./useWindowDimensions");
-Object.defineProperty(exports, "useWindowDimensions", { enumerable: true, get: function () { return useWindowDimensions_1.useWindowDimensions; } });
+export { useWindowDimensions } from "./useWindowDimensions";

package/dist/useWindowDimensions/useWIndowDimensions.test.js

@@ -1,22 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("@testing-library/react");
-const useWindowDimensions_1 = require("./useWindowDimensions");
+import { renderHook } from "@testing-library/react-hooks";
+import { fireEvent } from "@testing-library/react";
+import { useWindowDimensions } from "./useWindowDimensions";
 describe("useWindowDimensions", () => {
     it("should return window dimensions", () => {
         window.innerHeight = 100;
         window.innerWidth = 1000;
-        const { result } = (0, react_hooks_1.renderHook)(() => (0, useWindowDimensions_1.useWindowDimensions)());
+        const { result } = renderHook(() => useWindowDimensions());
         expect(result.current).toEqual({ width: 1000, height: 100 });
     });
     describe("resize event", () => {
         it("should return window dimensions after resize", () => {
             window.innerHeight = 100;
             window.innerWidth = 1000;
-            const { result } = (0, react_hooks_1.renderHook)(() => (0, useWindowDimensions_1.useWindowDimensions)());
+            const { result } = renderHook(() => useWindowDimensions());
             window.innerWidth = 500;
-            (0, react_1.fireEvent)(window, new Event("resize"));
+            fireEvent(window, new Event("resize"));
             expect(result.current).toEqual({ width: 500, height: 100 });
         });
     });

package/dist/useWindowDimensions/useWindowDimensions.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowDimensions = useWindowDimensions;
-const react_1 = require("react");
+import { useEffect, useState } from "react";
 function getWindowDimensions() {
     if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
         return {
@@ -15,9 +12,9 @@ function getWindowDimensions() {
         height,
     };
 }
-function useWindowDimensions() {
-    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions());
-    (0, react_1.useEffect)(() => {
+export function useWindowDimensions() {
+    const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+    useEffect(() => {
         function handleResize() {
             setWindowDimensions(getWindowDimensions());
         }

package/package.json

@@ -1,9 +1,106 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.17.1",
+  "version": "2.17.2",
   "license": "MIT",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./useBool": {
+      "types": "./dist/useBool/index.d.ts",
+      "import": "./dist/useBool/index.js",
+      "require": "./dist/useBool/index.js"
+    },
+    "./useBreakpoints": {
+      "types": "./dist/useBreakpoints/index.d.ts",
+      "import": "./dist/useBreakpoints/index.js",
+      "require": "./dist/useBreakpoints/index.js"
+    },
+    "./useCallbackRef": {
+      "types": "./dist/useCallbackRef/index.d.ts",
+      "import": "./dist/useCallbackRef/index.js",
+      "require": "./dist/useCallbackRef/index.js"
+    },
+    "./useCollectionQuery": {
+      "types": "./dist/useCollectionQuery/index.d.ts",
+      "import": "./dist/useCollectionQuery/index.js",
+      "require": "./dist/useCollectionQuery/index.js"
+    },
+    "./useDebounce": {
+      "types": "./dist/useDebounce/index.d.ts",
+      "import": "./dist/useDebounce/index.js",
+      "require": "./dist/useDebounce/index.js"
+    },
+    "./useFocusTrap": {
+      "types": "./dist/useFocusTrap/index.d.ts",
+      "import": "./dist/useFocusTrap/index.js",
+      "require": "./dist/useFocusTrap/index.js"
+    },
+    "./useFormState": {
+      "types": "./dist/useFormState/index.d.ts",
+      "import": "./dist/useFormState/index.js",
+      "require": "./dist/useFormState/index.js"
+    },
+    "./useInView": {
+      "types": "./dist/useInView/index.d.ts",
+      "import": "./dist/useInView/index.js",
+      "require": "./dist/useInView/index.js"
+    },
+    "./useIsMounted": {
+      "types": "./dist/useIsMounted/index.d.ts",
+      "import": "./dist/useIsMounted/index.js",
+      "require": "./dist/useIsMounted/index.js"
+    },
+    "./useLiveAnnounce": {
+      "types": "./dist/useLiveAnnounce/index.d.ts",
+      "import": "./dist/useLiveAnnounce/index.js",
+      "require": "./dist/useLiveAnnounce/index.js"
+    },
+    "./useOnKeyDown": {
+      "types": "./dist/useOnKeyDown/index.d.ts",
+      "import": "./dist/useOnKeyDown/index.js",
+      "require": "./dist/useOnKeyDown/index.js"
+    },
+    "./useOnMount": {
+      "types": "./dist/useOnMount/index.d.ts",
+      "import": "./dist/useOnMount/index.js",
+      "require": "./dist/useOnMount/index.js"
+    },
+    "./useRefocusOnActivator": {
+      "types": "./dist/useRefocusOnActivator/index.d.ts",
+      "import": "./dist/useRefocusOnActivator/index.js",
+      "require": "./dist/useRefocusOnActivator/index.js"
+    },
+    "./useResizeObserver": {
+      "types": "./dist/useResizeObserver/index.d.ts",
+      "import": "./dist/useResizeObserver/index.js",
+      "require": "./dist/useResizeObserver/index.js"
+    },
+    "./useSafeLayoutEffect": {
+      "types": "./dist/useSafeLayoutEffect/index.d.ts",
+      "import": "./dist/useSafeLayoutEffect/index.js",
+      "require": "./dist/useSafeLayoutEffect/index.js"
+    },
+    "./useShowClear": {
+      "types": "./dist/useShowClear/index.d.ts",
+      "import": "./dist/useShowClear/index.js",
+      "require": "./dist/useShowClear/index.js"
+    },
+    "./useStepper": {
+      "types": "./dist/useStepper/index.d.ts",
+      "import": "./dist/useStepper/index.js",
+      "require": "./dist/useStepper/index.js"
+    },
+    "./useWindowDimensions": {
+      "types": "./dist/useWindowDimensions/index.d.ts",
+      "import": "./dist/useWindowDimensions/index.js",
+      "require": "./dist/useWindowDimensions/index.js"
+    }
+  },
   "scripts": {
     "build": "tsc --project . --skipLibCheck",
     "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
@@ -20,7 +117,7 @@
   ],
   "devDependencies": {
     "@apollo/react-testing": "^4.0.0",
-    "@jobber/formatters": "^0.4.0",
+    "@jobber/formatters": "^0.4.1",
     "@types/lodash": "4.14.136",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
@@ -40,5 +137,5 @@
     "@apollo/client": "^3.0.0",
     "react": "^18.2.0"
   },
-  "gitHead": "1ee9814294da2a6e858b1472a8b5b0ccffa85330"
+  "gitHead": "14679bfc84922e1c758fbd6118ce3fd7b5142315"
 }