@nexub/react 3.0.0 → 3.1.0

package/dist/components/Toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { Toolbar } from './Toolbar.js';
+export type { ToolbarRootProps } from './Toolbar.js';

package/dist/components/Toolbar/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Toolbar
-} from "../../chunk-WGW7TZOV.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Toolbar } from "./Toolbar.js";
 export {
   Toolbar
 };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+declare function Provider({ delayDuration, skipDelayDuration, ...props }: RadixTooltip.TooltipProviderProps): React.JSX.Element;
+declare const Root: React.FC<RadixTooltip.TooltipProps>;
+declare const Trigger: React.ForwardRefExoticComponent<RadixTooltip.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Content: React.ForwardRefExoticComponent<RadixTooltip.TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+interface TooltipProps {
+    label: string;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    delayDuration?: number;
+    children: React.ReactElement;
+}
+declare function Tooltip({ label, side, delayDuration, children }: TooltipProps): React.JSX.Element;
+export { Provider, Root, Trigger, Content, Tooltip };

package/dist/{chunk-6SWOLUMF.js → components/Tooltip/Tooltip.js}

@@ -1,18 +1,14 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Tooltip/Tooltip.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixTooltip from "@radix-ui/react-tooltip";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Provider2({ delayDuration = 400, skipDelayDuration = 300, ...props }) {
+import { cn } from "../../utils/cn.js";
+function Provider({ delayDuration = 400, skipDelayDuration = 300, ...props }) {
   return /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration, skipDelayDuration, ...props });
 }
