@ansh-ui/react 0.2.0 → 0.3.0

package/dist/{use-observers-B9qtimrk.d.ts → use-observers-DvA7hSz4.d.ts}

@@ -93,7 +93,16 @@ declare function useReducedMotion(): boolean;
  * ship in production render paths; the `enabled` flag exists so it can be gated on `NODE_ENV`.
  */
 declare function useFrameBudget(enabled?: boolean): BudgetReport | null;
+/**
+ * Live count of components currently subscribed to the shared ticker.
+ *
+ * Intended for a devtools-style overlay, alongside `useFrameBudget` — the ticker only exposes
+ * `subscriberCount` as a getter with no change event, so this piggybacks on `onBudget`'s existing
+ * ~4 Hz sample instead of opening a second interval or rAF loop just to poll one number.
+ */
+declare function useTickerSubscriberCount(enabled?: boolean): number;
 /** Merge several refs into one callback ref, for components that both forward and use a ref. */
 declare function useMergedRef<T>(...refs: Array<React.Ref<T> | undefined | null>): (node: T | null) => void;
 
-export { type InViewOptions as I, useFrameBudget as a, useInView as b, useMergedRef as c, usePointer as d, useReducedMotion as e, useScrollProgress as f, useTicker as g, useWindowScroll as h, useElementSize as u };
+export { useFrameBudget as a, useInView as b, useMergedRef as c, usePointer as d, useReducedMotion as e, useScrollProgress as f, useTicker as g, useTickerSubscriberCount as h, useWindowScroll as i, useElementSize as u };
+export type { InViewOptions as I };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ansh-ui/react",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Ansh for React and Next.js — premium animated components and motion hooks.",
   "license": "MIT",
   "type": "module",
@@ -74,8 +74,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@ansh-ui/tokens": "0.2.0",
-    "@ansh-ui/core": "0.2.0"
+    "@ansh-ui/core": "0.3.0",
+    "@ansh-ui/tokens": "0.3.0"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",

