@simplybusiness/mobius 8.0.1 → 9.0.0

package/src/components/Slider/helpers.test.ts

@@ -59,7 +59,7 @@ describe("Slider helpers", () => {
 
   describe("useUnwrappedHandler", () => {
     it("should call the handler with the unwrapped value", () => {
-      const handler = jest.fn();
+      const handler = vi.fn();
       const { result } = renderHook(() => useUnwrappedHandler(handler));
       result.current([1]);
       expect(handler).toHaveBeenCalledWith(1);

package/src/components/Stack/Stack.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import type { StackProps } from ".";
 import { Stack } from ".";
 import { excludeControls } from "../../utils";

package/src/components/Switch/Switch.stories.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { Switch as Control, type SwitchProps } from ".";
 import { excludeControls } from "../../utils";
 

package/src/components/Switch/Switch.test.tsx

@@ -2,7 +2,7 @@ import { render, screen, fireEvent } from "@testing-library/react";
 import { Switch } from ".";
 
 describe("Switch", () => {
-  const mockOnChange = jest.fn();
+  const mockOnChange = vi.fn();
 
   const props = {
     checked: false,

package/src/components/Table/Table.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import type { TableProps } from ".";
 import { Table } from ".";
 

package/src/components/Text/Text.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { excludeControls } from "../../utils";
 import { Box } from "../Box";
 import type { TextProps } from "./Text";

package/src/components/TextArea/TextArea.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { excludeControls } from "../../utils";
 import { StoryContainer } from "../../utils/StoryContainer";
 import type { TextAreaProps } from "./TextArea";

package/src/components/TextArea/TextArea.test.tsx

@@ -11,7 +11,7 @@ describe("TextArea", () => {
   });
 
   it("should call onChange with the updated value when the user types", async () => {
-    const callback = jest.fn();
+    const callback = vi.fn();
     const { getByLabelText } = render(
       <TextArea label="First name" onChange={callback} />,
     );
@@ -24,8 +24,8 @@ describe("TextArea", () => {
   });
 
   it("focuses correctly via keyboard", async () => {
-    const callbackFirstName = jest.fn();
-    const callbackLastName = jest.fn();
+    const callbackFirstName = vi.fn();
+    const callbackLastName = vi.fn();
     render(
       <>
         <TextArea label="First name" onChange={callbackFirstName} />

package/src/components/TextField/TextField.stories.tsx

@@ -1,5 +1,5 @@
 import { search } from "@simplybusiness/icons";
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { useRef } from "react";
 import { excludeControls } from "../../utils";
 import { StoryContainer } from "../../utils/StoryContainer";

package/src/components/TextOrHTML/TextOrHTML.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { excludeControls } from "../../utils";
 import { Box } from "../Box";
 import type { TextOrHTMLProps } from "./TextOrHTML";

package/src/components/Title/Title.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import type { TitleProps } from "./Title";
 import { Title } from "./Title";
 

package/src/components/Toast/Toast.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { useEffect } from "react";
 import { Button } from "../Button";
 import { Flex } from "../Flex";

package/src/components/Toast/Toast.test.tsx

@@ -4,8 +4,8 @@ import { Toaster, toast } from ".";
 
 // Mock setPointerCapture which JSDOM doesn't support (used by Sonner)
 beforeAll(() => {
-  Element.prototype.setPointerCapture = jest.fn();
-  Element.prototype.releasePointerCapture = jest.fn();
+  Element.prototype.setPointerCapture = vi.fn();
+  Element.prototype.releasePointerCapture = vi.fn();
 });
 
 describe("Toast", () => {
@@ -86,7 +86,7 @@ describe("Toast", () => {
       render(<Toaster />);
 
       toast.info("Action toast", {
-        action: { label: "Undo", onClick: jest.fn() },
+        action: { label: "Undo", onClick: vi.fn() },
       });
 
       await waitFor(() => {
@@ -108,7 +108,7 @@ describe("Toast", () => {
 
     it("calls action onClick and dismisses toast when action button is clicked", async () => {
       const user = userEvent.setup();
-      const onClickMock = jest.fn();
+      const onClickMock = vi.fn();
       render(<Toaster />);
 
       toast.info("Action toast", {
@@ -130,7 +130,7 @@ describe("Toast", () => {
 
     it("calls cancel onClick and dismisses toast when cancel button is clicked", async () => {
       const user = userEvent.setup();
-      const onClickMock = jest.fn();
+      const onClickMock = vi.fn();
       render(<Toaster />);
 
       toast.info("Cancel toast", {
@@ -168,7 +168,7 @@ describe("Toast", () => {
 
     it("calls onDismiss callback when toast is dismissed via close button", async () => {
       const user = userEvent.setup();
-      const onDismissMock = jest.fn();
+      const onDismissMock = vi.fn();
       render(<Toaster closeButton />);
 
       toast.info("Dismissable toast", { onDismiss: onDismissMock });

package/src/components/Trust/Trust.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { Trust, type TrustProps } from "..";
 import { excludeControls } from "../../utils";
 import { TrustpilotProvider } from "./TrustpilotProvider";

package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import type { VisuallyHiddenProps } from ".";
 import { VisuallyHidden } from ".";
 

package/src/hooks/index.tsx

@@ -1,14 +1,7 @@
-export * from "./useBodyScrollLock";
 export * from "./useBreakpoint";
 export * from "./useButton";
-export * from "./useDebouncedValue";
 export * from "./useDialog";
 export * from "./useDialogPolyfill";
 export * from "./useLabel";
-export * from "./useOnClickOutside";
-export * from "./useOnUnmount";
-export * from "./usePrefersReducedMotion";
-export * from "./useRenderCount";
 export * from "./useTextField";
 export * from "./useValidationClasses";
-export * from "./useWindowEvent";

package/src/hooks/useBreakpoint/useBreakpoint.ssr.test.tsx

@@ -0,0 +1,18 @@
+/**
+ * @vitest-environment node
+ */
+import { renderToString } from "react-dom/server";
+import { DEFAULT_BREAKPOINTS, useBreakpoint } from ".";
+
+function TestComponent() {
+  const { breakpoint } = useBreakpoint();
+  return <div data-testid="breakpoint">{breakpoint.size}</div>;
+}
+
+describe("useBreakpoint SSR", () => {
+  it("renders the default breakpoint on the server", () => {
+    const view = renderToString(<TestComponent />);
+
+    expect(view).toContain(DEFAULT_BREAKPOINTS[0].size);
+  });
+});

package/src/hooks/useBreakpoint/useBreakpoint.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { useBreakpoint } from "./useBreakpoint";
 
 type StoryType = StoryObj<typeof useBreakpoint>;

package/src/hooks/useBreakpoint/useBreakpoint.test.tsx

@@ -1,4 +1,6 @@
-import { render, renderHook, screen } from "@testing-library/react";
+import { act, render, renderHook, screen } from "@testing-library/react";
+import { hydrateRoot } from "react-dom/client";
+import { renderToString } from "react-dom/server";
 import type { BreakpointsType } from ".";
 import { DEFAULT_BREAKPOINTS, useBreakpoint } from ".";
 
@@ -38,6 +40,7 @@ describe("useBreakpoint", () => {
 
   describe("given no breakpoints are provided through a Context", () => {
     it("returns default breakpoint", () => {
+      setWindowWidth(300);
       render(<TestComponent />);
 
       expect(screen.getByText(DEFAULT_BREAKPOINTS[0].size)).toBeInTheDocument();
@@ -133,7 +136,7 @@ describe("useBreakpoint", () => {
     ] as const;
 
     describe.each(table)("given window width %s", (value, expected) => {
-      it.each(expected)(
+      it.each([...expected])(
         "it returns %s for breakpoint %s",
         (expectedResult, breakpoint) => {
           setWindowWidth(value as number);
@@ -216,7 +219,7 @@ describe("useBreakpoint", () => {
     ] as const;
 
     describe.each(table)("given window width %s", (value, expected) => {
-      it.each(expected)(
+      it.each([...expected])(
         "it returns %s for breakpoint %s",
         (expectedResult, breakpoint) => {
           setWindowWidth(value as number);
@@ -334,7 +337,7 @@ describe("useBreakpoint", () => {
       ] as const;
 
       describe.each(table)("given window width %s", (value, expected) => {
-        it.each(expected)(
+        it.each([...expected])(
           "it returns %s for breakpoint %s",
           (expectedResult, breakpoint) => {
             setWindowWidth(value as number);
@@ -413,7 +416,7 @@ describe("useBreakpoint", () => {
       ] as const;
 
       describe.each(table)("given window width %s", (value, expected) => {
-        it.each(expected)(
+        it.each([...expected])(
           "it returns %s for breakpoint %s",
           (expectedResult, breakpoint) => {
             setWindowWidth(value as number);
@@ -425,4 +428,61 @@ describe("useBreakpoint", () => {
       });
     });
   });
+
+  describe("resize after mount", () => {
+    it("updates the breakpoint after the debounce delay", () => {
+      vi.useFakeTimers();
+      setWindowWidth(300);
+
+      const { result } = renderHook(() => useBreakpoint());
+      expect(result.current.breakpoint.size).toBe("xs");
+
+      act(() => {
+        Reflect.set(window, "innerWidth", 1400);
+        window.dispatchEvent(new Event("resize"));
+      });
+
+      // Before debounce settles, still xs
+      expect(result.current.breakpoint.size).toBe("xs");
+
+      act(() => {
+        vi.advanceTimersByTime(200);
+      });
+
+      expect(result.current.breakpoint.size).toBe("xxl");
+      vi.useRealTimers();
+    });
+  });
+
+  describe("hydration", () => {
+    it("does not produce hydration mismatches", () => {
+      // Window is xxl — deliberately different from default xs breakpoint
+      setWindowWidth(1400);
+
+      const view = renderToString(<TestComponent />);
+      // Server should render the default (xs) regardless of window width
+      expect(view).toContain("xs");
+
+      const container = document.createElement("div");
+      const parsed = new DOMParser().parseFromString(view, "text/html");
+      container.append(...parsed.body.childNodes);
+      document.body.appendChild(container);
+
+      const errorSpy = vi.spyOn(console, "error");
+
+      act(() => {
+        hydrateRoot(container, <TestComponent />);
+      });
+
+      const hydrationErrors = errorSpy.mock.calls.filter(
+        ([firstArg]) =>
+          typeof firstArg === "string" &&
+          firstArg.toLowerCase().includes("hydrat"),
+      );
+      expect(hydrationErrors).toHaveLength(0);
+
+      errorSpy.mockRestore();
+      document.body.removeChild(container);
+    });
+  });
 });

package/src/hooks/useBreakpoint/useBreakpoint.tsx

@@ -1,7 +1,11 @@
 "use client";
 
-import debounce from "lodash.debounce";
-import { useCallback, useEffect, useState } from "react";
+import {
+  useDebouncedValue,
+  useIsClient,
+  useWindowEvent,
+} from "@simplybusiness/mobius-hooks";
+import { useCallback, useMemo, useState } from "react";
 import type { SizeType } from "../../types";
 
 export type Breakpoint = {
@@ -25,6 +29,8 @@ export const DEFAULT_BREAKPOINTS = [
   { size: "xxl", value: 1320 },
 ] as BreakpointsType;
 
+const PASSIVE: AddEventListenerOptions = { passive: true };
+
 const getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {
   // When breakpoint size and windowWidth are a match
   // The addition of 1px ensures the right breakpoint
@@ -44,46 +50,30 @@ const getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {
 const useBreakpoint = (
   customBreakpoints?: BreakpointsType,
 ): UseBreakpointType => {
-  const window: Window = globalThis?.window || undefined;
-  const isClientSide = typeof window !== "undefined";
+  const isClientSide = useIsClient();
   const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;
   const defaultBreakpoint = breakpoints[0];
+
   const [windowWidth, setWindowWidth] = useState<number>(
-    isClientSide ? window.innerWidth : defaultBreakpoint.value,
+    typeof globalThis?.window !== "undefined"
+      ? window.innerWidth
+      : defaultBreakpoint.value,
   );
-  const [currentBreakpoint, setCurrentBreakpoint] =
-    useState<Breakpoint>(defaultBreakpoint);
-  const handleResize = () => {
-    setWindowWidth(window.innerWidth);
-  };
-
-  useEffect(() => {
-    if (!windowWidth || breakpoints.length === 0) {
-      setCurrentBreakpoint(breakpoints[0]);
-      return;
-    }
 
-    const newBreakpoint = getBreakpoint(breakpoints, windowWidth);
+  useWindowEvent("resize", () => setWindowWidth(window.innerWidth), PASSIVE);
 
-    // Don't update state if value is the same
-    if (currentBreakpoint.size === newBreakpoint?.size) return;
+  const debouncedWidth = useDebouncedValue(windowWidth, 200);
 
-    setCurrentBreakpoint(newBreakpoint);
-  }, [currentBreakpoint, windowWidth, breakpoints]);
-
-  useEffect(() => {
-    window.addEventListener("resize", debounce(handleResize, 200), {
-      passive: true,
-    });
-
-    return () => window.removeEventListener("resize", handleResize);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [window]);
+  // Gate on isClientSide so up()/down() also return default-based values
+  // during SSR and hydration, matching the server render.
+  const currentBreakpoint = useMemo(
+    () =>
+      !isClientSide || breakpoints.length === 0
+        ? defaultBreakpoint
+        : getBreakpoint(breakpoints, debouncedWidth),
+    [isClientSide, breakpoints, defaultBreakpoint, debouncedWidth],
+  );
 
-  /**
-   * up(breakpointSize: string) => boolean
-   * Returns true if the current screen width >= breakpoint width
-   */
   const up = useCallback(
     (size: SizeType) => {
       const sizeIndex = breakpoints.findIndex(item => item.size === size);
@@ -99,10 +89,6 @@ const useBreakpoint = (
     [currentBreakpoint, breakpoints],
   );
 
-  /**
-   * down(breakpointSize: string) => boolean
-   * Returns true if the current screen width <= breakpoint width
-   */
   const down = useCallback(
     (size: SizeType) => {
       const sizeIndex = breakpoints.findIndex(item => item.size === size);
@@ -119,7 +105,7 @@ const useBreakpoint = (
   );
 
   return {
-    breakpoint: isClientSide ? currentBreakpoint : defaultBreakpoint,
+    breakpoint: currentBreakpoint,
     up,
     down,
   };

package/src/hooks/useButton/useButton.test.tsx

@@ -144,14 +144,14 @@ describe("useButton", () => {
 
     describe("onClick", () => {
       it("should call onClick when buttonProps onClick is called", () => {
-        const onClick = jest.fn();
+        const onClick = vi.fn();
         const { result } = renderHook(() => useButton({ onClick }));
         result.current.buttonProps.onClick(mockClickEvent);
         expect(onClick).toHaveBeenCalled();
       });
 
       it("should not call onClick when buttonProps onClick is called and isDisabled is true", () => {
-        const onClick = jest.fn();
+        const onClick = vi.fn();
         const { result } = renderHook(() =>
           useButton({ onClick, isDisabled: true }),
         );
@@ -162,14 +162,14 @@ describe("useButton", () => {
 
     describe("onPress", () => {
       it("should call onPress when buttonProps onClick is called", () => {
-        const onPress = jest.fn();
+        const onPress = vi.fn();
         const { result } = renderHook(() => useButton({ onPress }));
         result.current.buttonProps.onClick(mockClickEvent);
         expect(onPress).toHaveBeenCalled();
       });
 
       it("should not call onPress when buttonProps onClick is called and isDisabled is true", () => {
-        const onPress = jest.fn();
+        const onPress = vi.fn();
         const { result } = renderHook(() =>
           useButton({ onPress, isDisabled: true }),
         );

package/src/hooks/useDialog/useDialog.ts

@@ -1,7 +1,7 @@
 import type { MutableRefObject, SyntheticEvent } from "react";
 import { useCallback, useEffect, useState } from "react";
 import { supportsDialog } from "../../utils";
-import { useBodyScrollLock } from "../useBodyScrollLock";
+import { useBodyScrollLock } from "@simplybusiness/mobius-hooks";
 import { useDialogPolyfill } from "../useDialogPolyfill";
 
 export type TransitionProps = {

package/src/hooks/useLabel/useLabel.test.tsx

@@ -7,7 +7,7 @@ describe("useLabel", () => {
   });
 
   it("should warn if no label or aria-label or aria-labelledby is provided", () => {
-    jest.spyOn(console, "warn").mockImplementation(() => {});
+    vi.spyOn(console, "warn").mockImplementation(() => {});
     renderHook(() => useLabel({}));
     expect(console.warn).toHaveBeenCalled();
   });

package/src/hooks/useTextField/useTextField.test.tsx

@@ -45,7 +45,7 @@ describe("useTextField", () => {
 
   describe("controlled value", () => {
     it("should set the value to the value prop", () => {
-      const handleChange = jest.fn();
+      const handleChange = vi.fn();
       render(
         <WrapperComponent
           label={TEST_LABEL}
@@ -57,7 +57,7 @@ describe("useTextField", () => {
     });
 
     it("should call onChange with event", async () => {
-      const handleChange = jest.fn();
+      const handleChange = vi.fn();
       render(
         <WrapperComponent
           label={TEST_LABEL}
@@ -83,7 +83,7 @@ describe("useTextField", () => {
     });
 
     it("should not call onChange when isDisabled is true", async () => {
-      const handleChange = jest.fn();
+      const handleChange = vi.fn();
       render(
         <WrapperComponent
           label={TEST_LABEL}
@@ -105,7 +105,7 @@ describe("useTextField", () => {
     });
 
     it("should not call onChange", async () => {
-      const handleChange = jest.fn();
+      const handleChange = vi.fn();
       render(
         <WrapperComponent
           label={TEST_LABEL}

package/src/public-whitelist.test.ts

@@ -8,6 +8,7 @@ const exec = promisify(_exec);
 
 // Publishing packages to the public registry requires approval from appsec
 const PUBLIC_PACKAGE_WHITELIST = [
+  "@simplybusiness/mobius-hooks",
   "@simplybusiness/icons",
   "@simplybusiness/mobius-datepicker",
   "@simplybusiness/mobius",

package/src/utils/delay.test.ts

@@ -2,16 +2,16 @@ import { delay } from "./delay";
 
 describe("delay", () => {
   beforeEach(() => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
   });
 
   afterEach(() => {
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it("should resolve after specified delay", async () => {
     const promise = delay(1000);
-    jest.advanceTimersByTime(1000);
+    vi.advanceTimersByTime(1000);
     await promise;
   });
 
@@ -27,7 +27,7 @@ describe("delay", () => {
 
   it("should not resolve before the specified time", async () => {
     const promise = delay(1000);
-    jest.advanceTimersByTime(500);
+    vi.advanceTimersByTime(500);
 
     const resolved = await Promise.race([promise, Promise.resolve("early")]);
 

package/src/utils/{jestHTMLDialogPolyfill.ts → htmlDialogPolyfill.ts}

@@ -1,21 +1,21 @@
 // Workaround for lack of `<dialog>` support in jsdom
 // Workaround from: https://github.com/jsdom/jsdom/issues/3294#issuecomment-1268330372
 // Fix: https://github.com/jsdom/jsdom/pull/3403
-// This can be removed once `<dialog>` support is introduced in Jest via jsdom
-export const jestHTMLDialogPolyfill = () => {
-  HTMLDialogElement.prototype.show = jest.fn(function mock(
+// This can be removed once `<dialog>` support is introduced in jsdom
+export const htmlDialogPolyfill = () => {
+  HTMLDialogElement.prototype.show = vi.fn(function mock(
     this: HTMLDialogElement,
   ) {
     this.open = true;
   });
 
-  HTMLDialogElement.prototype.showModal = jest.fn(function mock(
+  HTMLDialogElement.prototype.showModal = vi.fn(function mock(
     this: HTMLDialogElement,
   ) {
     this.open = true;
   });
 
-  HTMLDialogElement.prototype.close = jest.fn(function mock(
+  HTMLDialogElement.prototype.close = vi.fn(function mock(
     this: HTMLDialogElement,
   ) {
     this.open = false;

package/src/utils/index.ts

@@ -3,7 +3,6 @@ export * from "./delay";
 export * from "./excludeControls";
 export * from "./filterUndefinedProps";
 export * from "./getSpacingValue";
-export * from "./jestHTMLDialogPolyfill";
 export * from "./mergeRefs";
 export * from "./polyfill-tests";
 export * from "./sizeClasses";

package/src/utils/mockMatchMedia.ts

@@ -0,0 +1,16 @@
+export const mockMatchMedia = (matches: boolean) => {
+  Object.defineProperty(window, "matchMedia", {
+    writable: true,
+    configurable: true,
+    value: vi.fn().mockImplementation(query => ({
+      matches,
+      media: query,
+      onchange: null,
+      addListener: vi.fn(),
+      removeListener: vi.fn(),
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn(),
+      dispatchEvent: vi.fn(),
+    })),
+  });
+};

package/dist/types/src/hooks/useBodyScrollLock/index.d.ts

@@ -1 +0,0 @@
-export * from "./useBodyScrollLock";

package/dist/types/src/hooks/useBodyScrollLock/useBodyScrollLock.d.ts

@@ -1,3 +0,0 @@
-export declare function useBodyScrollLock({ enabled, }?: {
-    enabled?: boolean;
-}): void;

package/dist/types/src/hooks/useDebouncedValue/index.d.ts

@@ -1 +0,0 @@
-export * from "./useDebouncedValue";

package/dist/types/src/hooks/useDebouncedValue/useDebouncedValue.d.ts

@@ -1 +0,0 @@
-export declare function useDebouncedValue<T>(value: T, delay?: number): T;

package/dist/types/src/hooks/useOnClickOutside/index.d.ts

@@ -1 +0,0 @@
-export * from "./useOnClickOutside";

package/dist/types/src/hooks/useOnClickOutside/useOnClickOutside.d.ts

@@ -1,2 +0,0 @@
-import type { RefObject } from "react";
-export declare const useOnClickOutside: (ref: RefObject<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent | KeyboardEvent) => void) => void;

package/dist/types/src/hooks/useOnUnmount/index.d.ts

@@ -1 +0,0 @@
-export * from "./useOnUnmount";

package/dist/types/src/hooks/useOnUnmount/useOnUnmount.d.ts

@@ -1 +0,0 @@
-export declare function useOnUnmount(callback: () => void): void;

package/dist/types/src/hooks/usePrefersReducedMotion/index.d.ts

@@ -1 +0,0 @@
-export * from "./usePrefersReducedMotion";

package/dist/types/src/hooks/usePrefersReducedMotion/usePrefersReducedMotion.d.ts

@@ -1 +0,0 @@
-export declare function usePrefersReducedMotion(): boolean;

package/dist/types/src/hooks/useRenderCount/index.d.ts

@@ -1 +0,0 @@
-export * from "./useRenderCount";