@quadrokit/ui 0.2.11 → 0.2.13

package/dist/hooks/use-dismiss-on-interact-outside.d.ts

@@ -0,0 +1,14 @@
+import { type RefObject } from 'react';
+export type UseDismissOnInteractOutsideOptions = {
+    /** When false, no listeners are registered */
+    enabled: boolean;
+    /** Root element (e.g. trigger + popover); pointer events outside dismiss */
+    containerRef: RefObject<HTMLElement | null>;
+    onDismiss: () => void;
+};
+/**
+ * Dismisses when the user presses Escape, or mousedown/touchstart outside `containerRef`.
+ * Intended for popovers/menus where a full-screen overlay would fight header z-index.
+ */
+export declare function useDismissOnInteractOutside({ enabled, containerRef, onDismiss, }: UseDismissOnInteractOutsideOptions): void;
+//# sourceMappingURL=use-dismiss-on-interact-outside.d.ts.map

package/dist/hooks/use-dismiss-on-interact-outside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dismiss-on-interact-outside.d.ts","sourceRoot":"","sources":["../../src/hooks/use-dismiss-on-interact-outside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAEzD,MAAM,MAAM,kCAAkC,GAAG;IAC/C,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAA;IAChB,4EAA4E;IAC5E,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC3C,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,kCAAkC,GAAG,IAAI,CA6B3C"}

package/dist/hooks/use-dismiss-on-interact-outside.mjs

@@ -0,0 +1,34 @@
+import { useEffect, useRef } from 'react';
+/**
+ * Dismisses when the user presses Escape, or mousedown/touchstart outside `containerRef`.
+ * Intended for popovers/menus where a full-screen overlay would fight header z-index.
+ */
+export function useDismissOnInteractOutside({ enabled, containerRef, onDismiss, }) {
+    const onDismissRef = useRef(onDismiss);
+    onDismissRef.current = onDismiss;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const dismiss = () => onDismissRef.current();
+        const onPointerDown = (e) => {
+            const el = containerRef.current;
+            if (!el)
+                return;
+            const target = e.target;
+            if (!el.contains(target))
+                dismiss();
+        };
+        const onKeyDown = (e) => {
+            if (e.key === 'Escape')
+                dismiss();
+        };
+        document.addEventListener('mousedown', onPointerDown);
+        document.addEventListener('touchstart', onPointerDown);
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', onPointerDown);
+            document.removeEventListener('touchstart', onPointerDown);
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [enabled, containerRef]);
+}

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export { Card, CardContent, CardDescription, CardHeader, CardTitle, } from './co
 export { Input, type InputProps } from './components/input.js';
 export { Label } from './components/label.js';
 export { ThemeToolbar } from './components/theme-toolbar.js';
+export type { UseDismissOnInteractOutsideOptions } from './hooks/use-dismiss-on-interact-outside.js';
+export { useDismissOnInteractOutside } from './hooks/use-dismiss-on-interact-outside.js';
 export { cn } from './lib/utils.js';
 export { type ColorMode, ThemeProvider, useTheme, } from './theme/theme-provider.js';
 export { type QuadroThemePreset, quadroThemes, themeLabels, } from './theme/themes.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,GACV,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EACL,KAAK,SAAS,EACd,aAAa,EACb,QAAQ,GACT,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,KAAK,iBAAiB,EACtB,YAAY,EACZ,WAAW,GACZ,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,GACV,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,YAAY,EAAE,kCAAkC,EAAE,MAAM,4CAA4C,CAAA;AACpG,OAAO,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAA;AACxF,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EACL,KAAK,SAAS,EACd,aAAa,EACb,QAAQ,GACT,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,KAAK,iBAAiB,EACtB,YAAY,EACZ,WAAW,GACZ,MAAM,mBAAmB,CAAA"}

package/dist/index.mjs

@@ -3,6 +3,7 @@ export { Card, CardContent, CardDescription, CardHeader, CardTitle, } from './co
 export { Input } from './components/input.mjs';
 export { Label } from './components/label.mjs';
 export { ThemeToolbar } from './components/theme-toolbar.mjs';
+export { useDismissOnInteractOutside } from './hooks/use-dismiss-on-interact-outside.mjs';
 export { cn } from './lib/utils.mjs';
 export { ThemeProvider, useTheme, } from './theme/theme-provider.mjs';
 export { quadroThemes, themeLabels, } from './theme/themes.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrokit/ui",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "private": false,
   "type": "module",
   "main": "./dist/index.mjs",