package/dist/chunk-6VRF7X5C.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-observers.ts"],"names":["useRef","useEffect","getTicker","useState","observeIntersection","observeResize","trackScroll","trackContainerScroll","trackPointer","onReducedMotionChange","useCallback"],"mappings":"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","file":"chunk-6VRF7X5C.cjs","sourcesContent":["import { type RefObject, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  type BudgetReport,\n  type FrameState,\n  type PointerState,\n  type ScrollProgress,\n  type ScrollTrackOptions,\n  getTicker,\n  observeIntersection,\n  observeResize,\n  onReducedMotionChange,\n  trackContainerScroll,\n  trackPointer,\n  trackScroll,\n} from '@ansh-ui/core'\n\n/**\n * Subscribe to the shared ticker.\n *\n * The callback is held in a ref and never re-subscribes, so a component that closes over changing\n * props doesn't tear down and rebuild its subscription on every render. That matters: resubscribing\n * changes execution order within the phase, which can visibly reorder dependent animations.\n */\nexport function useTicker(\n  callback: (state: FrameState) => void,\n  options: {\n    phase?: 'read' | 'compute' | 'write' | 'post'\n    priority?: number\n    enabled?: boolean\n  } = {},\n): void {\n  const callbackRef = useRef(callback)\n  callbackRef.current = callback\n\n  const { phase = 'write', priority = 0, enabled = true } = options\n\n  useEffect(() => {\n    if (!enabled) return\n    const ticker = getTicker()\n    return ticker.add((state) => callbackRef.current(state), { phase, priority, name: 'useTicker' })\n  }, [phase, priority, enabled])\n}\n\nexport interface InViewOptions {\n  /** Fraction visible before triggering, in `[0, 1]`. Default `0`. */\n  threshold?: number\n  /** Extra margin around the root. Default `'0px'`. */\n  rootMargin?: string\n  /** Stop observing after the first intersection. Default `false`. */\n  once?: boolean\n  root?: Element | null\n}\n\n/**\n * Is the element in the viewport?\n *\n * Uses the pooled observer, so a page with 200 scroll-revealed elements creates one\n * `IntersectionObserver` rather than 200.\n */\nexport function useInView<El extends Element = HTMLDivElement>(\n  options: InViewOptions = {},\n): [RefObject<El | null>, boolean] {\n  const ref = useRef<El | null>(null)\n  const [inView, setInView] = useState(false)\n\n  const { threshold = 0, rootMargin = '0px', once = false, root = null } = options\n\n  useEffect(() => {\n    const element = ref.current\n    if (!element) return\n\n    let released = false\n    const stop = observeIntersection(\n      element,\n      (entry) => {\n        setInView(entry.isIntersecting)\n        if (entry.isIntersecting && once && !released) {\n          released = true\n          // Release inside a microtask: unsubscribing from within the observer callback would\n          // mutate the pool's callback set while it is being iterated.\n          queueMicrotask(() => stop())\n        }\n      },\n      { threshold, rootMargin, root },\n    )\n\n    return () => {\n      released = true\n      stop()\n    }\n  }, [threshold, rootMargin, once, root])\n\n  return [ref, inView]\n}\n\n/**\n * Track an element's size.\n *\n * Returns state rather than a MotionValue because size changes at interaction rate, not frame\n * rate, so a re-render per change is appropriate and far more ergonomic.\n */\nexport function useElementSize<El extends Element = HTMLDivElement>(): [\n  RefObject<El | null>,\n  { width: number; height: number },\n] {\n  const ref = useRef<El | null>(null)\n  const [size, setSize] = useState({ width: 0, height: 0 })\n\n  useEffect(() => {\n    const element = ref.current\n    if (!element) return\n    return observeResize(element, ({ width, height }) => {\n      // Guard against redundant renders: ResizeObserver fires on sub-pixel changes during\n      // animation, and setting identical state still costs a render pass in React 18.\n      setSize((previous) =>\n        previous.width === width && previous.height === height ? previous : { width, height },\n      )\n    })\n  }, [])\n\n  return [ref, size]\n}\n\n/**\n * Track an element's scroll progress through the viewport.\n *\n * The returned progress is a **ref**, not state, deliberately — scroll progress changes every\n * frame, and rendering on each change would make scrolling janky. Read `progress.current` inside a\n * `useTicker` callback, or pass the `onChange` callback and write to the DOM directly.\n */\nexport function useScrollProgress<El extends HTMLElement = HTMLDivElement>(\n  options: ScrollTrackOptions & { onChange?: (progress: ScrollProgress) => void } = {},\n): [RefObject<El | null>, RefObject<ScrollProgress>] {\n  const ref = useRef<El | null>(null)\n  const progressRef = useRef<ScrollProgress>({\n    progress: 0,\n    velocity: 0,\n    scroll: 0,\n    direction: 0,\n    inView: false,\n  })\n\n  const onChangeRef = useRef(options.onChange)\n  onChangeRef.current = options.onChange\n\n  const { axis = 'y', container = null } = options\n  const offsetKey = JSON.stringify(options.offset ?? null)\n\n  useEffect(() => {\n    const element = ref.current\n    if (!element) return\n\n    return trackScroll(\n      element,\n      (progress) => {\n        progressRef.current = progress\n        onChangeRef.current?.(progress)\n      },\n      {\n        axis,\n        container,\n        ...(options.offset ? { offset: options.offset } : {}),\n      },\n    )\n    // `offsetKey` stands in for the offset object, which is usually an inline literal and would\n    // otherwise change identity on every render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [axis, container, offsetKey])\n\n  return [ref, progressRef]\n}\n\n/** Track the window's (or a container's) overall scroll progress. */\nexport function useWindowScroll(\n  onChange?: (info: { progress: number; scroll: number; velocity: number; max: number }) => void,\n  options: { axis?: 'y' | 'x'; container?: HTMLElement | null } = {},\n): RefObject<{ progress: number; scroll: number; velocity: number; max: number }> {\n  const stateRef = useRef({ progress: 0, scroll: 0, velocity: 0, max: 1 })\n  const onChangeRef = useRef(onChange)\n  onChangeRef.current = onChange\n\n  const { axis = 'y', container = null } = options\n\n  useEffect(\n    () =>\n      trackContainerScroll(\n        (info) => {\n          stateRef.current = info\n          onChangeRef.current?.(info)\n        },\n        { axis, container },\n      ),\n    [axis, container],\n  )\n\n  return stateRef\n}\n\n/**\n * Track pointer position over an element.\n *\n * Returns a ref to the live state object, which is mutated in place by the tracker. Reading it\n * inside a `useTicker` callback is the intended use; it deliberately does not trigger renders.\n */\nexport function usePointer<El extends HTMLElement = HTMLDivElement>(\n  options: { smoothing?: number; trackOutside?: boolean; enabled?: boolean } = {},\n): [RefObject<El | null>, RefObject<Readonly<PointerState> | null>] {\n  const ref = useRef<El | null>(null)\n  const stateRef = useRef<Readonly<PointerState> | null>(null)\n\n  const { smoothing, trackOutside = false, enabled = true } = options\n\n  useEffect(() => {\n    const element = ref.current\n    if (!element || !enabled) return\n\n    const tracker = trackPointer(element, {\n      ...(smoothing !== undefined ? { smoothing } : {}),\n      trackOutside,\n    })\n    stateRef.current = tracker.state\n\n    return () => {\n      tracker.destroy()\n      stateRef.current = null\n    }\n  }, [smoothing, trackOutside, enabled])\n\n  return [ref, stateRef]\n}\n\n/**\n * Does the user prefer reduced motion?\n *\n * Returns `false` during SSR and on the first client render, then updates. That ordering is\n * deliberate: returning the real value during SSR is impossible (the server cannot know), and\n * returning it on the first client render would be a hydration mismatch.\n */\nexport function useReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(false)\n  useEffect(() => onReducedMotionChange(setReduced), [])\n  return reduced\n}\n\n/**\n * Live frame-budget telemetry — FPS, frame cost percentiles, and the adaptive quality scalar.\n *\n * Intended for a development overlay. Subscribing causes a re-render every frame, so this must not\n * ship in production render paths; the `enabled` flag exists so it can be gated on `NODE_ENV`.\n */\nexport function useFrameBudget(enabled = true): BudgetReport | null {\n  const [report, setReport] = useState<BudgetReport | null>(null)\n\n  useEffect(() => {\n    if (!enabled) return\n    const ticker = getTicker()\n    // Sample at ~4 Hz rather than per frame. A number that changes 60 times a second is\n    // unreadable, and rendering it 60 times a second distorts the very measurement being shown.\n    let last = 0\n    return ticker.onBudget((next) => {\n      const now = performance.now()\n      if (now - last < 250) return\n      last = now\n      setReport(next)\n    })\n  }, [enabled])\n\n  return report\n}\n\n/** Merge several refs into one callback ref, for components that both forward and use a ref. */\nexport function useMergedRef<T>(\n  ...refs: Array<React.Ref<T> | undefined | null>\n): (node: T | null) => void {\n  return useCallback((node: T | null) => {\n    for (const ref of refs) {\n      if (!ref) continue\n      if (typeof ref === 'function') ref(node)\n      else (ref as React.MutableRefObject<T | null>).current = node\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, refs)\n}\n"]}

package/dist/chunk-C32LKF23.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/primitives/slot.tsx","../src/primitives/focus.ts","../src/primitives/presence.tsx"],"names":["forwardRef","Slot","isValidElement","cloneElement","mergeProps","mergeRefs","Children","useEffect","useRef","useState","prefersReducedMotion"],"mappings":"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","file":"chunk-C32LKF23.cjs","sourcesContent":["import {\n  Children,\n  type ReactElement,\n  type ReactNode,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from 'react'\nimport { mergeProps, mergeRefs } from './compose'\n\nexport interface SlotProps {\n  children?: ReactNode\n  [key: string]: unknown\n}\n\n/**\n * Render into the child element instead of rendering a wrapper.\n *\n * This is what powers `asChild`. Without it, a `<Tooltip.Trigger>` wrapping a `<Button>` emits a\n * `<span>` around the button — which breaks flex layouts, adds a node that inherits nothing, and\n * puts the trigger's ARIA attributes on the wrong element for assistive technology.\n *\n * ```tsx\n * <Tooltip.Trigger asChild>\n *   <Button>Save</Button>\n * </Tooltip.Trigger>\n * ```\n *\n * The button *is* the trigger: it carries `aria-describedby` and the handlers, and no extra DOM\n * node exists.\n */\nexport const Slot = forwardRef<HTMLElement, SlotProps>(function Slot(\n  { children, ...slotProps },\n  forwardedRef,\n) {\n  if (!isValidElement(children)) {\n    // A `Slot` with no element child renders nothing rather than throwing. Throwing here would\n    // turn a conditional child (`{loading ? null : <Button/>}`) into a crash.\n    return null\n  }\n\n  const child = children as ReactElement<Record<string, unknown>> & { ref?: React.Ref<HTMLElement> }\n\n  // React 19 exposes `ref` as a normal prop; React 18 keeps it on the element. Reading both keeps\n  // this working across the supported peer range without a version check.\n  const childRef = (child.props as { ref?: React.Ref<HTMLElement> }).ref ?? child.ref\n\n  return cloneElement(child, {\n    ...mergeProps(slotProps, child.props),\n    ref: mergeRefs(forwardedRef, childRef),\n  } as Record<string, unknown>)\n})\n\n/**\n * Pick between a host element and its child based on `asChild`.\n *\n * Every component in this library that accepts `asChild` uses this, so the behaviour is identical\n * across all of them rather than reimplemented with small differences.\n */\nexport function slotted(\n  asChild: boolean | undefined,\n  fallback: React.ElementType,\n): React.ElementType {\n  return asChild ? (Slot as unknown as React.ElementType) : fallback\n}\n\n/** Count element children, ignoring `null`/`false` from conditional rendering. */\nexport function countElements(children: ReactNode): number {\n  return Children.toArray(children).filter(isValidElement).length\n}\n","import { type RefObject, useEffect, useRef } from 'react'\n\n/**\n * Focus management for overlay surfaces.\n *\n * Three separate concerns that are usually conflated:\n *\n *  1. **Finding what can be focused.** Harder than it looks — `disabled`, `hidden`, `inert`,\n *     zero-size elements and negative tabindex all disqualify a node, and CSS-hidden ancestors\n *     disqualify their whole subtree.\n *  2. **Trapping.** Tab must cycle within the surface. Required by WCAG 2.4.3 for modals.\n *  3. **Restoring.** Focus must return to the trigger on close, or a keyboard user is dumped at the\n *     top of the document and has to navigate all the way back.\n */\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'audio[controls]',\n  'video[controls]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',')\n\n/** Is this element rendered and interactive right now? */\nfunction isVisible(element: HTMLElement): boolean {\n  // `offsetParent === null` catches `display: none` on the element or any ancestor, cheaply.\n  // `position: fixed` elements legitimately have a null offsetParent, so they are checked against\n  // their box instead.\n  if (element.hasAttribute('inert')) return false\n  if (element.offsetParent !== null) return true\n  const rect = element.getBoundingClientRect()\n  return rect.width > 0 || rect.height > 0\n}\n\n/** Every tabbable descendant, in tab order. */\nexport function getTabbable(container: HTMLElement | null): HTMLElement[] {\n  if (!container) return []\n  const nodes = Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR))\n  return nodes.filter((node) => {\n    if (node.getAttribute('aria-hidden') === 'true') return false\n    if (node.closest('[inert]')) return false\n    return isVisible(node)\n  })\n}\n\n/**\n * Trap Tab within a container while `active`.\n *\n * Implemented on `keydown` at the container rather than with sentinel elements at either end. The\n * sentinel approach adds two focusable nodes to the accessibility tree that screen readers can\n * land on and announce as blank; intercepting the key does not.\n */\nexport function useFocusTrap(ref: RefObject<HTMLElement | null>, active: boolean): void {\n  useEffect(() => {\n    if (!active) return\n    const container = ref.current\n    if (!container) return\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return\n\n      const tabbable = getTabbable(container)\n      if (tabbable.length === 0) {\n        // Nothing to move to — keep focus on the surface rather than letting it escape.\n        event.preventDefault()\n        return\n      }\n\n      const first = tabbable[0]!\n      const last = tabbable[tabbable.length - 1]!\n      const activeElement = document.activeElement as HTMLElement | null\n\n      // Focus may sit on the container itself (given `tabIndex={-1}` for the initial focus), in\n      // which case neither branch below matches and the default Tab lands on `first` naturally.\n      if (event.shiftKey && (activeElement === first || activeElement === container)) {\n        event.preventDefault()\n        last.focus()\n      } else if (!event.shiftKey && activeElement === last) {\n        event.preventDefault()\n        first.focus()\n      }\n    }\n\n    container.addEventListener('keydown', onKeyDown)\n    return () => container.removeEventListener('keydown', onKeyDown)\n  }, [ref, active])\n}\n\n/**\n * Restore focus to whatever was focused before `active` became true.\n *\n * The element is captured on activation, not on mount, because a component can be mounted long\n * before it opens.\n */\nexport function useFocusRestore(active: boolean): void {\n  const previousRef = useRef<HTMLElement | null>(null)\n\n  useEffect(() => {\n    if (!active) return\n    previousRef.current = document.activeElement as HTMLElement | null\n\n    return () => {\n      const previous = previousRef.current\n      // Guard against restoring to a node that has since been removed from the document —\n      // focusing a detached element silently moves focus to `<body>`, losing the user's place.\n      if (previous && previous.isConnected) previous.focus?.({ preventScroll: true })\n    }\n  }, [active])\n}\n\n/**\n * Move focus into a surface when it opens.\n *\n * Prefers an explicitly marked element, then the first tabbable one, then the container itself.\n * The container fallback matters for a dialog whose only content is text: focus must land inside\n * it so a screen reader announces the dialog rather than continuing from the page behind.\n */\nexport function useAutoFocus(\n  ref: RefObject<HTMLElement | null>,\n  active: boolean,\n  initialFocus?: RefObject<HTMLElement | null>,\n): void {\n  useEffect(() => {\n    if (!active) return\n    const container = ref.current\n    if (!container) return\n\n    // After paint: the surface may still be animating in, and focusing a node with\n    // `visibility: hidden` is a no-op that silently leaves focus on the body.\n    const frame = requestAnimationFrame(() => {\n      const explicit = initialFocus?.current\n      if (explicit?.isConnected) {\n        explicit.focus({ preventScroll: true })\n        return\n      }\n      const target = getTabbable(container)[0] ?? container\n      target.focus({ preventScroll: true })\n    })\n\n    return () => cancelAnimationFrame(frame)\n  }, [ref, active, initialFocus])\n}\n\n/**\n * Roving tabindex for a composite widget (toolbar, tab list, menu).\n *\n * The ARIA authoring practice: a composite has exactly **one** tab stop, and arrow keys move\n * within it. Ten tabs that are each a tab stop means a keyboard user presses Tab ten times to get\n * past the tab bar — technically operable, practically hostile.\n */\nexport function useRovingFocus(options: {\n  /** Items in DOM order. */\n  itemsRef: RefObject<Array<HTMLElement | null>>\n  /** Index that currently owns the tab stop. */\n  active: number\n  onActiveChange: (index: number) => void\n  orientation?: 'horizontal' | 'vertical' | 'both'\n  loop?: boolean\n}): (event: React.KeyboardEvent) => void {\n  const { itemsRef, active, onActiveChange, orientation = 'horizontal', loop = true } = options\n\n  return (event: React.KeyboardEvent) => {\n    const items = (itemsRef.current ?? []).filter((item): item is HTMLElement => item !== null)\n    if (items.length === 0) return\n\n    const horizontal = orientation === 'horizontal' || orientation === 'both'\n    const vertical = orientation === 'vertical' || orientation === 'both'\n\n    let next = active\n    switch (event.key) {\n      case 'ArrowRight':\n        if (!horizontal) return\n        next = active + 1\n        break\n      case 'ArrowLeft':\n        if (!horizontal) return\n        next = active - 1\n        break\n      case 'ArrowDown':\n        if (!vertical) return\n        next = active + 1\n        break\n      case 'ArrowUp':\n        if (!vertical) return\n        next = active - 1\n        break\n      case 'Home':\n        next = 0\n        break\n      case 'End':\n        next = items.length - 1\n        break\n      default:\n        return\n    }\n\n    event.preventDefault()\n\n    if (next < 0) next = loop ? items.length - 1 : 0\n    if (next >= items.length) next = loop ? 0 : items.length - 1\n\n    onActiveChange(next)\n    items[next]?.focus()\n  }\n}\n","import { type ReactNode, type RefObject, useEffect, useRef, useState } from 'react'\nimport { prefersReducedMotion } from '@ansh-ui/core'\n\n/**\n * Keep an element mounted while it animates out.\n *\n * The problem: `{open && <Dialog />}` cannot animate on close, because React removes the node the\n * instant `open` flips. The fix is to keep rendering it and unmount when the exit animation\n * actually finishes.\n *\n * Finishing is detected from `animationend`/`transitionend` rather than a duration prop. A duration\n * prop has to be kept in sync with the CSS by hand, and it drifts the moment someone retimes the\n * animation in the stylesheet — leaving either a flash (unmount too early) or a surface that lingers\n * invisibly and swallows clicks (too late). The timeout below is only a safety net for the case\n * where no animation is declared at all and no event ever fires.\n */\nexport function usePresence(\n  open: boolean,\n  ref: RefObject<HTMLElement | null>,\n): { mounted: boolean; state: 'open' | 'closed' } {\n  const [mounted, setMounted] = useState(open)\n  const [state, setState] = useState<'open' | 'closed'>(open ? 'open' : 'closed')\n\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n  useEffect(() => {\n    if (open) {\n      clearTimeout(timeoutRef.current)\n      setMounted(true)\n      // Next frame, so the element mounts in its closed state and *then* transitions. Setting\n      // both in the same commit means the browser never sees the start state and no transition\n      // runs — the classic \"enter animation doesn't play\" bug.\n      const frame = requestAnimationFrame(() => setState('open'))\n      return () => cancelAnimationFrame(frame)\n    }\n\n    if (!mounted) return\n\n    setState('closed')\n\n    const node = ref.current\n    if (!node || prefersReducedMotion()) {\n      setMounted(false)\n      return\n    }\n\n    // Only the element's *own* animations count. A child's animation ending would unmount the\n    // surface while it is still fading.\n    const onEnd = (event: AnimationEvent | TransitionEvent) => {\n      if (event.target !== node) return\n      setMounted(false)\n    }\n\n    node.addEventListener('animationend', onEnd)\n    node.addEventListener('transitionend', onEnd)\n\n    // Safety net: if no animation is declared, neither event ever fires and the surface would\n    // stay mounted forever, invisible and intercepting pointer events.\n    timeoutRef.current = setTimeout(() => setMounted(false), 400)\n\n    return () => {\n      node.removeEventListener('animationend', onEnd)\n      node.removeEventListener('transitionend', onEnd)\n      clearTimeout(timeoutRef.current)\n    }\n  }, [open, mounted, ref])\n\n  return { mounted, state }\n}\n\nexport interface PresenceProps {\n  open: boolean\n  children: (props: { ref: RefObject<HTMLElement | null>; state: 'open' | 'closed' }) => ReactNode\n}\n\n/**\n * Render-prop form of `usePresence`, for callers that would otherwise need to hoist a ref.\n *\n * ```tsx\n * <Presence open={open}>\n *   {({ ref, state }) => <div ref={ref} data-state={state} className=\"fade\" />}\n * </Presence>\n * ```\n */\nexport function Presence({ open, children }: PresenceProps) {\n  const ref = useRef<HTMLElement | null>(null)\n  const { mounted, state } = usePresence(open, ref)\n  if (!mounted) return null\n  return <>{children({ ref, state })}</>\n}\n"]}

package/dist/chunk-EGG4CP7C.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/index.tsx","../src/components/layout/resizable.tsx"],"names":["Stack","HStack","VStack","Grid","GridItem","Container","Divider","Center","AspectRatio","ScrollArea","jsxs","jsx"],"mappings":"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","file":"chunk-EGG4CP7C.js","sourcesContent":["import {\n  type CSSProperties,\n  type ElementType,\n  type ForwardedRef,\n  type HTMLAttributes,\n  type ReactNode,\n  forwardRef,\n} from 'react'\nimport { cx } from '../../primitives/compose'\n\n/**\n * Layout primitives.\n *\n * These exist because every application rebuilds them, badly. The rebuilt versions hardcode gaps in\n * pixels, so they don't respond to a density setting; they use margins, so they collapse\n * unpredictably; and they don't handle the RTL case.\n *\n * Everything here takes a **token key**, not a raw value: `gap={4}` means `--ansh-space-4`, so a\n * layout is guaranteed to sit on the spacing scale. Passing an arbitrary string is still possible\n * for the genuine one-off, but the type nudges toward the scale first.\n */\n\n/** A key into the spacing scale, or a raw CSS length for the rare exception. */\nexport type SpaceToken =\n  0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | (string & {})\n\nfunction space(value: SpaceToken | undefined): string | undefined {\n  if (value === undefined) return undefined\n  if (typeof value === 'string') return value\n  return `var(--ansh-space-${value})`\n}\n\ninterface BaseProps extends HTMLAttributes<HTMLElement> {\n  as?: ElementType\n  children?: ReactNode\n}\n\n// --- Stack ----------------------------------------------------------------\n\nexport interface StackProps extends BaseProps {\n  /** Default `'vertical'` — the direction that needs a helper more often. */\n  direction?: 'horizontal' | 'vertical'\n  gap?: SpaceToken\n  align?: CSSProperties['alignItems']\n  justify?: CSSProperties['justifyContent']\n  wrap?: boolean\n  /** Grow to fill the cross axis. */\n  stretch?: boolean\n  /** Insert a hairline divider between children. */\n  divide?: boolean\n}\n\n/**\n * One-dimensional flex layout.\n *\n * ```tsx\n * <Stack direction=\"horizontal\" gap={3} align=\"center\">\n *   <Avatar src={user.avatar} name={user.name} />\n *   <Stack gap={0.5}>\n *     <strong>{user.name}</strong>\n *     <Text tone=\"secondary\">{user.email}</Text>\n *   </Stack>\n * </Stack>\n * ```\n */\nexport const Stack = forwardRef(function Stack(\n  {\n    as: Component = 'div',\n    direction = 'vertical',\n    gap = 4,\n    align,\n    justify,\n    wrap = false,\n    stretch = false,\n    divide = false,\n    className,\n    style,\n    ...rest\n  }: StackProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return (\n    <Component\n      ref={ref}\n      className={cx('ansh-stack', divide && 'ansh-stack--divide', className)}\n      data-direction={direction}\n      style={{\n        display: 'flex',\n        flexDirection: direction === 'horizontal' ? 'row' : 'column',\n        gap: space(gap),\n        alignItems: align ?? (stretch ? 'stretch' : undefined),\n        justifyContent: justify,\n        flexWrap: wrap ? 'wrap' : undefined,\n        ...style,\n      }}\n      {...rest}\n    />\n  )\n})\n\n/** Horizontal `Stack`, for readability at call sites. */\nexport const HStack = forwardRef(function HStack(\n  props: Omit<StackProps, 'direction'>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return <Stack ref={ref} direction=\"horizontal\" {...props} />\n})\n\n/** Vertical `Stack`, for symmetry with `HStack`. */\nexport const VStack = forwardRef(function VStack(\n  props: Omit<StackProps, 'direction'>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return <Stack ref={ref} direction=\"vertical\" {...props} />\n})\n\n// --- Grid -----------------------------------------------------------------\n\nexport interface GridProps extends BaseProps {\n  /** Fixed column count, or `'auto'` for a responsive `auto-fill` track. */\n  columns?: number | 'auto'\n  /** Minimum column width when `columns=\"auto\"`. Default `'16rem'`. */\n  minColumnWidth?: string\n  gap?: SpaceToken\n  /** Row gap, when it should differ from the column gap. */\n  rowGap?: SpaceToken\n  align?: CSSProperties['alignItems']\n}\n\n/**\n * Two-dimensional layout.\n *\n * `columns=\"auto\"` uses `repeat(auto-fill, minmax(min(N, 100%), 1fr))`. The inner `min()` is what\n * stops the grid overflowing on a phone: without it, a 16rem minimum on a 15rem-wide viewport\n * produces a track wider than the screen and a horizontal scrollbar.\n */\nexport const Grid = forwardRef(function Grid(\n  {\n    as: Component = 'div',\n    columns = 'auto',\n    minColumnWidth = '16rem',\n    gap = 4,\n    rowGap,\n    align,\n    className,\n    style,\n    ...rest\n  }: GridProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return (\n    <Component\n      ref={ref}\n      className={cx('ansh-grid', className)}\n      style={{\n        display: 'grid',\n        gridTemplateColumns:\n          columns === 'auto'\n            ? `repeat(auto-fill, minmax(min(${minColumnWidth}, 100%), 1fr))`\n            : `repeat(${columns}, minmax(0, 1fr))`,\n        gap: space(gap),\n        rowGap: space(rowGap),\n        alignItems: align,\n        ...style,\n      }}\n      {...rest}\n    />\n  )\n})\n\nexport interface GridItemProps extends BaseProps {\n  /** Columns to span. `'full'` spans the whole row. */\n  span?: number | 'full'\n  rowSpan?: number\n}\n\nexport const GridItem = forwardRef(function GridItem(\n  { as: Component = 'div', span, rowSpan, className, style, ...rest }: GridItemProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return (\n    <Component\n      ref={ref}\n      className={className}\n      style={{\n        gridColumn: span === 'full' ? '1 / -1' : span ? `span ${span} / span ${span}` : undefined,\n        gridRow: rowSpan ? `span ${rowSpan} / span ${rowSpan}` : undefined,\n        // `minWidth: 0` on every grid child. Without it a child containing a long unbroken string\n        // or a table refuses to shrink below its content width and blows out the track.\n        minWidth: 0,\n        ...style,\n      }}\n      {...rest}\n    />\n  )\n})\n\n// --- Container ------------------------------------------------------------\n\nexport interface ContainerProps extends BaseProps {\n  /** Max content width. Default `'lg'` (72rem). */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full'\n  /** Horizontal padding. Default `6`. */\n  padding?: SpaceToken\n}\n\nconst CONTAINER_WIDTH = {\n  sm: '40rem',\n  md: '56rem',\n  lg: '72rem',\n  xl: '90rem',\n  full: '100%',\n} as const\n\n/** Centred, width-constrained page content. */\nexport const Container = forwardRef(function Container(\n  { as: Component = 'div', size = 'lg', padding = 6, className, style, ...rest }: ContainerProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return (\n    <Component\n      ref={ref}\n      className={cx('ansh-container', className)}\n      style={{\n        width: '100%',\n        maxWidth: CONTAINER_WIDTH[size],\n        marginInline: 'auto',\n        paddingInline: space(padding),\n        ...style,\n      }}\n      {...rest}\n    />\n  )\n})\n\n// --- Divider --------------------------------------------------------------\n\nexport interface DividerProps extends Omit<BaseProps, 'children'> {\n  orientation?: 'horizontal' | 'vertical'\n  /** Optional label rendered in the middle of the rule. */\n  label?: ReactNode\n}\n\n/**\n * A rule.\n *\n * With a label it becomes a labelled separator — the \"or continue with\" divider on a sign-in form.\n * `role=\"separator\"` is set only when there's no label; with one, it's a heading-like element and\n * announcing it as a separator loses the text.\n */\nexport const Divider = forwardRef(function Divider(\n  { orientation = 'horizontal', label, className, ...rest }: DividerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  if (label) {\n    return (\n      <div\n        ref={ref}\n        className={cx('ansh-divider', 'ansh-divider--labelled', className)}\n        {...(rest as HTMLAttributes<HTMLDivElement>)}\n      >\n        <span className=\"ansh-divider__line\" />\n        <span className=\"ansh-divider__label\">{label}</span>\n        <span className=\"ansh-divider__line\" />\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={cx('ansh-divider', `ansh-divider--${orientation}`, className)}\n      {...(rest as HTMLAttributes<HTMLDivElement>)}\n    />\n  )\n})\n\n// --- Spacer ---------------------------------------------------------------\n\nexport interface SpacerProps {\n  size?: SpaceToken\n  /** Grow to absorb free space in a flex container. */\n  grow?: boolean\n}\n\n/** Explicit empty space. `grow` pushes siblings apart in a flex row. */\nexport function Spacer({ size, grow = false }: SpacerProps) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      style={{\n        display: 'block',\n        flexGrow: grow ? 1 : 0,\n        flexShrink: 0,\n        ...(size !== undefined ? { width: space(size), height: space(size) } : null),\n      }}\n    />\n  )\n}\n\n// --- Center ---------------------------------------------------------------\n\n/** Centre a child on both axes. */\nexport const Center = forwardRef(function Center(\n  { as: Component = 'div', className, style, ...rest }: BaseProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return (\n    <Component\n      ref={ref}\n      className={className}\n      style={{ display: 'grid', placeItems: 'center', ...style }}\n      {...rest}\n    />\n  )\n})\n\n// --- AspectRatio ----------------------------------------------------------\n\nexport interface AspectRatioProps extends BaseProps {\n  /** Width ÷ height. `16 / 9` reads better than `1.777`. Default `16 / 9`. */\n  ratio?: number\n}\n\n/**\n * Reserve space at a fixed aspect ratio.\n *\n * Uses the `aspect-ratio` property rather than the padding-top hack. The reserved space is what\n * matters: an image that loads without it shifts everything below, which is a Cumulative Layout\n * Shift penalty and the most common cause of a failing Core Web Vitals score.\n */\nexport const AspectRatio = forwardRef(function AspectRatio(\n  { as: Component = 'div', ratio = 16 / 9, className, style, ...rest }: AspectRatioProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return (\n    <Component\n      ref={ref}\n      className={cx('ansh-aspect', className)}\n      style={{ aspectRatio: String(ratio), ...style }}\n      {...rest}\n    />\n  )\n})\n\n// --- ScrollArea -----------------------------------------------------------\n\nexport interface ScrollAreaProps extends BaseProps {\n  /** Max height before scrolling starts. */\n  maxHeight?: string\n  axis?: 'y' | 'x' | 'both'\n  /** Fade the content at the scrollable edges. Default `true`. */\n  fade?: boolean\n}\n\n/**\n * A scroll container with styled scrollbars and edge fades.\n *\n * The native scrollbar is kept — a JavaScript-rendered one breaks keyboard scrolling, mobile\n * momentum, and the OS \"scroll bar is always visible\" accessibility setting. It is only *styled*,\n * via `scrollbar-width`/`scrollbar-color` with a `::-webkit-scrollbar` fallback.\n *\n * The edge fade is a mask that appears only when there is more content in that direction. It is\n * driven by `animation-timeline: scroll()` where supported, so it costs nothing on the main thread\n * and degrades to no fade where it isn't.\n */\nexport const ScrollArea = forwardRef(function ScrollArea(\n  {\n    as: Component = 'div',\n    maxHeight,\n    axis = 'y',\n    fade = true,\n    className,\n    style,\n    ...rest\n  }: ScrollAreaProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return (\n    <Component\n      ref={ref}\n      className={cx('ansh-scroll', fade && 'ansh-scroll--fade', className)}\n      data-axis={axis}\n      style={{\n        maxHeight,\n        overflowY: axis === 'x' ? 'hidden' : 'auto',\n        overflowX: axis === 'y' ? 'hidden' : 'auto',\n        ...style,\n      }}\n      {...rest}\n    />\n  )\n})\n","import { type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport { cx } from '../../primitives/compose'\nimport { useControllableState } from '../../primitives/use-controllable-state'\n\nexport interface ResizableProps {\n  /** Exactly two children: the two panes. */\n  children: [ReactNode, ReactNode]\n  direction?: 'horizontal' | 'vertical'\n  /** First pane's size as a percentage, `0`–`100`. Default `50`. */\n  defaultSize?: number\n  size?: number\n  onSizeChange?: (size: number) => void\n  /** Clamp, as percentages. Defaults `10` and `90`. */\n  minSize?: number\n  maxSize?: number\n  /** Snap points in percent, e.g. `[25, 50, 75]`. Within 3% the handle snaps. */\n  snapPoints?: readonly number[]\n  className?: string\n  /** Accessible name for the handle — \"Resize sidebar\", not \"Resize\". */\n  label?: string\n}\n\n/**\n * A two-pane split with a draggable divider.\n *\n * The layout every IDE, mail client and admin console needs, and the one most often shipped as\n * mouse-only. The handle here is a real `role=\"separator\"` with `aria-valuenow`, and arrow keys\n * move it in 2% steps — WAI-ARIA calls this a window splitter and it is a documented pattern, not\n * an invention.\n *\n * Sizes are percentages rather than pixels so the split survives a window resize proportionally.\n * Dragging writes to a CSS custom property directly, bypassing React: a re-render per pointer move\n * makes the drag feel heavy on a complex page, and the value is only committed to state on release.\n */\nexport function Resizable({\n  children,\n  direction = 'horizontal',\n  defaultSize = 50,\n  size,\n  onSizeChange,\n  minSize = 10,\n  maxSize = 90,\n  snapPoints,\n  className,\n  label = 'Resize panes',\n}: ResizableProps) {\n  const [value, setValue] = useControllableState<number>({\n    value: size,\n    defaultValue: defaultSize,\n    onChange: onSizeChange,\n  })\n\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const [dragging, setDragging] = useState(false)\n\n  const clamp = useCallback(\n    (next: number) => {\n      let result = Math.min(Math.max(next, minSize), maxSize)\n      if (snapPoints) {\n        for (const point of snapPoints) {\n          if (Math.abs(result - point) < 3) {\n            result = point\n            break\n          }\n        }\n      }\n      return result\n    },\n    [minSize, maxSize, snapPoints],\n  )\n\n  const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    const container = containerRef.current\n    if (!container) return\n\n    // Pointer capture keeps events coming to the handle even when the pointer outruns it, which\n    // it will — a fast drag easily leaves the 8px handle behind and the drag would otherwise stop\n    // dead mid-gesture.\n    event.currentTarget.setPointerCapture(event.pointerId)\n    setDragging(true)\n\n    let latest = value\n\n    const onMove = (moveEvent: PointerEvent) => {\n      const rect = container.getBoundingClientRect()\n      const fraction =\n        direction === 'horizontal'\n          ? (moveEvent.clientX - rect.left) / rect.width\n          : (moveEvent.clientY - rect.top) / rect.height\n\n      latest = clamp(fraction * 100)\n      // Written straight to the DOM. React state is updated once, on release.\n      container.style.setProperty('--ansh-split', `${latest}%`)\n    }\n\n    const onUp = () => {\n      setDragging(false)\n      setValue(latest)\n      window.removeEventListener('pointermove', onMove)\n      window.removeEventListener('pointerup', onUp)\n      window.removeEventListener('pointercancel', onUp)\n    }\n\n    window.addEventListener('pointermove', onMove)\n    window.addEventListener('pointerup', onUp)\n    window.addEventListener('pointercancel', onUp)\n  }\n\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    const step = event.shiftKey ? 10 : 2\n    const forward = direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown'\n    const backward = direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'\n\n    let next: number | null = null\n    if (event.key === forward) next = value + step\n    else if (event.key === backward) next = value - step\n    else if (event.key === 'Home') next = minSize\n    else if (event.key === 'End') next = maxSize\n    // Enter toggles between collapsed and the midpoint — the shortcut people expect from a\n    // collapsible sidebar, and the only way to fully collapse without a mouse.\n    else if (event.key === 'Enter') next = value <= minSize + 1 ? 50 : minSize\n\n    if (next === null) return\n    event.preventDefault()\n    setValue(clamp(next))\n  }\n\n  // Keep the custom property in sync when the value changes from outside a drag (controlled\n  // updates, keyboard steps). During a drag the pointer handler owns it.\n  useEffect(() => {\n    if (dragging) return\n    containerRef.current?.style.setProperty('--ansh-split', `${value}%`)\n  }, [value, dragging])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx(\n        'ansh-split',\n        `ansh-split--${direction}`,\n        dragging && 'ansh-split--dragging',\n        className,\n      )}\n      style={{ ['--ansh-split' as string]: `${value}%` }}\n    >\n      <div className=\"ansh-split__pane\">{children[0]}</div>\n\n      <div\n        role=\"separator\"\n        tabIndex={0}\n        aria-label={label}\n        aria-orientation={direction === 'horizontal' ? 'vertical' : 'horizontal'}\n        aria-valuenow={Math.round(value)}\n        aria-valuemin={minSize}\n        aria-valuemax={maxSize}\n        className=\"ansh-split__handle ansh-focusable\"\n        onPointerDown={onPointerDown}\n        onKeyDown={onKeyDown}\n        // Double-click resets to centre. Undocumented in the UI but universally expected, and\n        // harmless to discover by accident.\n        onDoubleClick={() => setValue(50)}\n      >\n        <span className=\"ansh-split__grip\" aria-hidden=\"true\" />\n      </div>\n\n      <div className=\"ansh-split__pane\">{children[1]}</div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-HO2YSF5O.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/primitives/slot.tsx","../src/primitives/focus.ts","../src/primitives/presence.tsx"],"names":["Slot","useRef","useEffect"],"mappings":"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","file":"chunk-HO2YSF5O.js","sourcesContent":["import {\n  Children,\n  type ReactElement,\n  type ReactNode,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from 'react'\nimport { mergeProps, mergeRefs } from './compose'\n\nexport interface SlotProps {\n  children?: ReactNode\n  [key: string]: unknown\n}\n\n/**\n * Render into the child element instead of rendering a wrapper.\n *\n * This is what powers `asChild`. Without it, a `<Tooltip.Trigger>` wrapping a `<Button>` emits a\n * `<span>` around the button — which breaks flex layouts, adds a node that inherits nothing, and\n * puts the trigger's ARIA attributes on the wrong element for assistive technology.\n *\n * ```tsx\n * <Tooltip.Trigger asChild>\n *   <Button>Save</Button>\n * </Tooltip.Trigger>\n * ```\n *\n * The button *is* the trigger: it carries `aria-describedby` and the handlers, and no extra DOM\n * node exists.\n */\nexport const Slot = forwardRef<HTMLElement, SlotProps>(function Slot(\n  { children, ...slotProps },\n  forwardedRef,\n) {\n  if (!isValidElement(children)) {\n    // A `Slot` with no element child renders nothing rather than throwing. Throwing here would\n    // turn a conditional child (`{loading ? null : <Button/>}`) into a crash.\n    return null\n  }\n\n  const child = children as ReactElement<Record<string, unknown>> & { ref?: React.Ref<HTMLElement> }\n\n  // React 19 exposes `ref` as a normal prop; React 18 keeps it on the element. Reading both keeps\n  // this working across the supported peer range without a version check.\n  const childRef = (child.props as { ref?: React.Ref<HTMLElement> }).ref ?? child.ref\n\n  return cloneElement(child, {\n    ...mergeProps(slotProps, child.props),\n    ref: mergeRefs(forwardedRef, childRef),\n  } as Record<string, unknown>)\n})\n\n/**\n * Pick between a host element and its child based on `asChild`.\n *\n * Every component in this library that accepts `asChild` uses this, so the behaviour is identical\n * across all of them rather than reimplemented with small differences.\n */\nexport function slotted(\n  asChild: boolean | undefined,\n  fallback: React.ElementType,\n): React.ElementType {\n  return asChild ? (Slot as unknown as React.ElementType) : fallback\n}\n\n/** Count element children, ignoring `null`/`false` from conditional rendering. */\nexport function countElements(children: ReactNode): number {\n  return Children.toArray(children).filter(isValidElement).length\n}\n","import { type RefObject, useEffect, useRef } from 'react'\n\n/**\n * Focus management for overlay surfaces.\n *\n * Three separate concerns that are usually conflated:\n *\n *  1. **Finding what can be focused.** Harder than it looks — `disabled`, `hidden`, `inert`,\n *     zero-size elements and negative tabindex all disqualify a node, and CSS-hidden ancestors\n *     disqualify their whole subtree.\n *  2. **Trapping.** Tab must cycle within the surface. Required by WCAG 2.4.3 for modals.\n *  3. **Restoring.** Focus must return to the trigger on close, or a keyboard user is dumped at the\n *     top of the document and has to navigate all the way back.\n */\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'audio[controls]',\n  'video[controls]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',')\n\n/** Is this element rendered and interactive right now? */\nfunction isVisible(element: HTMLElement): boolean {\n  // `offsetParent === null` catches `display: none` on the element or any ancestor, cheaply.\n  // `position: fixed` elements legitimately have a null offsetParent, so they are checked against\n  // their box instead.\n  if (element.hasAttribute('inert')) return false\n  if (element.offsetParent !== null) return true\n  const rect = element.getBoundingClientRect()\n  return rect.width > 0 || rect.height > 0\n}\n\n/** Every tabbable descendant, in tab order. */\nexport function getTabbable(container: HTMLElement | null): HTMLElement[] {\n  if (!container) return []\n  const nodes = Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR))\n  return nodes.filter((node) => {\n    if (node.getAttribute('aria-hidden') === 'true') return false\n    if (node.closest('[inert]')) return false\n    return isVisible(node)\n  })\n}\n\n/**\n * Trap Tab within a container while `active`.\n *\n * Implemented on `keydown` at the container rather than with sentinel elements at either end. The\n * sentinel approach adds two focusable nodes to the accessibility tree that screen readers can\n * land on and announce as blank; intercepting the key does not.\n */\nexport function useFocusTrap(ref: RefObject<HTMLElement | null>, active: boolean): void {\n  useEffect(() => {\n    if (!active) return\n    const container = ref.current\n    if (!container) return\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return\n\n      const tabbable = getTabbable(container)\n      if (tabbable.length === 0) {\n        // Nothing to move to — keep focus on the surface rather than letting it escape.\n        event.preventDefault()\n        return\n      }\n\n      const first = tabbable[0]!\n      const last = tabbable[tabbable.length - 1]!\n      const activeElement = document.activeElement as HTMLElement | null\n\n      // Focus may sit on the container itself (given `tabIndex={-1}` for the initial focus), in\n      // which case neither branch below matches and the default Tab lands on `first` naturally.\n      if (event.shiftKey && (activeElement === first || activeElement === container)) {\n        event.preventDefault()\n        last.focus()\n      } else if (!event.shiftKey && activeElement === last) {\n        event.preventDefault()\n        first.focus()\n      }\n    }\n\n    container.addEventListener('keydown', onKeyDown)\n    return () => container.removeEventListener('keydown', onKeyDown)\n  }, [ref, active])\n}\n\n/**\n * Restore focus to whatever was focused before `active` became true.\n *\n * The element is captured on activation, not on mount, because a component can be mounted long\n * before it opens.\n */\nexport function useFocusRestore(active: boolean): void {\n  const previousRef = useRef<HTMLElement | null>(null)\n\n  useEffect(() => {\n    if (!active) return\n    previousRef.current = document.activeElement as HTMLElement | null\n\n    return () => {\n      const previous = previousRef.current\n      // Guard against restoring to a node that has since been removed from the document —\n      // focusing a detached element silently moves focus to `<body>`, losing the user's place.\n      if (previous && previous.isConnected) previous.focus?.({ preventScroll: true })\n    }\n  }, [active])\n}\n\n/**\n * Move focus into a surface when it opens.\n *\n * Prefers an explicitly marked element, then the first tabbable one, then the container itself.\n * The container fallback matters for a dialog whose only content is text: focus must land inside\n * it so a screen reader announces the dialog rather than continuing from the page behind.\n */\nexport function useAutoFocus(\n  ref: RefObject<HTMLElement | null>,\n  active: boolean,\n  initialFocus?: RefObject<HTMLElement | null>,\n): void {\n  useEffect(() => {\n    if (!active) return\n    const container = ref.current\n    if (!container) return\n\n    // After paint: the surface may still be animating in, and focusing a node with\n    // `visibility: hidden` is a no-op that silently leaves focus on the body.\n    const frame = requestAnimationFrame(() => {\n      const explicit = initialFocus?.current\n      if (explicit?.isConnected) {\n        explicit.focus({ preventScroll: true })\n        return\n      }\n      const target = getTabbable(container)[0] ?? container\n      target.focus({ preventScroll: true })\n    })\n\n    return () => cancelAnimationFrame(frame)\n  }, [ref, active, initialFocus])\n}\n\n/**\n * Roving tabindex for a composite widget (toolbar, tab list, menu).\n *\n * The ARIA authoring practice: a composite has exactly **one** tab stop, and arrow keys move\n * within it. Ten tabs that are each a tab stop means a keyboard user presses Tab ten times to get\n * past the tab bar — technically operable, practically hostile.\n */\nexport function useRovingFocus(options: {\n  /** Items in DOM order. */\n  itemsRef: RefObject<Array<HTMLElement | null>>\n  /** Index that currently owns the tab stop. */\n  active: number\n  onActiveChange: (index: number) => void\n  orientation?: 'horizontal' | 'vertical' | 'both'\n  loop?: boolean\n}): (event: React.KeyboardEvent) => void {\n  const { itemsRef, active, onActiveChange, orientation = 'horizontal', loop = true } = options\n\n  return (event: React.KeyboardEvent) => {\n    const items = (itemsRef.current ?? []).filter((item): item is HTMLElement => item !== null)\n    if (items.length === 0) return\n\n    const horizontal = orientation === 'horizontal' || orientation === 'both'\n    const vertical = orientation === 'vertical' || orientation === 'both'\n\n    let next = active\n    switch (event.key) {\n      case 'ArrowRight':\n        if (!horizontal) return\n        next = active + 1\n        break\n      case 'ArrowLeft':\n        if (!horizontal) return\n        next = active - 1\n        break\n      case 'ArrowDown':\n        if (!vertical) return\n        next = active + 1\n        break\n      case 'ArrowUp':\n        if (!vertical) return\n        next = active - 1\n        break\n      case 'Home':\n        next = 0\n        break\n      case 'End':\n        next = items.length - 1\n        break\n      default:\n        return\n    }\n\n    event.preventDefault()\n\n    if (next < 0) next = loop ? items.length - 1 : 0\n    if (next >= items.length) next = loop ? 0 : items.length - 1\n\n    onActiveChange(next)\n    items[next]?.focus()\n  }\n}\n","import { type ReactNode, type RefObject, useEffect, useRef, useState } from 'react'\nimport { prefersReducedMotion } from '@ansh-ui/core'\n\n/**\n * Keep an element mounted while it animates out.\n *\n * The problem: `{open && <Dialog />}` cannot animate on close, because React removes the node the\n * instant `open` flips. The fix is to keep rendering it and unmount when the exit animation\n * actually finishes.\n *\n * Finishing is detected from `animationend`/`transitionend` rather than a duration prop. A duration\n * prop has to be kept in sync with the CSS by hand, and it drifts the moment someone retimes the\n * animation in the stylesheet — leaving either a flash (unmount too early) or a surface that lingers\n * invisibly and swallows clicks (too late). The timeout below is only a safety net for the case\n * where no animation is declared at all and no event ever fires.\n */\nexport function usePresence(\n  open: boolean,\n  ref: RefObject<HTMLElement | null>,\n): { mounted: boolean; state: 'open' | 'closed' } {\n  const [mounted, setMounted] = useState(open)\n  const [state, setState] = useState<'open' | 'closed'>(open ? 'open' : 'closed')\n\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n  useEffect(() => {\n    if (open) {\n      clearTimeout(timeoutRef.current)\n      setMounted(true)\n      // Next frame, so the element mounts in its closed state and *then* transitions. Setting\n      // both in the same commit means the browser never sees the start state and no transition\n      // runs — the classic \"enter animation doesn't play\" bug.\n      const frame = requestAnimationFrame(() => setState('open'))\n      return () => cancelAnimationFrame(frame)\n    }\n\n    if (!mounted) return\n\n    setState('closed')\n\n    const node = ref.current\n    if (!node || prefersReducedMotion()) {\n      setMounted(false)\n      return\n    }\n\n    // Only the element's *own* animations count. A child's animation ending would unmount the\n    // surface while it is still fading.\n    const onEnd = (event: AnimationEvent | TransitionEvent) => {\n      if (event.target !== node) return\n      setMounted(false)\n    }\n\n    node.addEventListener('animationend', onEnd)\n    node.addEventListener('transitionend', onEnd)\n\n    // Safety net: if no animation is declared, neither event ever fires and the surface would\n    // stay mounted forever, invisible and intercepting pointer events.\n    timeoutRef.current = setTimeout(() => setMounted(false), 400)\n\n    return () => {\n      node.removeEventListener('animationend', onEnd)\n      node.removeEventListener('transitionend', onEnd)\n      clearTimeout(timeoutRef.current)\n    }\n  }, [open, mounted, ref])\n\n  return { mounted, state }\n}\n\nexport interface PresenceProps {\n  open: boolean\n  children: (props: { ref: RefObject<HTMLElement | null>; state: 'open' | 'closed' }) => ReactNode\n}\n\n/**\n * Render-prop form of `usePresence`, for callers that would otherwise need to hoist a ref.\n *\n * ```tsx\n * <Presence open={open}>\n *   {({ ref, state }) => <div ref={ref} data-state={state} className=\"fade\" />}\n * </Presence>\n * ```\n */\nexport function Presence({ open, children }: PresenceProps) {\n  const ref = useRef<HTMLElement | null>(null)\n  const { mounted, state } = usePresence(open, ref)\n  if (!mounted) return null\n  return <>{children({ ref, state })}</>\n}\n"]}

package/dist/chunk-IBXLC5IE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-observers.ts"],"names":[],"mappings":"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","file":"chunk-IBXLC5IE.js","sourcesContent":["import { type RefObject, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  type BudgetReport,\n  type FrameState,\n  type PointerState,\n  type ScrollProgress,\n  type ScrollTrackOptions,\n  getTicker,\n  observeIntersection,\n  observeResize,\n  onReducedMotionChange,\n  trackContainerScroll,\n  trackPointer,\n  trackScroll,\n} from '@ansh-ui/core'\n\n/**\n * Subscribe to the shared ticker.\n *\n * The callback is held in a ref and never re-subscribes, so a component that closes over changing\n * props doesn't tear down and rebuild its subscription on every render. That matters: resubscribing\n * changes execution order within the phase, which can visibly reorder dependent animations.\n */\nexport function useTicker(\n  callback: (state: FrameState) => void,\n  options: {\n    phase?: 'read' | 'compute' | 'write' | 'post'\n    priority?: number\n    enabled?: boolean\n  } = {},\n): void {\n  const callbackRef = useRef(callback)\n  callbackRef.current = callback\n\n  const { phase = 'write', priority = 0, enabled = true } = options\n\n  useEffect(() => {\n    if (!enabled) return\n    const ticker = getTicker()\n    return ticker.add((state) => callbackRef.current(state), { phase, priority, name: 'useTicker' })\n  }, [phase, priority, enabled])\n}\n\nexport interface InViewOptions {\n  /** Fraction visible before triggering, in `[0, 1]`. Default `0`. */\n  threshold?: number\n  /** Extra margin around the root. Default `'0px'`. */\n  rootMargin?: string\n  /** Stop observing after the first intersection. Default `false`. */\n  once?: boolean\n  root?: Element | null\n}\n\n/**\n * Is the element in the viewport?\n *\n * Uses the pooled observer, so a page with 200 scroll-revealed elements creates one\n * `IntersectionObserver` rather than 200.\n */\nexport function useInView<El extends Element = HTMLDivElement>(\n  options: InViewOptions = {},\n): [RefObject<El | null>, boolean] {\n  const ref = useRef<El | null>(null)\n  const [inView, setInView] = useState(false)\n\n  const { threshold = 0, rootMargin = '0px', once = false, root = null } = options\n\n  useEffect(() => {\n    const element = ref.current\n    if (!element) return\n\n    let released = false\n    const stop = observeIntersection(\n      element,\n      (entry) => {\n        setInView(entry.isIntersecting)\n        if (entry.isIntersecting && once && !released) {\n          released = true\n          // Release inside a microtask: unsubscribing from within the observer callback would\n          // mutate the pool's callback set while it is being iterated.\n          queueMicrotask(() => stop())\n        }\n      },\n      { threshold, rootMargin, root },\n    )\n\n    return () => {\n      released = true\n      stop()\n    }\n  }, [threshold, rootMargin, once, root])\n\n  return [ref, inView]\n}\n\n/**\n * Track an element's size.\n *\n * Returns state rather than a MotionValue because size changes at interaction rate, not frame\n * rate, so a re-render per change is appropriate and far more ergonomic.\n */\nexport function useElementSize<El extends Element = HTMLDivElement>(): [\n  RefObject<El | null>,\n  { width: number; height: number },\n] {\n  const ref = useRef<El | null>(null)\n  const [size, setSize] = useState({ width: 0, height: 0 })\n\n  useEffect(() => {\n    const element = ref.current\n    if (!element) return\n    return observeResize(element, ({ width, height }) => {\n      // Guard against redundant renders: ResizeObserver fires on sub-pixel changes during\n      // animation, and setting identical state still costs a render pass in React 18.\n      setSize((previous) =>\n        previous.width === width && previous.height === height ? previous : { width, height },\n      )\n    })\n  }, [])\n\n  return [ref, size]\n}\n\n/**\n * Track an element's scroll progress through the viewport.\n *\n * The returned progress is a **ref**, not state, deliberately — scroll progress changes every\n * frame, and rendering on each change would make scrolling janky. Read `progress.current` inside a\n * `useTicker` callback, or pass the `onChange` callback and write to the DOM directly.\n */\nexport function useScrollProgress<El extends HTMLElement = HTMLDivElement>(\n  options: ScrollTrackOptions & { onChange?: (progress: ScrollProgress) => void } = {},\n): [RefObject<El | null>, RefObject<ScrollProgress>] {\n  const ref = useRef<El | null>(null)\n  const progressRef = useRef<ScrollProgress>({\n    progress: 0,\n    velocity: 0,\n    scroll: 0,\n    direction: 0,\n    inView: false,\n  })\n\n  const onChangeRef = useRef(options.onChange)\n  onChangeRef.current = options.onChange\n\n  const { axis = 'y', container = null } = options\n  const offsetKey = JSON.stringify(options.offset ?? null)\n\n  useEffect(() => {\n    const element = ref.current\n    if (!element) return\n\n    return trackScroll(\n      element,\n      (progress) => {\n        progressRef.current = progress\n        onChangeRef.current?.(progress)\n      },\n      {\n        axis,\n        container,\n        ...(options.offset ? { offset: options.offset } : {}),\n      },\n    )\n    // `offsetKey` stands in for the offset object, which is usually an inline literal and would\n    // otherwise change identity on every render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [axis, container, offsetKey])\n\n  return [ref, progressRef]\n}\n\n/** Track the window's (or a container's) overall scroll progress. */\nexport function useWindowScroll(\n  onChange?: (info: { progress: number; scroll: number; velocity: number; max: number }) => void,\n  options: { axis?: 'y' | 'x'; container?: HTMLElement | null } = {},\n): RefObject<{ progress: number; scroll: number; velocity: number; max: number }> {\n  const stateRef = useRef({ progress: 0, scroll: 0, velocity: 0, max: 1 })\n  const onChangeRef = useRef(onChange)\n  onChangeRef.current = onChange\n\n  const { axis = 'y', container = null } = options\n\n  useEffect(\n    () =>\n      trackContainerScroll(\n        (info) => {\n          stateRef.current = info\n          onChangeRef.current?.(info)\n        },\n        { axis, container },\n      ),\n    [axis, container],\n  )\n\n  return stateRef\n}\n\n/**\n * Track pointer position over an element.\n *\n * Returns a ref to the live state object, which is mutated in place by the tracker. Reading it\n * inside a `useTicker` callback is the intended use; it deliberately does not trigger renders.\n */\nexport function usePointer<El extends HTMLElement = HTMLDivElement>(\n  options: { smoothing?: number; trackOutside?: boolean; enabled?: boolean } = {},\n): [RefObject<El | null>, RefObject<Readonly<PointerState> | null>] {\n  const ref = useRef<El | null>(null)\n  const stateRef = useRef<Readonly<PointerState> | null>(null)\n\n  const { smoothing, trackOutside = false, enabled = true } = options\n\n  useEffect(() => {\n    const element = ref.current\n    if (!element || !enabled) return\n\n    const tracker = trackPointer(element, {\n      ...(smoothing !== undefined ? { smoothing } : {}),\n      trackOutside,\n    })\n    stateRef.current = tracker.state\n\n    return () => {\n      tracker.destroy()\n      stateRef.current = null\n    }\n  }, [smoothing, trackOutside, enabled])\n\n  return [ref, stateRef]\n}\n\n/**\n * Does the user prefer reduced motion?\n *\n * Returns `false` during SSR and on the first client render, then updates. That ordering is\n * deliberate: returning the real value during SSR is impossible (the server cannot know), and\n * returning it on the first client render would be a hydration mismatch.\n */\nexport function useReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(false)\n  useEffect(() => onReducedMotionChange(setReduced), [])\n  return reduced\n}\n\n/**\n * Live frame-budget telemetry — FPS, frame cost percentiles, and the adaptive quality scalar.\n *\n * Intended for a development overlay. Subscribing causes a re-render every frame, so this must not\n * ship in production render paths; the `enabled` flag exists so it can be gated on `NODE_ENV`.\n */\nexport function useFrameBudget(enabled = true): BudgetReport | null {\n  const [report, setReport] = useState<BudgetReport | null>(null)\n\n  useEffect(() => {\n    if (!enabled) return\n    const ticker = getTicker()\n    // Sample at ~4 Hz rather than per frame. A number that changes 60 times a second is\n    // unreadable, and rendering it 60 times a second distorts the very measurement being shown.\n    let last = 0\n    return ticker.onBudget((next) => {\n      const now = performance.now()\n      if (now - last < 250) return\n      last = now\n      setReport(next)\n    })\n  }, [enabled])\n\n  return report\n}\n\n/** Merge several refs into one callback ref, for components that both forward and use a ref. */\nexport function useMergedRef<T>(\n  ...refs: Array<React.Ref<T> | undefined | null>\n): (node: T | null) => void {\n  return useCallback((node: T | null) => {\n    for (const ref of refs) {\n      if (!ref) continue\n      if (typeof ref === 'function') ref(node)\n      else (ref as React.MutableRefObject<T | null>).current = node\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, refs)\n}\n"]}