@k8o/arte-odyssey 0.1.0 → 1.1.0

package/dist/components/accordion/index.d.ts

@@ -1,14 +1,14 @@
 export declare const Accordion: {
-    readonly Root: React.FC<{
-        children?: React.ReactNode | undefined;
+    readonly Root: import("react").FC<{
+        children?: import("react").ReactNode | undefined;
     }>;
-    readonly Button: React.FC<{
-        children?: React.ReactNode | undefined;
+    readonly Button: import("react").FC<{
+        children?: import("react").ReactNode | undefined;
     }>;
-    readonly Item: React.FC<React.PropsWithChildren<{
+    readonly Item: import("react").FC<import("react").PropsWithChildren<{
         defaultOpen?: boolean;
     }>>;
-    readonly Panel: React.FC<{
-        children?: React.ReactNode | undefined;
+    readonly Panel: import("react").FC<{
+        children?: import("react").ReactNode | undefined;
     }>;
 };

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -4,7 +4,7 @@ export declare const Breadcrumb: {
         size?: "sm" | "md" | "lg";
     }>>;
     readonly Item: FC<{
-        children?: React.ReactNode | undefined;
+        children?: import("react").ReactNode | undefined;
     }>;
     readonly Separator: FC;
     readonly Link: <T extends string>({ href, current, children, component, }: PropsWithChildren<{

package/dist/components/dialog/dialog.d.ts

@@ -12,6 +12,6 @@ export declare const Dialog: {
         onClose: () => void;
     }>;
     readonly Content: FC<{
-        children?: React.ReactNode | undefined;
+        children?: import("react").ReactNode | undefined;
     }>;
 };

package/dist/components/dropdown-menu/hooks.d.ts

@@ -6,8 +6,8 @@ type MenuContext = {
     getContentProps: (userProps?: HTMLProps<HTMLElement>) => Record<string, unknown>;
     getItemProps: (userProps?: Omit<HTMLProps<HTMLButtonElement>, 'selected' | 'active'>) => Record<string, unknown>;
 };
-declare const MenuContext: React.Context<MenuContext | null>;
-export declare const MenuContextProvider: React.Context<MenuContext | null>;
+declare const MenuContext: import("react").Context<MenuContext | null>;
+export declare const MenuContextProvider: import("react").Context<MenuContext | null>;
 export declare const useMenuContent: () => {
     contentProps: Record<string, unknown>;
     itemElementsRef: RefObject<(HTMLElement | null)[]>;

package/dist/components/list-box/hooks.d.ts

@@ -13,8 +13,8 @@ type MenuContext = {
     getContentProps: (userProps?: HTMLProps<HTMLElement>) => Record<string, unknown>;
     getItemProps: (userProps?: Omit<HTMLProps<HTMLElement>, 'selected' | 'active'>) => Record<string, unknown>;
 };
-declare const MenuContext: React.Context<MenuContext | null>;
-export declare const MenuContextProvider: React.Context<MenuContext | null>;
+declare const MenuContext: import("react").Context<MenuContext | null>;
+export declare const MenuContextProvider: import("react").Context<MenuContext | null>;
 export declare const useMenuContent: () => {
     options: Option[];
     selectedIndex: number | null;

package/dist/components/modal/modal.js

@@ -87,7 +87,8 @@ const Modal = ({ ref, type = "center", defaultOpen, isOpen, onClose, children })
     realDialogOpen,
     realRef.current?.close,
     realRef.current?.open,
-    realRef.current?.showModal
+    realRef.current?.showModal,
+    realRef.current
   ]);
   return /* @__PURE__ */ jsx(
     motion.dialog,

package/dist/components/popover/hooks.d.ts

@@ -14,8 +14,8 @@ type PopoverContext = {
     setContentRef: (node: HTMLElement | null) => void;
     contentStyles: CSSProperties;
 };
-declare const PopoverContext: React.Context<PopoverContext | null>;
-export declare const PopoverProvider: React.Context<PopoverContext | null>;
+declare const PopoverContext: import("react").Context<PopoverContext | null>;
+export declare const PopoverProvider: import("react").Context<PopoverContext | null>;
 export declare const useFloatingUIContext: () => FloatingContext;
 export declare const usePlacement: () => Placement;
 export declare const useOpenContext: () => {

package/dist/components/providers/arte-odyssey-provider.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const ArteOdysseyProvider: FC<PropsWithChildren>;

package/dist/components/providers/{component-provider.js → arte-odyssey-provider.js}

@@ -2,9 +2,9 @@
 import { jsx } from "react/jsx-runtime";
 import { MotionConfig } from "motion/react";
 import { ToastProvider } from "../toast";
-const ComponentProvider = ({ children }) => {
+const ArteOdysseyProvider = ({ children }) => {
   return /* @__PURE__ */ jsx(MotionConfig, { reducedMotion: "user", children: /* @__PURE__ */ jsx(ToastProvider, { children }) });
 };
 export {
-  ComponentProvider
+  ArteOdysseyProvider
 };

package/dist/components/providers/index.d.ts

@@ -1,2 +1,2 @@
-export * from './component-provider';
+export * from './arte-odyssey-provider';
 export * from './portal-root';

package/dist/components/providers/index.js

@@ -1,2 +1,2 @@
-export * from "./component-provider";
+export * from "./arte-odyssey-provider";
 export * from "./portal-root";

package/dist/components/tooltip/tooltip.d.ts

@@ -8,6 +8,6 @@ export declare const Tooltip: {
         renderItem: (props: Record<string, unknown>) => ReactElement;
     }>;
     readonly Content: FC<{
-        children?: React.ReactNode | undefined;
+        children?: import("react").ReactNode | undefined;
     }>;
 };

package/dist/hooks/click-away/index.test.js

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { fireEvent, render } from "@testing-library/react";
+import { userEvent } from "@vitest/browser/context";
+import { render } from "vitest-browser-react";
 import { useClickAway } from ".";
 const OutsideClicker = ({ callback }) => {
   const ref = useClickAway(callback);
@@ -9,23 +10,17 @@ const OutsideClicker = ({ callback }) => {
   ] });
 };
 describe("useClickAway", () => {
-  it("\u9818\u57DF\u5916\u3092\u89E6\u308B\u3068callback\u304C\u547C\u3073\u51FA\u3055\u308C\u308B", () => {
+  it("\u9818\u57DF\u5916\u3092\u89E6\u308B\u3068callback\u304C\u547C\u3073\u51FA\u3055\u308C\u308B", async () => {
     const fn = vi.fn();
     const { getByText } = render(/* @__PURE__ */ jsx(OutsideClicker, { callback: fn }));
     const element = getByText("Element");
     const outsideElement = getByText("Outside");
-    const click = (el) => {
-      fireEvent.mouseDown(el);
-      fireEvent.mouseUp(el);
-    };
     expect(fn).not.toHaveBeenCalled();
-    click(element);
+    await userEvent.click(element);
     expect(fn).not.toHaveBeenCalled();
-    click(outsideElement);
+    await userEvent.click(outsideElement);
     expect(fn).toHaveBeenCalledOnce();
-    click(document.body);
+    await userEvent.click(document.body);
     expect(fn).toHaveBeenCalledTimes(2);
-    click(document);
-    expect(fn).toHaveBeenCalledTimes(3);
   });
 });

package/dist/hooks/clipboard/index.test.js

@@ -1,4 +1,4 @@
-import { act, renderHook } from "@testing-library/react";
+import { renderHook } from "vitest-browser-react";
 import { useClipboard } from ".";
 describe("useClipboard", () => {
   afterEach(() => {
@@ -13,9 +13,7 @@ describe("useClipboard", () => {
       }
     });
     const { result } = renderHook(() => useClipboard());
-    await act(async () => {
-      await result.current.writeClipboard(writeText);
-    });
+    await result.current.writeClipboard(writeText);
     expect(writeTextMockFn).toBeCalledWith(writeText);
     expect(navigator.clipboard.writeText).toHaveBeenCalledOnce();
   });
@@ -27,9 +25,7 @@ describe("useClipboard", () => {
       }
     });
     const { result } = renderHook(() => useClipboard());
-    await act(async () => {
-      await result.current.readClipboard();
-    });
+    await result.current.readClipboard();
     expect(readTextMockFn).toHaveBeenCalledOnce();
   });
 });

package/dist/hooks/hash/index.test.js

@@ -1,5 +1,4 @@
-import { renderHook, waitFor } from "@testing-library/react";
-import { act } from "react";
+import { renderHook } from "vitest-browser-react";
 import { useHash } from ".";
 vi.mock("../client", () => ({
   useClient: () => true
@@ -18,28 +17,28 @@ describe("useHash", () => {
     expect(result.current).toBe("test");
   });
   it("hash\u5024\u304C\u5909\u66F4\u3055\u308C\u305F\u3068\u304D\u306B\u66F4\u65B0\u3055\u308C\u308B", () => {
-    const { result } = renderHook(() => useHash());
-    window.location.hash = "#changed";
+    const { result, act } = renderHook(() => useHash());
     act(() => {
+      window.location.hash = "#changed";
       window.dispatchEvent(new Event("hashchange"));
     });
     expect(result.current).toBe("changed");
   });
   it("pushState\u3067hash\u5024\u304C\u5909\u66F4\u3055\u308C\u305F\u3068\u304D\u306B\u66F4\u65B0\u3055\u308C\u308B", async () => {
-    const { result } = renderHook(() => useHash());
+    const { result, act } = renderHook(() => useHash());
     act(() => {
       window.history.pushState({}, "", "/#pushed");
     });
-    await waitFor(() => {
+    await vi.waitFor(() => {
       expect(result.current).toBe("pushed");
     });
   });
   it("replaceState\u3067hash\u5024\u304C\u5909\u66F4\u3055\u308C\u305F\u3068\u304D\u306B\u66F4\u65B0\u3055\u308C\u308B", async () => {
-    const { result } = renderHook(() => useHash());
+    const { result, act } = renderHook(() => useHash());
     act(() => {
       window.history.replaceState({}, "", "/#replaced");
     });
-    await waitFor(() => {
+    await vi.waitFor(() => {
       expect(result.current).toBe("replaced");
     });
   });

package/dist/hooks/interval/index.test.js

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react";
+import { renderHook } from "vitest-browser-react";
 import { useInterval } from ".";
 describe("useInterval", () => {
   it("\u6307\u5B9A\u6642\u9593\u3054\u3068\u306B\u5B9F\u884C\u3055\u308C\u308B", () => {

package/dist/hooks/local-storage/index.test.js

@@ -1,4 +1,4 @@
-import { act, renderHook } from "@testing-library/react";
+import { renderHook } from "vitest-browser-react";
 import { useLocalStorage } from "./index";
 const consoleErrorMock = vi.spyOn(console, "error").mockImplementation(() => void 0);
 describe("useLocalStorage", () => {
@@ -19,7 +19,9 @@ describe("useLocalStorage", () => {
     expect(result.current[0]).toBe("storedValue");
   });
   it("\u66F4\u65B0\u51E6\u7406\u3067\u306FlocalStorage\u3068state\u306E\u4E21\u65B9\u3092\u66F4\u65B0\u3059\u308B", () => {
-    const { result } = renderHook(() => useLocalStorage(key, "defaultValue"));
+    const { result, act } = renderHook(
+      () => useLocalStorage(key, "defaultValue")
+    );
     act(() => {
       result.current[1]("newValue");
     });
@@ -28,7 +30,9 @@ describe("useLocalStorage", () => {
   });
   it("\u524A\u9664\u51E6\u7406\u3067\u306FlocalStorage\u306F\u5024\u3092\u524A\u9664\u3055\u308C\u3001state\u306F\u521D\u671F\u5024\u306B\u306A\u308B", () => {
     localStorage.setItem(key, JSON.stringify("storedValue"));
-    const { result } = renderHook(() => useLocalStorage(key, "defaultValue"));
+    const { result, act } = renderHook(
+      () => useLocalStorage(key, "defaultValue")
+    );
     act(() => {
       result.current[2]();
     });
@@ -36,7 +40,7 @@ describe("useLocalStorage", () => {
     expect(result.current[0]).toBe("defaultValue");
   });
   it("null\u3067\u66F4\u65B0\u3057\u305F\u5834\u5408\u306Fremove\u3068\u540C\u3058\u7D50\u679C\u306B\u306A\u308B", () => {
-    const { result } = renderHook(
+    const { result, act } = renderHook(
       () => useLocalStorage(key, {
         lang: ["ja", "en"]
       })
@@ -48,7 +52,9 @@ describe("useLocalStorage", () => {
     expect(result.current[0]).toEqual({ lang: ["ja", "en"] });
   });
   it("storage\u30A4\u30D9\u30F3\u30C8\u306E\u767A\u706B\u306B\u5FDC\u3058\u3066\u72B6state\u304C\u66F4\u65B0\u3055\u308C\u308B", () => {
-    const { result } = renderHook(() => useLocalStorage(key, "defaultValue"));
+    const { result, act } = renderHook(
+      () => useLocalStorage(key, "defaultValue")
+    );
     act(() => {
       localStorage.setItem(key, JSON.stringify("updatedValue"));
       window.dispatchEvent(
@@ -61,7 +67,9 @@ describe("useLocalStorage", () => {
     expect(result.current[0]).toBe("updatedValue");
   });
   it("\u7570\u306A\u308B\u30AD\u30FC\u306Estorage\u30A4\u30D9\u30F3\u30C8\u306Fstate\u3092\u66F4\u65B0\u3057\u306A\u3044", () => {
-    const { result } = renderHook(() => useLocalStorage(key, "defaultValue"));
+    const { result, act } = renderHook(
+      () => useLocalStorage(key, "defaultValue")
+    );
     act(() => {
       localStorage.setItem("otherKey", JSON.stringify("otherValue"));
       window.dispatchEvent(

package/dist/hooks/scroll-direction/index.test.js

@@ -1,4 +1,4 @@
-import { act, renderHook } from "@testing-library/react";
+import { renderHook } from "vitest-browser-react";
 import { useScrollDirection } from ".";
 describe("useScrollDirection", () => {
   beforeEach(() => {
@@ -17,7 +17,7 @@ describe("useScrollDirection", () => {
   });
   describe("Vertical scroll", () => {
     it("100px\u4EE5\u4E0A\u4E0B\u306B\u30B9\u30AF\u30ED\u30FC\u30EB\u3059\u308B\u3068y: down\u3092\u8FD4\u3059", () => {
-      const { result } = renderHook(() => useScrollDirection());
+      const { result, act } = renderHook(() => useScrollDirection());
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 150 });
         window.dispatchEvent(new Event("scroll"));
@@ -25,7 +25,7 @@ describe("useScrollDirection", () => {
       expect(result.current.y).toBe("down");
     });
     it("100px\u672A\u6E80\u306E\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u306Fy: up\u306E\u307E\u307E", () => {
-      const { result } = renderHook(() => useScrollDirection());
+      const { result, act } = renderHook(() => useScrollDirection());
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 50 });
         window.dispatchEvent(new Event("scroll"));
@@ -33,7 +33,7 @@ describe("useScrollDirection", () => {
       expect(result.current.y).toBe("up");
     });
     it("\u4E0A\u306B\u30B9\u30AF\u30ED\u30FC\u30EB\u3059\u308B\u3068y: up\u3092\u8FD4\u3059", () => {
-      const { result } = renderHook(() => useScrollDirection());
+      const { result, act } = renderHook(() => useScrollDirection());
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 200 });
         window.dispatchEvent(new Event("scroll"));
@@ -48,7 +48,7 @@ describe("useScrollDirection", () => {
   });
   describe("Horizontal scroll", () => {
     it("100px\u4EE5\u4E0A\u53F3\u306B\u30B9\u30AF\u30ED\u30FC\u30EB\u3059\u308B\u3068x: right\u3092\u8FD4\u3059", () => {
-      const { result } = renderHook(() => useScrollDirection());
+      const { result, act } = renderHook(() => useScrollDirection());
       act(() => {
         Object.defineProperty(window, "scrollX", { value: 150 });
         window.dispatchEvent(new Event("scroll"));
@@ -56,7 +56,7 @@ describe("useScrollDirection", () => {
       expect(result.current.x).toBe("right");
     });
     it("100px\u672A\u6E80\u306E\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u306Fx: right\u306E\u307E\u307E", () => {
-      const { result } = renderHook(() => useScrollDirection());
+      const { result, act } = renderHook(() => useScrollDirection());
       act(() => {
         Object.defineProperty(window, "scrollX", { value: 50 });
         window.dispatchEvent(new Event("scroll"));
@@ -64,7 +64,7 @@ describe("useScrollDirection", () => {
       expect(result.current.x).toBe("right");
     });
     it("\u5DE6\u306B\u30B9\u30AF\u30ED\u30FC\u30EB\u3059\u308B\u3068x: left\u3092\u8FD4\u3059", () => {
-      const { result } = renderHook(() => useScrollDirection());
+      const { result, act } = renderHook(() => useScrollDirection());
       act(() => {
         Object.defineProperty(window, "scrollX", { value: 200 });
         window.dispatchEvent(new Event("scroll"));
@@ -79,7 +79,7 @@ describe("useScrollDirection", () => {
   });
   describe("Combined scroll", () => {
     it("\u7E26\u6A2A\u540C\u6642\u306B\u30B9\u30AF\u30ED\u30FC\u30EB\u3057\u305F\u5834\u5408\u3001\u4E21\u65B9\u5411\u3092\u6B63\u3057\u304F\u691C\u77E5\u3059\u308B", () => {
-      const { result } = renderHook(() => useScrollDirection());
+      const { result, act } = renderHook(() => useScrollDirection());
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 150 });
         Object.defineProperty(window, "scrollX", { value: 150 });
@@ -108,7 +108,7 @@ describe("useScrollDirection", () => {
   });
   describe("Threshold parameter", () => {
     it("threshold\u304C100\u306E\u5834\u5408\u3001100px\u4EE5\u4E0B\u306E\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u306F\u65B9\u5411\u304C\u5909\u308F\u3089\u306A\u3044", () => {
-      const { result } = renderHook(() => useScrollDirection(100));
+      const { result, act } = renderHook(() => useScrollDirection(100));
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 100 });
         window.dispatchEvent(new Event("scroll"));
@@ -121,7 +121,7 @@ describe("useScrollDirection", () => {
       expect(result.current.x).toBe("right");
     });
     it("threshold\u304C100\u306E\u5834\u5408\u3001101px\u4EE5\u4E0A\u306E\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u65B9\u5411\u304C\u5909\u308F\u308B", () => {
-      const { result } = renderHook(() => useScrollDirection(100));
+      const { result, act } = renderHook(() => useScrollDirection(100));
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 101 });
         window.dispatchEvent(new Event("scroll"));
@@ -134,7 +134,7 @@ describe("useScrollDirection", () => {
       expect(result.current.x).toBe("right");
     });
     it("threshold\u304C10\u306E\u5834\u5408\u300110px\u4EE5\u4E0B\u306E\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u306F\u65B9\u5411\u304C\u5909\u308F\u3089\u306A\u3044", () => {
-      const { result } = renderHook(() => useScrollDirection(10));
+      const { result, act } = renderHook(() => useScrollDirection(10));
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 10 });
         window.dispatchEvent(new Event("scroll"));
@@ -142,7 +142,7 @@ describe("useScrollDirection", () => {
       expect(result.current.y).toBe("up");
     });
     it("threshold\u304C10\u306E\u5834\u5408\u300111px\u4EE5\u4E0A\u306E\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u65B9\u5411\u304C\u5909\u308F\u308B", () => {
-      const { result } = renderHook(() => useScrollDirection(10));
+      const { result, act } = renderHook(() => useScrollDirection(10));
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 11 });
         window.dispatchEvent(new Event("scroll"));
@@ -150,7 +150,7 @@ describe("useScrollDirection", () => {
       expect(result.current.y).toBe("down");
     });
     it("threshold\u304C0\u306E\u5834\u5408\u30011px\u4EE5\u4E0A\u306E\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u65B9\u5411\u304C\u5909\u308F\u308B", () => {
-      const { result } = renderHook(() => useScrollDirection(0));
+      const { result, act } = renderHook(() => useScrollDirection(0));
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 1 });
         window.dispatchEvent(new Event("scroll"));
@@ -158,7 +158,7 @@ describe("useScrollDirection", () => {
       expect(result.current.y).toBe("down");
     });
     it("\u30C7\u30D5\u30A9\u30EB\u30C8\u5024\uFF08threshold\u672A\u6307\u5B9A\uFF09\u3067\u306F50px\u306E\u95BE\u5024\u304C\u9069\u7528\u3055\u308C\u308B", () => {
-      const { result } = renderHook(() => useScrollDirection());
+      const { result, act } = renderHook(() => useScrollDirection());
       act(() => {
         Object.defineProperty(window, "scrollY", { value: 50 });
         window.dispatchEvent(new Event("scroll"));

package/dist/hooks/step/index.test.js

@@ -1,5 +1,5 @@
-import { act, renderHook } from "@testing-library/react";
 import { userEvent } from "@vitest/browser/context";
+import { renderHook } from "vitest-browser-react";
 import { useStep } from ".";
 describe("useStep", () => {
   it("\u521D\u671F\u72B6\u614B", () => {
@@ -13,7 +13,9 @@ describe("useStep", () => {
   it("next\u3067initialCount\u304B\u30891\u9032\u3080", () => {
     const initialCount = 1;
     const maxCount = 10;
-    const { result } = renderHook(() => useStep({ initialCount, maxCount }));
+    const { result, act } = renderHook(
+      () => useStep({ initialCount, maxCount })
+    );
     act(() => {
       result.current.next();
     });
@@ -24,7 +26,9 @@ describe("useStep", () => {
   it("initialCount\u304B\u3089\u306Fback\u3067\u304D\u306A\u3044", () => {
     const initialCount = 1;
     const maxCount = 10;
-    const { result } = renderHook(() => useStep({ initialCount, maxCount }));
+    const { result, act } = renderHook(
+      () => useStep({ initialCount, maxCount })
+    );
     act(() => {
       result.current.back();
     });
@@ -35,7 +39,9 @@ describe("useStep", () => {
   it("maxCount\u307E\u3067\u9032\u3080", () => {
     const initialCount = 1;
     const maxCount = 3;
-    const { result } = renderHook(() => useStep({ initialCount, maxCount }));
+    const { result, act } = renderHook(
+      () => useStep({ initialCount, maxCount })
+    );
     act(() => {
       result.current.next();
       result.current.next();
@@ -47,7 +53,9 @@ describe("useStep", () => {
   it("maxCount\u4EE5\u4E0A\u306F\u9032\u3081\u306A\u3044", () => {
     const initialCount = 1;
     const maxCount = 3;
-    const { result } = renderHook(() => useStep({ initialCount, maxCount }));
+    const { result, act } = renderHook(
+      () => useStep({ initialCount, maxCount })
+    );
     act(() => {
       result.current.next();
       result.current.next();
@@ -60,7 +68,9 @@ describe("useStep", () => {
   it("next\u3068back\u3092\u7D44\u307F\u5408\u308F\u305B\u3066\u5229\u7528\u3067\u304D\u308B", () => {
     const initialCount = 1;
     const maxCount = 3;
-    const { result } = renderHook(() => useStep({ initialCount, maxCount }));
+    const { result, act } = renderHook(
+      () => useStep({ initialCount, maxCount })
+    );
     act(() => {
       result.current.next();
       result.current.back();
@@ -73,13 +83,9 @@ describe("useStep", () => {
     const initialCount = 1;
     const maxCount = 3;
     const { result } = renderHook(() => useStep({ initialCount, maxCount }));
-    await act(async () => {
-      await userEvent.keyboard("{arrowright}");
-    });
+    await userEvent.keyboard("{arrowright}");
     expect(result.current.count).toBe(initialCount + 1);
-    await act(async () => {
-      await userEvent.keyboard("{arrowleft}");
-    });
+    await userEvent.keyboard("{arrowleft}");
     expect(result.current.count).toBe(initialCount);
   });
 });

package/dist/hooks/timeout/index.test.js

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react";
+import { renderHook } from "vitest-browser-react";
 import { useTimeout } from ".";
 describe("useTimeout", () => {
   it("\u6307\u5B9A\u6642\u9593\u5F8C\u306B\u5B9F\u884C\u3055\u308C\u308B", () => {

package/dist/hooks/window-size/index.test.js

@@ -1,4 +1,4 @@
-import { act, renderHook } from "@testing-library/react";
+import { renderHook } from "vitest-browser-react";
 import { useWindowSize } from ".";
 describe("useWindowSize", () => {
   it("window\u30B5\u30A4\u30BA\u306E\u5909\u66F4\u306B\u5408\u308F\u305B\u3066\u73FE\u5728\u306Ewindow\u30B5\u30A4\u30BA\u3092\u53D6\u5F97\u3059\u308B", () => {
@@ -6,7 +6,7 @@ describe("useWindowSize", () => {
     const resizedWindowSize = { width: 1e3, height: 1e3 };
     window.innerWidth = initWindowSize.width;
     window.innerHeight = initWindowSize.height;
-    const { result } = renderHook(() => useWindowSize());
+    const { result, act } = renderHook(() => useWindowSize());
     expect(result.current).toEqual(initWindowSize);
     window.innerWidth = resizedWindowSize.width;
     window.innerHeight = resizedWindowSize.height;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8o/arte-odyssey",
-  "version": "0.1.0",
+  "version": "1.1.0",
   "description": "k8o's react ui library",
   "author": "k8o <kosakanoki@gmail.com>",
   "keywords": [
@@ -55,34 +55,33 @@
     "@floating-ui/react": "0.27.16",
     "baseline-status": "1.0.11",
     "clsx": "2.1.1",
-    "esbuild": "0.25.9",
-    "lucide-react": "0.542.0",
-    "motion": "12.23.12",
+    "esbuild": "0.25.10",
+    "lucide-react": "0.545.0",
+    "motion": "12.23.24",
     "react-error-boundary": "6.0.0",
     "tailwind-merge": "3.3.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.1",
-    "@storybook/addon-a11y": "9.1.4",
-    "@storybook/addon-docs": "9.1.4",
-    "@storybook/addon-vitest": "9.1.4",
-    "@storybook/react-vite": "9.1.4",
-    "@tailwindcss/postcss": "4.1.12",
-    "@testing-library/dom": "10.4.1",
-    "@testing-library/react": "16.3.0",
-    "@types/react": "19.1.12",
-    "@types/react-dom": "19.1.9",
-    "@vitejs/plugin-react-swc": "4.0.1",
+    "@storybook/addon-a11y": "9.1.10",
+    "@storybook/addon-docs": "9.1.10",
+    "@storybook/addon-vitest": "9.1.10",
+    "@storybook/react-vite": "9.1.10",
+    "@tailwindcss/postcss": "4.1.14",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "@vitejs/plugin-react-swc": "4.1.0",
     "@vitest/browser": "3.2.4",
     "@vitest/ui": "3.2.4",
     "postcss": "8.5.6",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
-    "storybook": "9.1.4",
-    "storybook-addon-mock-date": "1.0.1",
-    "tailwindcss": "4.1.12",
-    "vite": "7.1.4",
-    "vitest": "3.2.4"
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "storybook": "9.1.10",
+    "storybook-addon-mock-date": "1.0.2",
+    "tailwindcss": "4.1.14",
+    "vite": "7.1.9",
+    "vitest": "3.2.4",
+    "vitest-browser-react": "1.0.1"
   },
   "peerDependencies": {
     "@types/react": ">=19.0.0",

package/dist/components/providers/component-provider.d.ts

@@ -1,2 +0,0 @@
-import type { FC, PropsWithChildren } from 'react';
-export declare const ComponentProvider: FC<PropsWithChildren>;