feat: Popup component

src-next/utils/dom/event.ts

@@ -1,10 +1,10 @@
-import { isServer } from '..';
+import { inBrowser } from '..';
 import { EventHandler } from '../types';
 
 // eslint-disable-next-line import/no-mutable-exports
 export let supportsPassive = false;
 
-if (!isServer) {
+if (inBrowser) {
   try {
     const opts = {};
     Object.defineProperty(opts, 'passive', {
@@ -25,7 +25,7 @@ export function on(
   handler: EventHandler,
   passive = false
 ) {
-  if (!isServer) {
+  if (inBrowser) {
     target.addEventListener(
       event,
       handler,
@@ -35,7 +35,7 @@ export function on(
 }
 
 export function off(target: EventTarget, event: string, handler: EventHandler) {
-  if (!isServer) {
+  if (inBrowser) {
     target.removeEventListener(event, handler);
   }
 }

src-next/utils/index.ts

@@ -4,6 +4,8 @@ export { createNamespace } from './create';
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 export function noop() {}
 
+export const inBrowser = typeof window !== 'undefined'
+
 export function isDef(val: unknown): boolean {
   return val !== undefined && val !== null;
 }