@mantine/hooks 9.0.0-alpha.6 → 9.0.0

package/esm/use-splitter/use-splitter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-splitter.mjs","names":[],"sources":["../../src/use-splitter/use-splitter.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nimport { useCallback, useRef, useState } from 'react';\nimport { useUncontrolled } from '../use-uncontrolled/use-uncontrolled';\n\nexport interface UseSplitterPanel {\n  /** Initial size as percentage (0-100). All panels must sum to 100. */\n  defaultSize: number;\n  /** Minimum size percentage, `0` by default */\n  min?: number;\n  /** Maximum size percentage, `100` by default */\n  max?: number;\n  /** Whether this panel can be collapsed, `false` by default */\n  collapsible?: boolean;\n  /** Size below which the panel snaps to collapsed (percentage), defaults to `min` */\n  collapseThreshold?: number;\n}\n\nexport interface UseSplitterRedistributeInput {\n  /** Current sizes before applying delta */\n  sizes: number[];\n  /** Panel configurations */\n  panels: UseSplitterPanel[];\n  /** Index of the handle being dragged */\n  handleIndex: number;\n  /** Requested size change in percentage (positive = grow before-panel) */\n  delta: number;\n}\n\nexport type UseSplitterRedistributeFn = (input: UseSplitterRedistributeInput) => number[];\n\nexport interface UseSplitterOptions {\n  /** Panel configuration array (minimum 2 panels) */\n  panels: UseSplitterPanel[];\n  /** Layout direction, `'horizontal'` by default */\n  orientation?: 'horizontal' | 'vertical';\n  /** Controlled sizes (percentages summing to 100) */\n  sizes?: number[];\n  /** Called during resize with updated sizes */\n  onSizeChange?: (sizes: number[]) => void;\n  /** Called when drag starts */\n  onResizeStart?: (handleIndex: number) => void;\n  /** Called when drag ends */\n  onResizeEnd?: (handleIndex: number, sizes: number[]) => void;\n  /** Called when a panel collapses or expands */\n  onCollapseChange?: (panelIndex: number, collapsed: boolean) => void;\n  /** How to borrow space from non-adjacent panels when the immediate neighbor is at its min/max.\n   * `'nearest'` takes from the nearest panel in the drag direction first.\n   * `'equal'` distributes equally among all panels in the drag direction.\n   * A function receives sizes, panels, handleIndex and delta, and returns new sizes.\n   * When not set, only the two adjacent panels are affected. */\n  redistribute?: 'nearest' | 'equal' | UseSplitterRedistributeFn;\n  /** Keyboard step size in percentage, `1` by default */\n  step?: number;\n  /** Shift+arrow step size in percentage, `10` by default */\n  shiftStep?: number;\n  /** Text direction for keyboard nav, `'ltr'` by default */\n  dir?: 'ltr' | 'rtl';\n  /** Enable/disable the hook, `true` by default */\n  enabled?: boolean;\n}\n\nexport interface UseSplitterReturnValue<T extends HTMLElement = any> {\n  /** Ref callback for the container element */\n  ref: React.RefCallback<T | null>;\n  /** Current panel sizes as percentages */\n  sizes: number[];\n  /** Which panels are currently collapsed */\n  collapsed: boolean[];\n  /** Index of handle being dragged, or -1 */\n  activeHandle: number;\n  /** Get props to spread on each resize handle */\n  getHandleProps: (input: { index: number }) => {\n    ref: React.RefCallback<HTMLElement>;\n    role: 'separator';\n    'aria-orientation': 'horizontal' | 'vertical';\n    'aria-valuenow': number;\n    'aria-valuemin': number;\n    'aria-valuemax': number;\n    tabIndex: number;\n    onKeyDown: React.KeyboardEventHandler;\n    'data-active': boolean | undefined;\n    'data-orientation': 'horizontal' | 'vertical';\n  };\n  /** Programmatically set sizes */\n  setSizes: (sizes: number[]) => void;\n  /** Collapse a panel */\n  collapse: (panelIndex: number) => void;\n  /** Expand a collapsed panel */\n  expand: (panelIndex: number) => void;\n  /** Toggle collapse of a panel */\n  toggleCollapse: (panelIndex: number) => void;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction getMin(panel: UseSplitterPanel): number {\n  return panel.min ?? 0;\n}\n\nfunction getMax(panel: UseSplitterPanel): number {\n  return panel.max ?? 100;\n}\n\nfunction getCollapseThreshold(panel: UseSplitterPanel): number {\n  return panel.collapseThreshold ?? getMin(panel);\n}\n\ninterface SplitterInternalState {\n  isDragging: boolean;\n  handleIndex: number;\n  startPointer: number;\n  containerSize: number;\n  startSizes: number[];\n  preCollapseSizes: number[];\n}\n\nfunction createInitialInternalState(): SplitterInternalState {\n  return {\n    isDragging: false,\n    handleIndex: -1,\n    startPointer: 0,\n    containerSize: 0,\n    startSizes: [],\n    preCollapseSizes: [],\n  };\n}\n\nfunction checkCollapse(\n  sizes: number[],\n  panels: UseSplitterPanel[],\n  handleIndex: number,\n  delta: number\n): number[] | null {\n  const beforeIdx = handleIndex;\n  const afterIdx = handleIndex + 1;\n  const beforePanel = panels[beforeIdx];\n  const afterPanel = panels[afterIdx];\n\n  const rawBefore = sizes[beforeIdx] + delta;\n  const rawAfter = sizes[afterIdx] - delta;\n\n  if (\n    beforePanel.collapsible &&\n    rawBefore < getCollapseThreshold(beforePanel) &&\n    rawBefore < sizes[beforeIdx]\n  ) {\n    const result = [...sizes];\n    result[afterIdx] += result[beforeIdx];\n    result[beforeIdx] = 0;\n    return result;\n  }\n\n  if (\n    afterPanel.collapsible &&\n    rawAfter < getCollapseThreshold(afterPanel) &&\n    rawAfter < sizes[afterIdx]\n  ) {\n    const result = [...sizes];\n    result[beforeIdx] += result[afterIdx];\n    result[afterIdx] = 0;\n    return result;\n  }\n\n  return null;\n}\n\nfunction applyAdjacentOnly(\n  sizes: number[],\n  panels: UseSplitterPanel[],\n  handleIndex: number,\n  delta: number\n): number[] {\n  const result = [...sizes];\n  const beforeIdx = handleIndex;\n  const afterIdx = handleIndex + 1;\n\n  const total = result[beforeIdx] + result[afterIdx];\n  const effectiveBeforeMax = Math.min(getMax(panels[beforeIdx]), total - getMin(panels[afterIdx]));\n  const effectiveBeforeMin = Math.max(getMin(panels[beforeIdx]), total - getMax(panels[afterIdx]));\n  const newBefore = clamp(result[beforeIdx] + delta, effectiveBeforeMin, effectiveBeforeMax);\n  result[beforeIdx] = newBefore;\n  result[afterIdx] = total - newBefore;\n  return result;\n}\n\nfunction redistributeNearest(\n  sizes: number[],\n  panels: UseSplitterPanel[],\n  handleIndex: number,\n  delta: number\n): number[] {\n  const result = [...sizes];\n\n  if (delta > 0) {\n    const growIdx = handleIndex;\n    const maxGrow = getMax(panels[growIdx]) - result[growIdx];\n    const wantedGrow = Math.min(delta, maxGrow);\n\n    let taken = 0;\n    for (let i = handleIndex + 1; i < result.length && taken < wantedGrow; i += 1) {\n      const canGive = result[i] - getMin(panels[i]);\n      const take = Math.min(canGive, wantedGrow - taken);\n      result[i] -= take;\n      taken += take;\n    }\n\n    result[growIdx] += taken;\n  } else if (delta < 0) {\n    const growIdx = handleIndex + 1;\n    const maxGrow = getMax(panels[growIdx]) - result[growIdx];\n    const wantedGrow = Math.min(Math.abs(delta), maxGrow);\n\n    let taken = 0;\n    for (let i = handleIndex; i >= 0 && taken < wantedGrow; i -= 1) {\n      const canGive = result[i] - getMin(panels[i]);\n      const take = Math.min(canGive, wantedGrow - taken);\n      result[i] -= take;\n      taken += take;\n    }\n\n    result[growIdx] += taken;\n  }\n\n  return result;\n}\n\nfunction redistributeEqual(\n  sizes: number[],\n  panels: UseSplitterPanel[],\n  handleIndex: number,\n  delta: number\n): number[] {\n  const result = [...sizes];\n\n  if (delta > 0) {\n    const growIdx = handleIndex;\n    const maxGrow = getMax(panels[growIdx]) - result[growIdx];\n    const wantedGrow = Math.min(delta, maxGrow);\n\n    const donors: number[] = [];\n    for (let i = handleIndex + 1; i < result.length; i += 1) {\n      if (result[i] > getMin(panels[i])) {\n        donors.push(i);\n      }\n    }\n\n    let remaining = wantedGrow;\n    while (remaining > 0.001 && donors.length > 0) {\n      const perDonor = remaining / donors.length;\n      const exhausted: number[] = [];\n\n      for (let d = 0; d < donors.length; d += 1) {\n        const idx = donors[d];\n        const canGive = result[idx] - getMin(panels[idx]);\n        const take = Math.min(canGive, perDonor);\n        result[idx] -= take;\n        remaining -= take;\n        if (canGive <= perDonor + 0.001) {\n          exhausted.push(d);\n        }\n      }\n\n      for (let i = exhausted.length - 1; i >= 0; i -= 1) {\n        donors.splice(exhausted[i], 1);\n      }\n\n      if (exhausted.length === 0) {\n        break;\n      }\n    }\n\n    result[growIdx] += wantedGrow - remaining;\n  } else if (delta < 0) {\n    const growIdx = handleIndex + 1;\n    const maxGrow = getMax(panels[growIdx]) - result[growIdx];\n    const wantedGrow = Math.min(Math.abs(delta), maxGrow);\n\n    const donors: number[] = [];\n    for (let i = handleIndex; i >= 0; i -= 1) {\n      if (result[i] > getMin(panels[i])) {\n        donors.push(i);\n      }\n    }\n\n    let remaining = wantedGrow;\n    while (remaining > 0.001 && donors.length > 0) {\n      const perDonor = remaining / donors.length;\n      const exhausted: number[] = [];\n\n      for (let d = 0; d < donors.length; d += 1) {\n        const idx = donors[d];\n        const canGive = result[idx] - getMin(panels[idx]);\n        const take = Math.min(canGive, perDonor);\n        result[idx] -= take;\n        remaining -= take;\n        if (canGive <= perDonor + 0.001) {\n          exhausted.push(d);\n        }\n      }\n\n      for (let i = exhausted.length - 1; i >= 0; i -= 1) {\n        donors.splice(exhausted[i], 1);\n      }\n\n      if (exhausted.length === 0) {\n        break;\n      }\n    }\n\n    result[growIdx] += wantedGrow - remaining;\n  }\n\n  return result;\n}\n\nfunction applyConstraints(\n  sizes: number[],\n  panels: UseSplitterPanel[],\n  handleIndex: number,\n  delta: number,\n  redistribute?: 'nearest' | 'equal' | UseSplitterRedistributeFn\n): number[] {\n  if (typeof redistribute === 'function') {\n    return redistribute({ sizes: [...sizes], panels, handleIndex, delta });\n  }\n\n  if (redistribute === 'nearest' || redistribute === 'equal') {\n    const strategy = redistribute === 'nearest' ? redistributeNearest : redistributeEqual;\n    const result = strategy(sizes, panels, handleIndex, delta);\n\n    const beforeIdx = handleIndex;\n    const afterIdx = handleIndex + 1;\n    const beforePanel = panels[beforeIdx];\n    const afterPanel = panels[afterIdx];\n\n    if (\n      beforePanel.collapsible &&\n      result[beforeIdx] < getCollapseThreshold(beforePanel) &&\n      result[beforeIdx] < sizes[beforeIdx]\n    ) {\n      const freed = result[beforeIdx];\n      result[afterIdx] += freed;\n      result[beforeIdx] = 0;\n    } else if (\n      afterPanel.collapsible &&\n      result[afterIdx] < getCollapseThreshold(afterPanel) &&\n      result[afterIdx] < sizes[afterIdx]\n    ) {\n      const freed = result[afterIdx];\n      result[beforeIdx] += freed;\n      result[afterIdx] = 0;\n    }\n\n    return result;\n  }\n\n  const collapsed = checkCollapse(sizes, panels, handleIndex, delta);\n  if (collapsed) {\n    return collapsed;\n  }\n\n  return applyAdjacentOnly(sizes, panels, handleIndex, delta);\n}\n\nexport function useSplitter<T extends HTMLElement = any>(\n  options: UseSplitterOptions\n): UseSplitterReturnValue<T> {\n  const {\n    panels,\n    orientation = 'horizontal',\n    sizes: controlledSizes,\n    onSizeChange,\n    onCollapseChange,\n    redistribute,\n    step = 1,\n    shiftStep = 10,\n    dir = 'ltr',\n    enabled = true,\n  } = options;\n\n  const defaultSizes = panels.map((p) => p.defaultSize);\n\n  const [currentSizes, setCurrentSizes] = useUncontrolled({\n    value: controlledSizes,\n    defaultValue: defaultSizes,\n    finalValue: defaultSizes,\n    onChange: onSizeChange,\n  });\n\n  const [activeHandle, setActiveHandle] = useState(-1);\n\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n\n  const internalStateRef = useRef<SplitterInternalState>(createInitialInternalState());\n  const containerRef = useRef<T | null>(null);\n  const documentControllerRef = useRef<AbortController | null>(null);\n  const frameRef = useRef(0);\n  const currentSizesRef = useRef(currentSizes);\n  currentSizesRef.current = currentSizes;\n\n  const preCollapseSizesRef = useRef<number[]>(defaultSizes);\n\n  const collapsed = currentSizes.map((size) => size === 0);\n\n  const updateSizes = useCallback(\n    (newSizes: number[]) => {\n      currentSizesRef.current = newSizes;\n      setCurrentSizes(newSizes);\n    },\n    [setCurrentSizes]\n  );\n\n  const collapsePanel = useCallback(\n    (panelIndex: number) => {\n      if (!panels[panelIndex]?.collapsible) {\n        return;\n      }\n      const sizes = currentSizesRef.current;\n      if (sizes[panelIndex] === 0) {\n        return;\n      }\n\n      preCollapseSizesRef.current = [...sizes];\n      const newSizes = [...sizes];\n      const freedSize = newSizes[panelIndex];\n      newSizes[panelIndex] = 0;\n\n      const neighbor = panelIndex === 0 ? 1 : panelIndex - 1;\n      newSizes[neighbor] += freedSize;\n\n      updateSizes(newSizes);\n      onCollapseChange?.(panelIndex, true);\n    },\n    [panels, updateSizes, onCollapseChange]\n  );\n\n  const expandPanel = useCallback(\n    (panelIndex: number) => {\n      if (!panels[panelIndex]?.collapsible) {\n        return;\n      }\n      const sizes = currentSizesRef.current;\n      if (sizes[panelIndex] !== 0) {\n        return;\n      }\n\n      const preCollapse = preCollapseSizesRef.current;\n      const restoreSize = preCollapse[panelIndex] || panels[panelIndex].defaultSize;\n      const newSizes = [...sizes];\n\n      const neighbor = panelIndex === 0 ? 1 : panelIndex - 1;\n      const available = newSizes[neighbor] - getMin(panels[neighbor]);\n      const actualRestore = Math.min(restoreSize, available);\n\n      newSizes[panelIndex] = actualRestore;\n      newSizes[neighbor] -= actualRestore;\n\n      updateSizes(newSizes);\n      onCollapseChange?.(panelIndex, false);\n    },\n    [panels, updateSizes, onCollapseChange]\n  );\n\n  const toggleCollapsePanel = useCallback(\n    (panelIndex: number) => {\n      if (currentSizesRef.current[panelIndex] === 0) {\n        expandPanel(panelIndex);\n      } else {\n        collapsePanel(panelIndex);\n      }\n    },\n    [collapsePanel, expandPanel]\n  );\n\n  const containerRefCallback: React.RefCallback<T | null> = useCallback((node) => {\n    containerRef.current = node;\n  }, []);\n\n  const handleRefCallbacks = useRef<Map<number, (node: HTMLElement | null) => void>>(new Map());\n  const handleElementControllers = useRef<Map<number, AbortController>>(new Map());\n\n  const getHandleRefCallback = useCallback(\n    (handleIndex: number): React.RefCallback<HTMLElement> => {\n      if (handleRefCallbacks.current.has(handleIndex)) {\n        return handleRefCallbacks.current.get(handleIndex)!;\n      }\n\n      const callback = (node: HTMLElement | null) => {\n        const existingController = handleElementControllers.current.get(handleIndex);\n        if (existingController) {\n          existingController.abort();\n          handleElementControllers.current.delete(handleIndex);\n        }\n\n        if (!node) {\n          return;\n        }\n\n        const elementController = new AbortController();\n        handleElementControllers.current.set(handleIndex, elementController);\n\n        const onPointerDown = (event: PointerEvent) => {\n          if (optionsRef.current.enabled === false) {\n            return;\n          }\n          if (event.button !== 0) {\n            return;\n          }\n\n          const container = containerRef.current;\n          if (!container) {\n            return;\n          }\n\n          const rect = container.getBoundingClientRect();\n          const isHorizontal = (optionsRef.current.orientation ?? 'horizontal') === 'horizontal';\n          const containerSize = isHorizontal ? rect.width : rect.height;\n          const pointerPos = isHorizontal ? event.clientX : event.clientY;\n\n          const s = internalStateRef.current;\n          s.isDragging = true;\n          s.handleIndex = handleIndex;\n          s.startPointer = pointerPos;\n          s.containerSize = containerSize;\n          s.startSizes = [...currentSizesRef.current];\n          s.preCollapseSizes = [...preCollapseSizesRef.current];\n\n          setActiveHandle(handleIndex);\n          document.body.style.userSelect = 'none';\n          document.body.style.webkitUserSelect = 'none';\n          document.body.style.cursor = isHorizontal ? 'col-resize' : 'row-resize';\n\n          optionsRef.current.onResizeStart?.(handleIndex);\n\n          documentControllerRef.current?.abort();\n          documentControllerRef.current = new AbortController();\n          const sig = documentControllerRef.current.signal;\n\n          document.addEventListener('pointermove', onPointerMove, { signal: sig });\n          document.addEventListener('pointerup', onPointerUp, { signal: sig });\n          document.addEventListener('pointercancel', onPointerUp, { signal: sig });\n        };\n\n        const flushResize = (pointerEvent: PointerEvent) => {\n          const s = internalStateRef.current;\n          const isHorizontal = (optionsRef.current.orientation ?? 'horizontal') === 'horizontal';\n          const pointerPos = isHorizontal ? pointerEvent.clientX : pointerEvent.clientY;\n          const pixelDelta = pointerPos - s.startPointer;\n          const percentDelta = (pixelDelta / s.containerSize) * 100;\n\n          const opts = optionsRef.current;\n          const newSizes = applyConstraints(\n            s.startSizes,\n            opts.panels,\n            s.handleIndex,\n            percentDelta,\n            opts.redistribute\n          );\n\n          const prevSizes = currentSizesRef.current;\n          const beforeWasCollapsed = prevSizes[s.handleIndex] === 0;\n          const afterWasCollapsed = prevSizes[s.handleIndex + 1] === 0;\n          const beforeNowCollapsed = newSizes[s.handleIndex] === 0;\n          const afterNowCollapsed = newSizes[s.handleIndex + 1] === 0;\n\n          if (!beforeWasCollapsed && beforeNowCollapsed) {\n            preCollapseSizesRef.current = [...s.startSizes];\n            opts.onCollapseChange?.(s.handleIndex, true);\n          } else if (beforeWasCollapsed && !beforeNowCollapsed) {\n            opts.onCollapseChange?.(s.handleIndex, false);\n          }\n\n          if (!afterWasCollapsed && afterNowCollapsed) {\n            preCollapseSizesRef.current = [...s.startSizes];\n            opts.onCollapseChange?.(s.handleIndex + 1, true);\n          } else if (afterWasCollapsed && !afterNowCollapsed) {\n            opts.onCollapseChange?.(s.handleIndex + 1, false);\n          }\n\n          currentSizesRef.current = newSizes;\n          setCurrentSizes(newSizes);\n        };\n\n        const onPointerMove = (event: PointerEvent) => {\n          const s = internalStateRef.current;\n          if (!s.isDragging) {\n            return;\n          }\n\n          cancelAnimationFrame(frameRef.current);\n          frameRef.current = requestAnimationFrame(() => {\n            flushResize(event);\n          });\n        };\n\n        const onPointerUp = (event: PointerEvent) => {\n          const s = internalStateRef.current;\n          if (!s.isDragging) {\n            return;\n          }\n\n          cancelAnimationFrame(frameRef.current);\n          flushResize(event);\n\n          s.isDragging = false;\n          const finishedHandle = s.handleIndex;\n          s.handleIndex = -1;\n\n          setActiveHandle(-1);\n          document.body.style.userSelect = '';\n          document.body.style.webkitUserSelect = '';\n          document.body.style.cursor = '';\n\n          documentControllerRef.current?.abort();\n          documentControllerRef.current = null;\n\n          optionsRef.current.onResizeEnd?.(finishedHandle, [...currentSizesRef.current]);\n        };\n\n        node.addEventListener('pointerdown', onPointerDown, {\n          signal: elementController.signal,\n        });\n      };\n\n      handleRefCallbacks.current.set(handleIndex, callback);\n      return callback;\n    },\n    [setCurrentSizes]\n  );\n\n  const getHandleProps = useCallback(\n    (input: { index: number }) => {\n      const { index } = input;\n      const orient = orientation;\n      const beforeSize = currentSizes[index] ?? 0;\n      const beforePanel = panels[index];\n      const afterPanel = panels[index + 1];\n\n      return {\n        ref: getHandleRefCallback(index),\n        role: 'separator' as const,\n        'aria-orientation': orient,\n        'aria-valuenow': Math.round(beforeSize),\n        'aria-valuemin': Math.round(getMin(beforePanel)),\n        'aria-valuemax': Math.round(getMax(beforePanel)),\n        tabIndex: 0,\n        onKeyDown: (event: React.KeyboardEvent) => {\n          if (!enabled) {\n            return;\n          }\n\n          const isHorizontal = orient === 'horizontal';\n          const isRtl = dir === 'rtl';\n\n          let delta = 0;\n          const currentStep = event.shiftKey ? shiftStep : step;\n\n          switch (event.key) {\n            case 'ArrowLeft': {\n              if (isHorizontal) {\n                delta = isRtl ? currentStep : -currentStep;\n              }\n              break;\n            }\n            case 'ArrowRight': {\n              if (isHorizontal) {\n                delta = isRtl ? -currentStep : currentStep;\n              }\n              break;\n            }\n            case 'ArrowUp': {\n              if (!isHorizontal) {\n                delta = -currentStep;\n              }\n              break;\n            }\n            case 'ArrowDown': {\n              if (!isHorizontal) {\n                delta = currentStep;\n              }\n              break;\n            }\n            case 'Home': {\n              delta = -(currentSizes[index] - getMin(beforePanel));\n              break;\n            }\n            case 'End': {\n              delta = getMax(beforePanel) - currentSizes[index];\n              break;\n            }\n            case 'Enter': {\n              const beforeCollapsible = beforePanel?.collapsible;\n              const afterCollapsible = afterPanel?.collapsible;\n\n              if (beforeCollapsible && currentSizes[index] <= currentSizes[index + 1]) {\n                toggleCollapsePanel(index);\n                event.preventDefault();\n                return;\n              }\n              if (afterCollapsible) {\n                toggleCollapsePanel(index + 1);\n                event.preventDefault();\n                return;\n              }\n              if (beforeCollapsible) {\n                toggleCollapsePanel(index);\n                event.preventDefault();\n                return;\n              }\n              return;\n            }\n            default:\n              return;\n          }\n\n          event.preventDefault();\n\n          if (delta !== 0) {\n            const newSizes = applyConstraints(currentSizes, panels, index, delta, redistribute);\n            const beforeWas = currentSizes[index] === 0;\n            const afterWas = currentSizes[index + 1] === 0;\n            const beforeNow = newSizes[index] === 0;\n            const afterNow = newSizes[index + 1] === 0;\n\n            if (!beforeWas && beforeNow) {\n              preCollapseSizesRef.current = [...currentSizes];\n              onCollapseChange?.(index, true);\n            } else if (beforeWas && !beforeNow) {\n              onCollapseChange?.(index, false);\n            }\n\n            if (!afterWas && afterNow) {\n              preCollapseSizesRef.current = [...currentSizes];\n              onCollapseChange?.(index + 1, true);\n            } else if (afterWas && !afterNow) {\n              onCollapseChange?.(index + 1, false);\n            }\n\n            updateSizes(newSizes);\n          }\n        },\n        'data-active': activeHandle === index || undefined,\n        'data-orientation': orient,\n      };\n    },\n    [\n      orientation,\n      currentSizes,\n      panels,\n      enabled,\n      dir,\n      step,\n      shiftStep,\n      activeHandle,\n      redistribute,\n      getHandleRefCallback,\n      toggleCollapsePanel,\n      updateSizes,\n      onCollapseChange,\n    ]\n  );\n\n  return {\n    ref: containerRefCallback,\n    sizes: currentSizes,\n    collapsed,\n    activeHandle,\n    getHandleProps,\n    setSizes: updateSizes,\n    collapse: collapsePanel,\n    expand: expandPanel,\n    toggleCollapse: toggleCollapsePanel,\n  };\n}\n\nexport namespace useSplitter {\n  export type Panel = UseSplitterPanel;\n  export type Options = UseSplitterOptions;\n  export type RedistributeInput = UseSplitterRedistributeInput;\n  export type RedistributeFn = UseSplitterRedistributeFn;\n  export type ReturnValue<T extends HTMLElement = any> = UseSplitterReturnValue<T>;\n}\n"],"mappings":"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"}

package/lib/use-drag/use-drag.d.ts

@@ -1,60 +0,0 @@
-type Vector2 = [number, number];
-export interface UseDragState {
-    /** Current pointer position [x, y] */
-    xy: Vector2;
-    /** Position where the gesture started [x, y] */
-    initial: Vector2;
-    /** Displacement from start [x, y], respects axis constraint */
-    movement: Vector2;
-    /** Change since previous event [x, y] */
-    delta: Vector2;
-    /** Absolute distance per axis [x, y] */
-    distance: Vector2;
-    /** Movement direction per axis: -1, 0, or 1 */
-    direction: Vector2;
-    /** Speed per axis in px/ms */
-    velocity: Vector2;
-    /** Time since drag started in ms */
-    elapsedTime: number;
-    /** `true` on the first handler call after the threshold is met */
-    first: boolean;
-    /** `true` on the last handler call (pointer released or canceled) */
-    last: boolean;
-    /** `true` while the gesture is ongoing */
-    active: boolean;
-    /** `true` when the gesture qualifies as a tap (requires `filterTaps: true`) */
-    tap: boolean;
-    /** `true` when the gesture was interrupted by a `pointercancel` event */
-    canceled: boolean;
-    /** Function to programmatically cancel the current gesture */
-    cancel: () => void;
-    /** The source `PointerEvent` */
-    event: PointerEvent;
-}
-export interface UseDragOptions {
-    /** Constrain movement to a specific axis. `'lock'` locks to whichever axis has more movement after `axisThreshold` is exceeded. */
-    axis?: 'x' | 'y' | 'lock';
-    /** Movement in px required to determine axis when `axis` is `'lock'`, `1` by default */
-    axisThreshold?: number;
-    /** When `true`, the last state includes `tap: true` when total distance is below `tapThreshold`, `false` by default */
-    filterTaps?: boolean;
-    /** Max displacement in px to still be considered a tap, `3` by default */
-    tapThreshold?: number;
-    /** Minimum displacement in px before the drag activates. Can be a number (both axes) or `[x, y]`. `0` by default */
-    threshold?: number | Vector2;
-    /** Enable or disable the hook, `true` by default */
-    enabled?: boolean;
-}
-export interface UseDragReturnValue<T extends HTMLElement = any> {
-    /** Ref callback to attach to the draggable element */
-    ref: React.RefCallback<T | null>;
-    /** `true` while the element is being dragged */
-    active: boolean;
-}
-export declare function useDrag<T extends HTMLElement = any>(handler: (state: UseDragState) => void, options?: UseDragOptions): UseDragReturnValue<T>;
-export declare namespace useDrag {
-    type State = UseDragState;
-    type Options = UseDragOptions;
-    type ReturnValue<T extends HTMLElement = any> = UseDragReturnValue<T>;
-}
-export {};

package/lib/use-mask/use-mask.d.ts

@@ -1,60 +0,0 @@
-export interface UseMaskOptions {
-    /** Mask pattern string or array of string literals and RegExp objects */
-    mask: string | Array<string | RegExp>;
-    /** Override or extend the default token map */
-    tokens?: Record<string, RegExp>;
-    /** Called before masking on each keystroke, can return overrides for mask options */
-    modify?: (value: string) => Partial<Pick<UseMaskOptions, 'mask' | 'tokens' | 'slotChar' | 'separate'>> | undefined;
-    /** When true, raw and display values are decoupled */
-    separate?: boolean;
-    /** Character displayed in unfilled slots, `"_"` by default */
-    slotChar?: string | null;
-    /** Show mask pattern even when field is empty and unfocused */
-    alwaysShowMask?: boolean;
-    /** Show mask placeholder on focus, `true` by default */
-    showMaskOnFocus?: boolean;
-    /** Transform each character before validation and insertion */
-    transform?: (char: string) => string;
-    /** Clear value on blur when mask is incomplete, `false` by default */
-    autoClear?: boolean;
-    /** Sets aria-invalid on the input */
-    invalid?: boolean;
-    /** Called on every change with raw and masked values */
-    onChangeRaw?: (rawValue: string, maskedValue: string) => void;
-    /** Called when all required mask slots are filled */
-    onComplete?: (maskedValue: string, rawValue: string) => void;
-    /** Escape hatch for advanced cursor/value manipulation */
-    beforeMaskedStateChange?: (states: {
-        previousState: MaskState;
-        currentState: MaskState;
-        nextState: MaskState;
-    }) => MaskState;
-}
-export interface MaskState {
-    value: string;
-    selection: {
-        start: number;
-        end: number;
-    } | null;
-}
-export interface UseMaskReturnValue {
-    /** Ref to attach to the input element */
-    ref: React.RefCallback<HTMLInputElement>;
-    /** Current masked display value */
-    value: string;
-    /** Current raw unmasked value */
-    rawValue: string;
-    /** Whether all required mask slots are filled */
-    isComplete: boolean;
-    /** Clear the input value and reset state */
-    reset: () => void;
-}
-export declare function formatMask(raw: string, options: UseMaskOptions): string;
-export declare function unformatMask(masked: string, options: UseMaskOptions): string;
-export declare function isMaskComplete(masked: string, options: UseMaskOptions): boolean;
-export declare function generatePattern(mode: 'full' | 'full-inexact', options: UseMaskOptions): string;
-export declare function useMask(options: UseMaskOptions): UseMaskReturnValue;
-export declare namespace useMask {
-    type Options = UseMaskOptions;
-    type ReturnValue = UseMaskReturnValue;
-}

package/lib/use-roving-index/use-roving-index.d.ts

@@ -1,49 +0,0 @@
-export interface UseRovingIndexInput {
-    /** Total number of items in the group */
-    total: number;
-    /** Which arrow keys navigate, `'horizontal'` by default */
-    orientation?: 'horizontal' | 'vertical' | 'both';
-    /** Whether navigation wraps at boundaries, `true` by default */
-    loop?: boolean;
-    /** Text direction, `'ltr'` by default */
-    dir?: 'rtl' | 'ltr';
-    /** Whether to click element when it receives focus via keyboard, `false` by default */
-    activateOnFocus?: boolean;
-    /** Number of columns for grid (2D) navigation. When set, enables grid mode */
-    columns?: number;
-    /** Controlled focused index */
-    focusedIndex?: number;
-    /** Initial focused index for uncontrolled mode, first non-disabled item by default */
-    initialIndex?: number;
-    /** Called when focused index changes */
-    onFocusChange?: (index: number) => void;
-    /** Function to check if item at given index is disabled, `() => false` by default */
-    isItemDisabled?: (index: number) => boolean;
-}
-export interface UseRovingIndexGetItemPropsInput {
-    /** Index of the item in the group */
-    index: number;
-    /** Called when item is clicked */
-    onClick?: React.MouseEventHandler;
-    /** Called when keydown event fires on item */
-    onKeyDown?: React.KeyboardEventHandler;
-}
-export interface UseRovingIndexReturnValue {
-    /** Get props to spread on each navigable item */
-    getItemProps: (options: UseRovingIndexGetItemPropsInput) => {
-        tabIndex: 0 | -1;
-        onKeyDown: React.KeyboardEventHandler;
-        onClick: React.MouseEventHandler;
-        ref: React.RefCallback<HTMLElement>;
-    };
-    /** Currently focused index */
-    focusedIndex: number;
-    /** Programmatically set focused index */
-    setFocusedIndex: (index: number) => void;
-}
-export declare function useRovingIndex(input: UseRovingIndexInput): UseRovingIndexReturnValue;
-export declare namespace useRovingIndex {
-    type Input = UseRovingIndexInput;
-    type GetItemPropsInput = UseRovingIndexGetItemPropsInput;
-    type ReturnValue = UseRovingIndexReturnValue;
-}

package/lib/use-splitter/use-splitter.d.ts

@@ -1,94 +0,0 @@
-export interface UseSplitterPanel {
-    /** Initial size as percentage (0-100). All panels must sum to 100. */
-    defaultSize: number;
-    /** Minimum size percentage, `0` by default */
-    min?: number;
-    /** Maximum size percentage, `100` by default */
-    max?: number;
-    /** Whether this panel can be collapsed, `false` by default */
-    collapsible?: boolean;
-    /** Size below which the panel snaps to collapsed (percentage), defaults to `min` */
-    collapseThreshold?: number;
-}
-export interface UseSplitterRedistributeInput {
-    /** Current sizes before applying delta */
-    sizes: number[];
-    /** Panel configurations */
-    panels: UseSplitterPanel[];
-    /** Index of the handle being dragged */
-    handleIndex: number;
-    /** Requested size change in percentage (positive = grow before-panel) */
-    delta: number;
-}
-export type UseSplitterRedistributeFn = (input: UseSplitterRedistributeInput) => number[];
-export interface UseSplitterOptions {
-    /** Panel configuration array (minimum 2 panels) */
-    panels: UseSplitterPanel[];
-    /** Layout direction, `'horizontal'` by default */
-    orientation?: 'horizontal' | 'vertical';
-    /** Controlled sizes (percentages summing to 100) */
-    sizes?: number[];
-    /** Called during resize with updated sizes */
-    onSizeChange?: (sizes: number[]) => void;
-    /** Called when drag starts */
-    onResizeStart?: (handleIndex: number) => void;
-    /** Called when drag ends */
-    onResizeEnd?: (handleIndex: number, sizes: number[]) => void;
-    /** Called when a panel collapses or expands */
-    onCollapseChange?: (panelIndex: number, collapsed: boolean) => void;
-    /** How to borrow space from non-adjacent panels when the immediate neighbor is at its min/max.
-     * `'nearest'` takes from the nearest panel in the drag direction first.
-     * `'equal'` distributes equally among all panels in the drag direction.
-     * A function receives sizes, panels, handleIndex and delta, and returns new sizes.
-     * When not set, only the two adjacent panels are affected. */
-    redistribute?: 'nearest' | 'equal' | UseSplitterRedistributeFn;
-    /** Keyboard step size in percentage, `1` by default */
-    step?: number;
-    /** Shift+arrow step size in percentage, `10` by default */
-    shiftStep?: number;
-    /** Text direction for keyboard nav, `'ltr'` by default */
-    dir?: 'ltr' | 'rtl';
-    /** Enable/disable the hook, `true` by default */
-    enabled?: boolean;
-}
-export interface UseSplitterReturnValue<T extends HTMLElement = any> {
-    /** Ref callback for the container element */
-    ref: React.RefCallback<T | null>;
-    /** Current panel sizes as percentages */
-    sizes: number[];
-    /** Which panels are currently collapsed */
-    collapsed: boolean[];
-    /** Index of handle being dragged, or -1 */
-    activeHandle: number;
-    /** Get props to spread on each resize handle */
-    getHandleProps: (input: {
-        index: number;
-    }) => {
-        ref: React.RefCallback<HTMLElement>;
-        role: 'separator';
-        'aria-orientation': 'horizontal' | 'vertical';
-        'aria-valuenow': number;
-        'aria-valuemin': number;
-        'aria-valuemax': number;
-        tabIndex: number;
-        onKeyDown: React.KeyboardEventHandler;
-        'data-active': boolean | undefined;
-        'data-orientation': 'horizontal' | 'vertical';
-    };
-    /** Programmatically set sizes */
-    setSizes: (sizes: number[]) => void;
-    /** Collapse a panel */
-    collapse: (panelIndex: number) => void;
-    /** Expand a collapsed panel */
-    expand: (panelIndex: number) => void;
-    /** Toggle collapse of a panel */
-    toggleCollapse: (panelIndex: number) => void;
-}
-export declare function useSplitter<T extends HTMLElement = any>(options: UseSplitterOptions): UseSplitterReturnValue<T>;
-export declare namespace useSplitter {
-    type Panel = UseSplitterPanel;
-    type Options = UseSplitterOptions;
-    type RedistributeInput = UseSplitterRedistributeInput;
-    type RedistributeFn = UseSplitterRedistributeFn;
-    type ReturnValue<T extends HTMLElement = any> = UseSplitterReturnValue<T>;
-}