feat: Finished use-disclosure.

Author: Blankeos

src/index.ts

@@ -6,6 +6,7 @@ export * from './use-debounced-callback/use-debounced-callback';
 export * from './use-debounced-signal/use-debounced-signal';
 export * from './use-debounced-value/use-debounced-value';
 export * from './use-did-update/use-did-update';
+export * from './use-disclosure/use-disclosure';
 export * from './use-document-title/use-document-title';
 export * from './use-document-visibility/use-document-visibility';
 export * from './use-eye-dropper/use-eye-dropper';

src/use-disclosure/use-disclosure.ts

@@ -0,0 +1,35 @@
+import { createSignal } from 'solid-js';
+
+export function useDisclosure(
+  initialState = false,
+  callbacks?: { onOpen?: () => void; onClose?: () => void },
+) {
+  const { onOpen, onClose } = callbacks || {};
+  const [opened, setOpened] = createSignal(initialState);
+
+  const open = () => {
+    setOpened(isOpened => {
+      if (!isOpened) {
+        onOpen?.();
+        return true;
+      }
+      return isOpened;
+    });
+  };
+
+  const close = () => {
+    setOpened(isOpened => {
+      if (isOpened) {
+        onClose?.();
+        return false;
+      }
+      return isOpened;
+    });
+  };
+
+  const toggle = () => {
+    opened() ? close() : open();
+  };
+
+  return [opened, { open, close, toggle }] as const;
+}