@nexub/react 3.0.0 → 3.2.0

package/dist/hooks/useDisclosure.d.ts

@@ -0,0 +1,6 @@
+export declare function useDisclosure(initialOpen?: boolean): {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};

package/dist/hooks/useDisclosure.js

@@ -0,0 +1,12 @@
+"use client";
+import { useState, useCallback } from "react";
+function useDisclosure(initialOpen = false) {
+  const [isOpen, setIsOpen] = useState(initialOpen);
+  const open = useCallback(() => setIsOpen(true), []);
+  const close = useCallback(() => setIsOpen(false), []);
+  const toggle = useCallback(() => setIsOpen((prev) => !prev), []);
+  return { isOpen, open, close, toggle };
+}
+export {
+  useDisclosure
+};

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/dist/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,5 @@
+import { useEffect, useLayoutEffect } from "react";
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+export {
+  useIsomorphicLayoutEffect
+};

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export declare function useMediaQuery(query: string): boolean;

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,17 @@
+"use client";
+import { useState, useEffect } from "react";
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(false);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mql = window.matchMedia(query);
+    const handler = (e) => setMatches(e.matches);
+    mql.addEventListener("change", handler);
+    setMatches(mql.matches);
+    return () => mql.removeEventListener("change", handler);
+  }, [query]);
+  return matches;
+}
+export {
+  useMediaQuery
+};

package/dist/hooks/useMergedRefs.d.ts

@@ -0,0 +1,2 @@
+import { type Ref } from 'react';
+export declare function useMergedRefs<T>(...refs: Array<Ref<T> | undefined>): (node: T) => void;

package/dist/{chunk-MNEXMMLM.js → hooks/useMergedRefs.js}

@@ -1,6 +1,4 @@
-'use client';
-
-// src/hooks/useMergedRefs.ts
+"use client";
 import { useCallback, useRef } from "react";
 function setRef(ref, value) {
   if (!ref) return;
@@ -17,7 +15,6 @@ function useMergedRefs(...refs) {
     for (const ref of refsRef.current) setRef(ref, node);
   }, []);
 }
-
 export {
   useMergedRefs
 };

package/dist/hooks/usePointerSheen.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+/**
+ * Pointer position for the `nx-sheen` effect (themes/base.css). Returns a
+ * pointermove handler that writes --nx-mx / --nx-my (px, relative to the
+ * element) through the CSSOM — no style attribute, so strict-CSP safe — at
+ * most once per frame. Touch is ignored: there is no hover to light.
+ */
+export declare function usePointerSheen<T extends HTMLElement>(enabled: boolean, onPointerMove?: React.PointerEventHandler<T>): React.PointerEventHandler<T> | undefined;

package/dist/hooks/usePointerSheen.js

@@ -0,0 +1,25 @@
+"use client";
+import * as React from "react";
+function usePointerSheen(enabled, onPointerMove) {
+  const frame = React.useRef(0);
+  React.useEffect(() => () => cancelAnimationFrame(frame.current), []);
+  const handler = React.useCallback(
+    (event) => {
+      onPointerMove?.(event);
+      if (event.pointerType === "touch") return;
+      const el = event.currentTarget;
+      const { clientX, clientY } = event;
+      cancelAnimationFrame(frame.current);
+      frame.current = requestAnimationFrame(() => {
+        const r = el.getBoundingClientRect();
+        el.style.setProperty("--nx-mx", `${clientX - r.left}px`);
+        el.style.setProperty("--nx-my", `${clientY - r.top}px`);
+      });
+    },
+    [onPointerMove]
+  );
+  return enabled ? handler : onPointerMove;
+}
+export {
+  usePointerSheen
+};

package/dist/hooks/useSlidingIndicator.d.ts

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+/**
+ * One indicator that slides to the active item (SegmentedControl thumb, Tabs
+ * underline). Writes --nx-ind-x / -w / -o (opacity) on the (position: relative) root;
+ * CSS transitions do the motion. Sets data-nx-indicator="ready" one frame after
+ * the first measure so the indicator doesn't animate in on mount.
+ */
+export declare function useSlidingIndicator(ref: React.RefObject<HTMLElement | null>, activeSelector: string): void;

package/dist/{chunk-6UKNUI46.js → hooks/useSlidingIndicator.js}

@@ -1,9 +1,5 @@
-'use client';
-import {
-  useIsomorphicLayoutEffect
-} from "./chunk-NHUQLIHL.js";
-
-// src/hooks/useSlidingIndicator.ts
+"use client";
+import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
 function useSlidingIndicator(ref, activeSelector) {
   useIsomorphicLayoutEffect(() => {
     const root = ref.current;
@@ -30,7 +26,6 @@ function useSlidingIndicator(ref, activeSelector) {
     };
   }, [ref, activeSelector]);
 }
-
 export {
   useSlidingIndicator
 };