-var Root2 = RadixTooltip.Root;
-var Trigger2 = RadixTooltip.Trigger;
-var Content2 = React.forwardRef(
+const Root = RadixTooltip.Root;
+const Trigger = RadixTooltip.Trigger;
+const Content = React.forwardRef(
   function TooltipContent({ className, sideOffset = 4, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixTooltip.Content,
@@ -29,18 +25,17 @@ var Content2 = React.forwardRef(
     );
   }
 );
-Content2.displayName = "Tooltip.Content";
+Content.displayName = "Tooltip.Content";
 function Tooltip({ label, side = "top", delayDuration = 400, children }) {
-  return /* @__PURE__ */ jsxs(Root2, { delayDuration, children: [
-    /* @__PURE__ */ jsx(Trigger2, { asChild: true, children }),
-    /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsx(Content2, { side, children: label }) })
+  return /* @__PURE__ */ jsxs(Root, { delayDuration, children: [
+    /* @__PURE__ */ jsx(Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsx(Content, { side, children: label }) })
   ] });
 }
-
 export {
-  Provider2 as Provider,
-  Root2 as Root,
-  Trigger2 as Trigger,
-  Content2 as Content,
-  Tooltip
+  Content,
+  Provider,
+  Root,
+  Tooltip,
+  Trigger
 };

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Provider, Root, Trigger, Content, Tooltip } from './Tooltip.js';

package/dist/components/Tooltip/index.js

@@ -1,13 +1,4 @@
-'use client';
-import "../../chunk-XYXMPHND.js";
-import {
-  Content,
-  Provider,
-  Root,
-  Tooltip,
-  Trigger
-} from "../../chunk-6SWOLUMF.js";
-import "../../chunk-WRVFNYO3.js";
+import { Provider, Root, Trigger, Content, Tooltip } from "./Tooltip.js";
 export {
   Content,
   Provider,

package/dist/components/TopNav/TopNav.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type SurfaceValue } from '../../utils/glass.js';
+export interface TopNavRootProps extends React.HTMLAttributes<HTMLElement> {
+    surface?: SurfaceValue;
+    /** Sticky-bar edge: `soft` dissolves scrolling content under the bar (no
+     *  divider), `hard` is an opaque band for pinned headers. Default: a divider. */
+    scrollEdge?: 'soft' | 'hard';
+}
+export interface TopNavItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    active?: boolean;
+    /** Render the child element (e.g. a router `<Link>`) instead of an `<a>`. */
+    asChild?: boolean;
+}
+export declare const TopNav: {
+    Root: React.ForwardRefExoticComponent<TopNavRootProps & React.RefAttributes<HTMLElement>>;
+    Logo: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Menu: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+    Item: React.ForwardRefExoticComponent<TopNavItemProps & React.RefAttributes<HTMLAnchorElement>>;
+    Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/{chunk-BNG3Y5I7.js → components/TopNav/TopNav.js}

@@ -1,19 +1,11 @@
-'use client';
-import {
-  glassSurfaceClass
-} from "./chunk-DEIBF3P7.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/TopNav/TopNav.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-var Root = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { glassSurfaceClass } from "../../utils/glass.js";
+const Root = React.forwardRef(
   ({ className, children, surface = "solid", scrollEdge, ...props }, ref) => /* @__PURE__ */ jsx(
     "header",
     {
@@ -31,11 +23,11 @@ var Root = React.forwardRef(
   )
 );
 Root.displayName = "TopNav.Root";
-var Logo = React.forwardRef(
+const Logo = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("shrink-0 flex items-center", className), ...props })
 );
 Logo.displayName = "TopNav.Logo";
-var Menu = React.forwardRef(
+const Menu = React.forwardRef(
   ({ className, ...props }, ref) => {
     const messages = useNexubMessages();
     return (
@@ -53,7 +45,7 @@ var Menu = React.forwardRef(
   }
 );
 Menu.displayName = "TopNav.Menu";
-var Item = React.forwardRef(
+const Item = React.forwardRef(
   ({ className, active, asChild, ...props }, ref) => {
     const Comp = asChild ? Slot : "a";
     return /* @__PURE__ */ jsx(
@@ -72,12 +64,11 @@ var Item = React.forwardRef(
   }
 );
 Item.displayName = "TopNav.Item";
-var Actions = React.forwardRef(
+const Actions = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("ms-auto flex items-center gap-2", className), ...props })
 );
 Actions.displayName = "TopNav.Actions";
-var TopNav = { Root, Logo, Menu, Item, Actions };
-
+const TopNav = { Root, Logo, Menu, Item, Actions };
 export {
   TopNav
 };

package/dist/components/TopNav/index.d.ts

@@ -0,0 +1,2 @@
+export { TopNav } from './TopNav.js';
+export type { TopNavItemProps, TopNavRootProps } from './TopNav.js';

package/dist/components/TopNav/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  TopNav
-} from "../../chunk-BNG3Y5I7.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { TopNav } from "./TopNav.js";
 export {
   TopNav
 };

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,2 @@
+export { Root as VisuallyHidden } from '@radix-ui/react-visually-hidden';
+export type { VisuallyHiddenProps } from '@radix-ui/react-visually-hidden';

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,5 @@
+"use client";
+import { Root } from "@radix-ui/react-visually-hidden";
+export {
+  Root as VisuallyHidden
+};

package/dist/components/VisuallyHidden/index.d.ts

@@ -0,0 +1,2 @@
+export { VisuallyHidden } from './VisuallyHidden.js';
+export type { VisuallyHiddenProps } from './VisuallyHidden.js';

package/dist/components/VisuallyHidden/index.js

@@ -1,7 +1,4 @@
-'use client';
-import {
-  Root
-} from "../../chunk-ZXLACKEB.js";
+import { VisuallyHidden } from "./VisuallyHidden.js";
 export {
-  Root as VisuallyHidden
+  VisuallyHidden
 };

package/dist/hooks/useClassScrollLock.d.ts

@@ -0,0 +1,6 @@
+/**
+ * CSP-safe page scroll lock: toggles `nexub-scroll-lock` (from @nexub/themes/base)
+ * on <html> instead of injecting a <style> tag. On while mounted; counted, so
+ * nested overlays (a Sheet and a CommandPalette) share one lock.
+ */
+export declare function useClassScrollLock(): void;

package/dist/{chunk-47UGX37F.js → hooks/useClassScrollLock.js}

@@ -1,8 +1,6 @@
-'use client';
-
-// src/hooks/useClassScrollLock.ts
+"use client";
 import * as React from "react";
-var scrollLocks = 0;
+let scrollLocks = 0;
 function useClassScrollLock() {
   React.useEffect(() => {
     const html = document.documentElement;
@@ -15,7 +13,6 @@ function useClassScrollLock() {
     };
   }, []);
 }
-
 export {
   useClassScrollLock
 };

package/dist/hooks/useControllableState.d.ts

@@ -0,0 +1,7 @@
+interface UseControllableStateOptions<T> {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+}
+export declare function useControllableState<T>({ value: controlledValue, defaultValue, onChange, }: UseControllableStateOptions<T>): readonly [T | undefined, (next: T) => void];
+export {};

package/dist/{chunk-JLUCMNVS.js → hooks/useControllableState.js}

@@ -1,10 +1,6 @@
-'use client';
-import {
-  useIsomorphicLayoutEffect
-} from "./chunk-NHUQLIHL.js";
-
-// src/hooks/useControllableState.ts
+"use client";
 import { useState, useCallback, useRef } from "react";
+import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
 function useControllableState({
   value: controlledValue,
   defaultValue,
@@ -26,7 +22,6 @@ function useControllableState({
   );
   return [value, setValue];
 }
-
 export {
   useControllableState
 };

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
 };