Merge pull request #266 from leiit/fix-use-darkmode

Fix `useDarkMode` to use correct channel

examples/basic/src/Button.stories.tsx

@@ -1,9 +1,17 @@
 import * as React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+
+function Button(props: React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  return <button type="button" {...props} />;
+}
 
 export default {
   title: 'Button',
-};
+  component: Button,
+} satisfies Meta;
 
-export function Basic() {
-  return <button type="button">Click me</button>;
-}
+export const Basic: StoryObj<typeof Button> = {
+  args: {
+    children: 'Click me',
+  }
+};

examples/basic/src/useDarkMode.stories.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { useDarkMode } from '../../../src';
+
+function TestComponent() {
+  const isDark = useDarkMode() ;
+  return <div>Dark mode: {isDark ? 'on' : 'off'}</div>;
+}
+
+export default {
+  title: 'useDarkMode',
+  component: TestComponent,
+} satisfies Meta;
+
+export const Default = {} satisfies StoryObj;

src/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { addons } from '@storybook/manager-api';
+import { addons } from '@storybook/preview-api';
 import { DARK_MODE_EVENT_NAME } from './constants';
 import { store } from './Tool';