@mantine/hooks 9.3.0 → 9.3.2

package/cjs/use-splitter/use-splitter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-splitter.cjs","names":["useUncontrolled"],"sources":["../../src/use-splitter/use-splitter.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nimport { useCallback, useEffect, 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 = Math.max(0, newSizes[neighbor] - getMin(panels[neighbor]));\n      const actualRestore = Math.min(restoreSize, available);\n\n      if (actualRestore <= 0) {\n        return;\n      }\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          if (!s.containerSize) {\n            return;\n          }\n          const isHorizontal = (optionsRef.current.orientation ?? 'horizontal') === 'horizontal';\n          const isRtl = isHorizontal && optionsRef.current.dir === 'rtl';\n          const pointerPos = isHorizontal ? pointerEvent.clientX : pointerEvent.clientY;\n          const pixelDelta = pointerPos - s.startPointer;\n          const percentDelta = ((isRtl ? -pixelDelta : 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                return;\n              }\n              delta = isRtl ? currentStep : -currentStep;\n              break;\n            }\n            case 'ArrowRight': {\n              if (!isHorizontal) {\n                return;\n              }\n              delta = isRtl ? -currentStep : currentStep;\n              break;\n            }\n            case 'ArrowUp': {\n              if (isHorizontal) {\n                return;\n              }\n              delta = -currentStep;\n              break;\n            }\n            case 'ArrowDown': {\n              if (isHorizontal) {\n                return;\n              }\n              delta = currentStep;\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  useEffect(\n    () => () => {\n      documentControllerRef.current?.abort();\n      documentControllerRef.current = null;\n      handleElementControllers.current.forEach((controller) => controller.abort());\n      handleElementControllers.current.clear();\n      cancelAnimationFrame(frameRef.current);\n\n      if (internalStateRef.current.isDragging) {\n        internalStateRef.current.isDragging = false;\n        document.body.style.userSelect = '';\n        document.body.style.webkitUserSelect = '';\n        document.body.style.cursor = '';\n      }\n    },\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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"}
+{"version":3,"file":"use-splitter.cjs","names":["useUncontrolled"],"sources":["../../src/use-splitter/use-splitter.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nimport { useCallback, useEffect, 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  /** Restore the two panels adjacent to a handle to their default ratio (preserving their combined size) when the handle is double-clicked, `true` by default */\n  resetOnDoubleClick?: boolean;\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    onDoubleClick: React.MouseEventHandler;\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  /** Reset the two panels adjacent to a handle to their default ratio, preserving\n   * their combined size */\n  reset: (handleIndex: 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    resetOnDoubleClick = true,\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 = Math.max(0, newSizes[neighbor] - getMin(panels[neighbor]));\n      const actualRestore = Math.min(restoreSize, available);\n\n      if (actualRestore <= 0) {\n        return;\n      }\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 emitCollapseTransitions = useCallback(\n    (prev: number[], next: number[], indices: number[], preCollapseSnapshot: number[]) => {\n      const onChange = optionsRef.current.onCollapseChange;\n      for (const idx of indices) {\n        const wasCollapsed = prev[idx] === 0;\n        const nowCollapsed = next[idx] === 0;\n        if (!wasCollapsed && nowCollapsed) {\n          preCollapseSizesRef.current = [...preCollapseSnapshot];\n          onChange?.(idx, true);\n        } else if (wasCollapsed && !nowCollapsed) {\n          onChange?.(idx, false);\n        }\n      }\n    },\n    []\n  );\n\n  const reset = useCallback(\n    (handleIndex: number) => {\n      const prev = currentSizesRef.current;\n      const currentPanels = optionsRef.current.panels;\n\n      const beforeIdx = handleIndex;\n      const afterIdx = handleIndex + 1;\n      if (beforeIdx < 0 || afterIdx >= prev.length) {\n        return;\n      }\n\n      const total = prev[beforeIdx] + prev[afterIdx];\n      const defBefore = currentPanels[beforeIdx].defaultSize;\n      const defAfter = currentPanels[afterIdx].defaultSize;\n      const defTotal = defBefore + defAfter;\n      const targetBefore = defTotal === 0 ? total / 2 : total * (defBefore / defTotal);\n\n      const next = applyAdjacentOnly(\n        prev,\n        currentPanels,\n        beforeIdx,\n        targetBefore - prev[beforeIdx]\n      );\n      emitCollapseTransitions(prev, next, [beforeIdx, afterIdx], prev);\n      updateSizes(next);\n    },\n    [emitCollapseTransitions, updateSizes]\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          if (!s.containerSize) {\n            return;\n          }\n          const isHorizontal = (optionsRef.current.orientation ?? 'horizontal') === 'horizontal';\n          const isRtl = isHorizontal && optionsRef.current.dir === 'rtl';\n          const pointerPos = isHorizontal ? pointerEvent.clientX : pointerEvent.clientY;\n          const pixelDelta = pointerPos - s.startPointer;\n          const percentDelta = ((isRtl ? -pixelDelta : 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          emitCollapseTransitions(\n            prevSizes,\n            newSizes,\n            [s.handleIndex, s.handleIndex + 1],\n            s.startSizes\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                return;\n              }\n              delta = isRtl ? currentStep : -currentStep;\n              break;\n            }\n            case 'ArrowRight': {\n              if (!isHorizontal) {\n                return;\n              }\n              delta = isRtl ? -currentStep : currentStep;\n              break;\n            }\n            case 'ArrowUp': {\n              if (isHorizontal) {\n                return;\n              }\n              delta = -currentStep;\n              break;\n            }\n            case 'ArrowDown': {\n              if (isHorizontal) {\n                return;\n              }\n              delta = currentStep;\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            emitCollapseTransitions(currentSizes, newSizes, [index, index + 1], currentSizes);\n            updateSizes(newSizes);\n          }\n        },\n        onDoubleClick: () => {\n          if (!enabled || !resetOnDoubleClick) {\n            return;\n          }\n          reset(index);\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      resetOnDoubleClick,\n      activeHandle,\n      redistribute,\n      getHandleRefCallback,\n      toggleCollapsePanel,\n      updateSizes,\n      emitCollapseTransitions,\n      reset,\n    ]\n  );\n\n  useEffect(\n    () => () => {\n      documentControllerRef.current?.abort();\n      documentControllerRef.current = null;\n      handleElementControllers.current.forEach((controller) => controller.abort());\n      handleElementControllers.current.clear();\n      cancelAnimationFrame(frameRef.current);\n\n      if (internalStateRef.current.isDragging) {\n        internalStateRef.current.isDragging = false;\n        document.body.style.userSelect = '';\n        document.body.style.webkitUserSelect = '';\n        document.body.style.cursor = '';\n      }\n    },\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    reset,\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/esm/use-id/use-id.mjs

@@ -1,11 +1,14 @@
 "use client";
 import { randomId } from "../utils/random-id/random-id.mjs";
 import { useIsomorphicEffect } from "../use-isomorphic-effect/use-isomorphic-effect.mjs";
-import { useId, useState } from "react";
+import { useId, useRef, useState } from "react";
 //#region packages/@mantine/hooks/src/use-id/use-id.ts
 function useId$1(staticId) {
 	const [uuid, setUuid] = useState(`mantine-${useId().replace(/:/g, "")}`);
+	const hasInitializedRef = useRef(false);
 	useIsomorphicEffect(() => {
+		if (hasInitializedRef.current) return;
+		hasInitializedRef.current = true;
 		setUuid(randomId());
 	}, []);
 	if (typeof staticId === "string") return staticId;

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

@@ -1 +1 @@
-{"version":3,"file":"use-id.mjs","names":["useId","useReactId"],"sources":["../../src/use-id/use-id.ts"],"sourcesContent":["import { useId as useReactId, useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\nimport { randomId } from '../utils';\n\nexport function useId(staticId?: string) {\n  const reactId = useReactId();\n  const [uuid, setUuid] = useState(`mantine-${reactId.replace(/:/g, '')}`);\n\n  useIsomorphicEffect(() => {\n    setUuid(randomId());\n  }, []);\n\n  if (typeof staticId === 'string') {\n    return staticId;\n  }\n\n  return uuid;\n}\n"],"mappings":";;;;;AAIA,SAAgBA,QAAM,UAAmB;CAEvC,MAAM,CAAC,MAAM,WAAW,SAAS,WADjBC,MACkC,EAAE,QAAQ,MAAM,EAAE,GAAG;CAEvE,0BAA0B;EACxB,QAAQ,SAAS,CAAC;CACpB,GAAG,CAAC,CAAC;CAEL,IAAI,OAAO,aAAa,UACtB,OAAO;CAGT,OAAO;AACT"}
+{"version":3,"file":"use-id.mjs","names":["useId","useReactId"],"sources":["../../src/use-id/use-id.ts"],"sourcesContent":["import { useId as useReactId, useRef, useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\nimport { randomId } from '../utils';\n\nexport function useId(staticId?: string) {\n  const reactId = useReactId();\n  const [uuid, setUuid] = useState(`mantine-${reactId.replace(/:/g, '')}`);\n  const hasInitializedRef = useRef(false);\n\n  useIsomorphicEffect(() => {\n    if (hasInitializedRef.current) {\n      return;\n    }\n    hasInitializedRef.current = true;\n    setUuid(randomId());\n  }, []);\n\n  if (typeof staticId === 'string') {\n    return staticId;\n  }\n\n  return uuid;\n}\n"],"mappings":";;;;;AAIA,SAAgBA,QAAM,UAAmB;CAEvC,MAAM,CAAC,MAAM,WAAW,SAAS,WADjBC,MACkC,EAAE,QAAQ,MAAM,EAAE,GAAG;CACvE,MAAM,oBAAoB,OAAO,KAAK;CAEtC,0BAA0B;EACxB,IAAI,kBAAkB,SACpB;EAEF,kBAAkB,UAAU;EAC5B,QAAQ,SAAS,CAAC;CACpB,GAAG,CAAC,CAAC;CAEL,IAAI,OAAO,aAAa,UACtB,OAAO;CAGT,OAAO;AACT"}

package/esm/use-long-press/use-long-press.mjs

@@ -1,17 +1,23 @@
 "use client";
 import { useEffect, useMemo, useRef } from "react";
 //#region packages/@mantine/hooks/src/use-long-press/use-long-press.ts
+const DEFAULT_EVENTS = ["mouse", "touch"];
+const DEFAULT_MOVE_THRESHOLD = 10;
 function useLongPress(onLongPress, options = {}) {
-	const { threshold = 400, onStart, onFinish, onCancel } = options;
+	const { threshold = 400, events = DEFAULT_EVENTS, cancelOnMove = false, onStart, onFinish, onCancel } = options;
 	const isLongPressActive = useRef(false);
 	const isPressed = useRef(false);
 	const timeout = useRef(-1);
+	const startPosition = useRef(null);
 	useEffect(() => () => window.clearTimeout(timeout.current), []);
 	return useMemo(() => {
 		if (typeof onLongPress !== "function") return {};
+		const moveEnabled = cancelOnMove !== false;
+		const moveThreshold = cancelOnMove === true ? DEFAULT_MOVE_THRESHOLD : cancelOnMove === false ? 0 : cancelOnMove;
 		const start = (event) => {
 			if (!isMouseEvent(event) && !isTouchEvent(event)) return;
 			if (onStart) onStart(event);
+			startPosition.current = getEventPosition(event);
 			isPressed.current = true;
 			timeout.current = window.setTimeout(() => {
 				onLongPress(event);
@@ -27,27 +33,57 @@ function useLongPress(onLongPress, options = {}) {
 			}
 			isLongPressActive.current = false;
 			isPressed.current = false;
+			startPosition.current = null;
 			if (timeout.current !== -1) {
 				window.clearTimeout(timeout.current);
 				timeout.current = -1;
 			}
 		};
-		return {
-			onMouseDown: start,
-			onMouseUp: cancel,
-			onMouseLeave: cancel,
-			onTouchStart: start,
-			onTouchEnd: cancel,
-			onTouchCancel: cancel
+		const move = (event) => {
+			if (!moveEnabled || !isPressed.current || isLongPressActive.current) return;
+			const position = getEventPosition(event);
+			if (!position || !startPosition.current) return;
+			const dx = position.x - startPosition.current.x;
+			const dy = position.y - startPosition.current.y;
+			if (Math.sqrt(dx * dx + dy * dy) > moveThreshold) cancel(event);
 		};
+		const handlers = {};
+		if (events.includes("mouse")) {
+			handlers.onMouseDown = start;
+			handlers.onMouseUp = cancel;
+			handlers.onMouseLeave = cancel;
+			if (moveEnabled) handlers.onMouseMove = move;
+		}
+		if (events.includes("touch")) {
+			handlers.onTouchStart = start;
+			handlers.onTouchEnd = cancel;
+			handlers.onTouchCancel = cancel;
+			if (moveEnabled) handlers.onTouchMove = move;
+		}
+		return handlers;
 	}, [
 		onLongPress,
 		threshold,
 		onCancel,
 		onFinish,
-		onStart
+		onStart,
+		cancelOnMove,
+		events.join(",")
 	]);
 }
+function getEventPosition(event) {
+	if (isTouchEvent(event)) {
+		const touch = event.touches[0] ?? event.changedTouches[0];
+		return touch ? {
+			x: touch.clientX,
+			y: touch.clientY
+		} : null;
+	}
+	return {
+		x: event.clientX,
+		y: event.clientY
+	};
+}
 function isTouchEvent(event) {
 	return window.TouchEvent ? event.nativeEvent instanceof TouchEvent : "touches" in event.nativeEvent;
 }

package/esm/use-long-press/use-long-press.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-long-press.mjs","names":[],"sources":["../../src/use-long-press/use-long-press.ts"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\n\nexport interface UseLongPressOptions {\n  /** Time in milliseconds to trigger the long press, default is 400ms */\n  threshold?: number;\n\n  /** Callback triggered when the long press starts */\n  onStart?: (event: React.MouseEvent | React.TouchEvent) => void;\n\n  /** Callback triggered when the long press finishes */\n  onFinish?: (event: React.MouseEvent | React.TouchEvent) => void;\n\n  /** Callback triggered when the long press is canceled */\n  onCancel?: (event: React.MouseEvent | React.TouchEvent) => void;\n}\n\nexport interface UseLongPressReturnValue {\n  onMouseDown: (event: React.MouseEvent) => void;\n  onMouseUp: (event: React.MouseEvent) => void;\n  onMouseLeave: (event: React.MouseEvent) => void;\n  onTouchStart: (event: React.TouchEvent) => void;\n  onTouchEnd: (event: React.TouchEvent) => void;\n  onTouchCancel: (event: React.TouchEvent) => void;\n}\n\nexport function useLongPress(\n  onLongPress: (event: React.MouseEvent | React.TouchEvent) => void,\n  options: UseLongPressOptions = {}\n): UseLongPressReturnValue {\n  const { threshold = 400, onStart, onFinish, onCancel } = options;\n  const isLongPressActive = useRef(false);\n  const isPressed = useRef(false);\n  const timeout = useRef<number>(-1);\n\n  useEffect(() => () => window.clearTimeout(timeout.current), []);\n\n  return useMemo(() => {\n    if (typeof onLongPress !== 'function') {\n      return {} as UseLongPressReturnValue;\n    }\n\n    const start = (event: React.MouseEvent | React.TouchEvent) => {\n      if (!isMouseEvent(event) && !isTouchEvent(event)) {\n        return;\n      }\n\n      if (onStart) {\n        onStart(event);\n      }\n\n      isPressed.current = true;\n      timeout.current = window.setTimeout(() => {\n        onLongPress(event);\n        isLongPressActive.current = true;\n      }, threshold);\n    };\n\n    const cancel = (event: React.MouseEvent | React.TouchEvent) => {\n      if (!isMouseEvent(event) && !isTouchEvent(event)) {\n        return;\n      }\n\n      if (isLongPressActive.current) {\n        if (onFinish) {\n          onFinish(event);\n        }\n      } else if (isPressed.current) {\n        if (onCancel) {\n          onCancel(event);\n        }\n      }\n\n      isLongPressActive.current = false;\n      isPressed.current = false;\n\n      if (timeout.current !== -1) {\n        window.clearTimeout(timeout.current);\n        timeout.current = -1;\n      }\n    };\n\n    return {\n      onMouseDown: start,\n      onMouseUp: cancel,\n      onMouseLeave: cancel,\n      onTouchStart: start,\n      onTouchEnd: cancel,\n      onTouchCancel: cancel,\n    };\n  }, [onLongPress, threshold, onCancel, onFinish, onStart]);\n}\n\nfunction isTouchEvent(event: React.MouseEvent | React.TouchEvent): event is React.TouchEvent {\n  return window.TouchEvent\n    ? event.nativeEvent instanceof TouchEvent\n    : 'touches' in event.nativeEvent;\n}\n\nfunction isMouseEvent(event: React.MouseEvent | React.TouchEvent): event is React.MouseEvent {\n  return event.nativeEvent instanceof MouseEvent;\n}\n\nexport namespace useLongPress {\n  export type Options = UseLongPressOptions;\n  export type ReturnValue = UseLongPressReturnValue;\n}\n"],"mappings":";;;AAyBA,SAAgB,aACd,aACA,UAA+B,CAAC,GACP;CACzB,MAAM,EAAE,YAAY,KAAK,SAAS,UAAU,aAAa;CACzD,MAAM,oBAAoB,OAAO,KAAK;CACtC,MAAM,YAAY,OAAO,KAAK;CAC9B,MAAM,UAAU,OAAe,EAAE;CAEjC,sBAAsB,OAAO,aAAa,QAAQ,OAAO,GAAG,CAAC,CAAC;CAE9D,OAAO,cAAc;EACnB,IAAI,OAAO,gBAAgB,YACzB,OAAO,CAAC;EAGV,MAAM,SAAS,UAA+C;GAC5D,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,aAAa,KAAK,GAC7C;GAGF,IAAI,SACF,QAAQ,KAAK;GAGf,UAAU,UAAU;GACpB,QAAQ,UAAU,OAAO,iBAAiB;IACxC,YAAY,KAAK;IACjB,kBAAkB,UAAU;GAC9B,GAAG,SAAS;EACd;EAEA,MAAM,UAAU,UAA+C;GAC7D,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,aAAa,KAAK,GAC7C;GAGF,IAAI,kBAAkB;QAChB,UACF,SAAS,KAAK;GAAA,OAEX,IAAI,UAAU;QACf,UACF,SAAS,KAAK;GAAA;GAIlB,kBAAkB,UAAU;GAC5B,UAAU,UAAU;GAEpB,IAAI,QAAQ,YAAY,IAAI;IAC1B,OAAO,aAAa,QAAQ,OAAO;IACnC,QAAQ,UAAU;GACpB;EACF;EAEA,OAAO;GACL,aAAa;GACb,WAAW;GACX,cAAc;GACd,cAAc;GACd,YAAY;GACZ,eAAe;EACjB;CACF,GAAG;EAAC;EAAa;EAAW;EAAU;EAAU;CAAO,CAAC;AAC1D;AAEA,SAAS,aAAa,OAAuE;CAC3F,OAAO,OAAO,aACV,MAAM,uBAAuB,aAC7B,aAAa,MAAM;AACzB;AAEA,SAAS,aAAa,OAAuE;CAC3F,OAAO,MAAM,uBAAuB;AACtC"}
+{"version":3,"file":"use-long-press.mjs","names":[],"sources":["../../src/use-long-press/use-long-press.ts"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\n\nexport type UseLongPressEvent = 'mouse' | 'touch';\n\nexport interface UseLongPressOptions {\n  /** Time in milliseconds to trigger the long press, default is 400ms */\n  threshold?: number;\n\n  /** Input types that can trigger the long press, `['mouse', 'touch']` by default */\n  events?: UseLongPressEvent[];\n\n  /** If set, the long press is canceled when the pointer moves further than the given distance in px from the start position. `true` uses a 10px threshold, a number sets a custom threshold. `false` by default */\n  cancelOnMove?: boolean | number;\n\n  /** Callback triggered when the long press starts */\n  onStart?: (event: React.MouseEvent | React.TouchEvent) => void;\n\n  /** Callback triggered when the long press finishes */\n  onFinish?: (event: React.MouseEvent | React.TouchEvent) => void;\n\n  /** Callback triggered when the long press is canceled */\n  onCancel?: (event: React.MouseEvent | React.TouchEvent) => void;\n}\n\nexport interface UseLongPressReturnValue {\n  onMouseDown?: (event: React.MouseEvent) => void;\n  onMouseUp?: (event: React.MouseEvent) => void;\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  onMouseMove?: (event: React.MouseEvent) => void;\n  onTouchStart?: (event: React.TouchEvent) => void;\n  onTouchEnd?: (event: React.TouchEvent) => void;\n  onTouchCancel?: (event: React.TouchEvent) => void;\n  onTouchMove?: (event: React.TouchEvent) => void;\n}\n\nconst DEFAULT_EVENTS: UseLongPressEvent[] = ['mouse', 'touch'];\nconst DEFAULT_MOVE_THRESHOLD = 10;\n\nexport function useLongPress(\n  onLongPress: (event: React.MouseEvent | React.TouchEvent) => void,\n  options: UseLongPressOptions = {}\n): UseLongPressReturnValue {\n  const {\n    threshold = 400,\n    events = DEFAULT_EVENTS,\n    cancelOnMove = false,\n    onStart,\n    onFinish,\n    onCancel,\n  } = options;\n  const isLongPressActive = useRef(false);\n  const isPressed = useRef(false);\n  const timeout = useRef<number>(-1);\n  const startPosition = useRef<{ x: number; y: number } | null>(null);\n\n  useEffect(() => () => window.clearTimeout(timeout.current), []);\n\n  const eventsKey = events.join(',');\n\n  return useMemo(() => {\n    if (typeof onLongPress !== 'function') {\n      return {} as UseLongPressReturnValue;\n    }\n\n    const moveEnabled = cancelOnMove !== false;\n    const moveThreshold =\n      cancelOnMove === true ? DEFAULT_MOVE_THRESHOLD : cancelOnMove === false ? 0 : cancelOnMove;\n\n    const start = (event: React.MouseEvent | React.TouchEvent) => {\n      if (!isMouseEvent(event) && !isTouchEvent(event)) {\n        return;\n      }\n\n      if (onStart) {\n        onStart(event);\n      }\n\n      startPosition.current = getEventPosition(event);\n      isPressed.current = true;\n      timeout.current = window.setTimeout(() => {\n        onLongPress(event);\n        isLongPressActive.current = true;\n      }, threshold);\n    };\n\n    const cancel = (event: React.MouseEvent | React.TouchEvent) => {\n      if (!isMouseEvent(event) && !isTouchEvent(event)) {\n        return;\n      }\n\n      if (isLongPressActive.current) {\n        if (onFinish) {\n          onFinish(event);\n        }\n      } else if (isPressed.current) {\n        if (onCancel) {\n          onCancel(event);\n        }\n      }\n\n      isLongPressActive.current = false;\n      isPressed.current = false;\n      startPosition.current = null;\n\n      if (timeout.current !== -1) {\n        window.clearTimeout(timeout.current);\n        timeout.current = -1;\n      }\n    };\n\n    const move = (event: React.MouseEvent | React.TouchEvent) => {\n      if (!moveEnabled || !isPressed.current || isLongPressActive.current) {\n        return;\n      }\n\n      const position = getEventPosition(event);\n      if (!position || !startPosition.current) {\n        return;\n      }\n\n      const dx = position.x - startPosition.current.x;\n      const dy = position.y - startPosition.current.y;\n\n      if (Math.sqrt(dx * dx + dy * dy) > moveThreshold) {\n        cancel(event);\n      }\n    };\n\n    const handlers: UseLongPressReturnValue = {};\n\n    if (events.includes('mouse')) {\n      handlers.onMouseDown = start;\n      handlers.onMouseUp = cancel;\n      handlers.onMouseLeave = cancel;\n      if (moveEnabled) {\n        handlers.onMouseMove = move;\n      }\n    }\n\n    if (events.includes('touch')) {\n      handlers.onTouchStart = start;\n      handlers.onTouchEnd = cancel;\n      handlers.onTouchCancel = cancel;\n      if (moveEnabled) {\n        handlers.onTouchMove = move;\n      }\n    }\n\n    return handlers;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onLongPress, threshold, onCancel, onFinish, onStart, cancelOnMove, eventsKey]);\n}\n\nfunction getEventPosition(\n  event: React.MouseEvent | React.TouchEvent\n): { x: number; y: number } | null {\n  if (isTouchEvent(event)) {\n    const touch = event.touches[0] ?? event.changedTouches[0];\n    return touch ? { x: touch.clientX, y: touch.clientY } : null;\n  }\n\n  return { x: event.clientX, y: event.clientY };\n}\n\nfunction isTouchEvent(event: React.MouseEvent | React.TouchEvent): event is React.TouchEvent {\n  return window.TouchEvent\n    ? event.nativeEvent instanceof TouchEvent\n    : 'touches' in event.nativeEvent;\n}\n\nfunction isMouseEvent(event: React.MouseEvent | React.TouchEvent): event is React.MouseEvent {\n  return event.nativeEvent instanceof MouseEvent;\n}\n\nexport namespace useLongPress {\n  export type Options = UseLongPressOptions;\n  export type ReturnValue = UseLongPressReturnValue;\n}\n"],"mappings":";;;AAmCA,MAAM,iBAAsC,CAAC,SAAS,OAAO;AAC7D,MAAM,yBAAyB;AAE/B,SAAgB,aACd,aACA,UAA+B,CAAC,GACP;CACzB,MAAM,EACJ,YAAY,KACZ,SAAS,gBACT,eAAe,OACf,SACA,UACA,aACE;CACJ,MAAM,oBAAoB,OAAO,KAAK;CACtC,MAAM,YAAY,OAAO,KAAK;CAC9B,MAAM,UAAU,OAAe,EAAE;CACjC,MAAM,gBAAgB,OAAwC,IAAI;CAElE,sBAAsB,OAAO,aAAa,QAAQ,OAAO,GAAG,CAAC,CAAC;CAI9D,OAAO,cAAc;EACnB,IAAI,OAAO,gBAAgB,YACzB,OAAO,CAAC;EAGV,MAAM,cAAc,iBAAiB;EACrC,MAAM,gBACJ,iBAAiB,OAAO,yBAAyB,iBAAiB,QAAQ,IAAI;EAEhF,MAAM,SAAS,UAA+C;GAC5D,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,aAAa,KAAK,GAC7C;GAGF,IAAI,SACF,QAAQ,KAAK;GAGf,cAAc,UAAU,iBAAiB,KAAK;GAC9C,UAAU,UAAU;GACpB,QAAQ,UAAU,OAAO,iBAAiB;IACxC,YAAY,KAAK;IACjB,kBAAkB,UAAU;GAC9B,GAAG,SAAS;EACd;EAEA,MAAM,UAAU,UAA+C;GAC7D,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,aAAa,KAAK,GAC7C;GAGF,IAAI,kBAAkB;QAChB,UACF,SAAS,KAAK;GAAA,OAEX,IAAI,UAAU;QACf,UACF,SAAS,KAAK;GAAA;GAIlB,kBAAkB,UAAU;GAC5B,UAAU,UAAU;GACpB,cAAc,UAAU;GAExB,IAAI,QAAQ,YAAY,IAAI;IAC1B,OAAO,aAAa,QAAQ,OAAO;IACnC,QAAQ,UAAU;GACpB;EACF;EAEA,MAAM,QAAQ,UAA+C;GAC3D,IAAI,CAAC,eAAe,CAAC,UAAU,WAAW,kBAAkB,SAC1D;GAGF,MAAM,WAAW,iBAAiB,KAAK;GACvC,IAAI,CAAC,YAAY,CAAC,cAAc,SAC9B;GAGF,MAAM,KAAK,SAAS,IAAI,cAAc,QAAQ;GAC9C,MAAM,KAAK,SAAS,IAAI,cAAc,QAAQ;GAE9C,IAAI,KAAK,KAAK,KAAK,KAAK,KAAK,EAAE,IAAI,eACjC,OAAO,KAAK;EAEhB;EAEA,MAAM,WAAoC,CAAC;EAE3C,IAAI,OAAO,SAAS,OAAO,GAAG;GAC5B,SAAS,cAAc;GACvB,SAAS,YAAY;GACrB,SAAS,eAAe;GACxB,IAAI,aACF,SAAS,cAAc;EAE3B;EAEA,IAAI,OAAO,SAAS,OAAO,GAAG;GAC5B,SAAS,eAAe;GACxB,SAAS,aAAa;GACtB,SAAS,gBAAgB;GACzB,IAAI,aACF,SAAS,cAAc;EAE3B;EAEA,OAAO;CAET,GAAG;EAAC;EAAa;EAAW;EAAU;EAAU;EAAS;EA7FvC,OAAO,KAAK,GA6FiD;CAAC,CAAC;AACnF;AAEA,SAAS,iBACP,OACiC;CACjC,IAAI,aAAa,KAAK,GAAG;EACvB,MAAM,QAAQ,MAAM,QAAQ,MAAM,MAAM,eAAe;EACvD,OAAO,QAAQ;GAAE,GAAG,MAAM;GAAS,GAAG,MAAM;EAAQ,IAAI;CAC1D;CAEA,OAAO;EAAE,GAAG,MAAM;EAAS,GAAG,MAAM;CAAQ;AAC9C;AAEA,SAAS,aAAa,OAAuE;CAC3F,OAAO,OAAO,aACV,MAAM,uBAAuB,aAC7B,aAAa,MAAM;AACzB;AAEA,SAAS,aAAa,OAAuE;CAC3F,OAAO,MAAM,uBAAuB;AACtC"}

package/esm/use-mask/use-mask.mjs

@@ -198,15 +198,8 @@ function useMask(options) {
 		const opts = optionsRef.current;
 		return getResolvedOptions(opts, rawValue);
 	}, [rawValue]);
-	const updateValue = useCallback((newMasked, cursorPos) => {
+	const applyValue = useCallback(({ reprocessed, newRaw, displayValue, resolvedSlots, cursorPos, notifyChange }) => {
 		const opts = optionsRef.current;
-		const { slots } = getResolvedOptions(opts, extractRaw(newMasked, getResolvedOptions(opts, "").slots));
-		const { slots: resolvedSlots, slotChar } = getResolvedOptions(opts, extractRaw(newMasked, slots));
-		const reprocessed = processInput(newMasked, resolvedSlots, slotChar);
-		const newRaw = extractRaw(reprocessed, resolvedSlots);
-		const showSlots = opts.alwaysShowMask || isFocusedRef.current;
-		const showOnFocus = opts.showMaskOnFocus !== false;
-		const displayValue = buildDisplayValue(reprocessed, resolvedSlots, slotChar, showSlots && (showOnFocus || reprocessed.length > 0));
 		processedRef.current = reprocessed;
 		displayValueRef.current = displayValue;
 		rawValueRef.current = newRaw;
@@ -219,17 +212,53 @@ function useMask(options) {
 				inputRef.current.setSelectionRange(pos, pos);
 			}
 		}
-		if (opts.onChangeRaw) opts.onChangeRaw(newRaw, displayValue);
+		if (notifyChange && opts.onChangeRaw) opts.onChangeRaw(newRaw, displayValue);
 		const complete = checkComplete(reprocessed, resolvedSlots);
-		if (complete && !wasCompleteRef.current && opts.onComplete) opts.onComplete(displayValue, newRaw);
+		if (notifyChange && complete && !wasCompleteRef.current && opts.onComplete) opts.onComplete(displayValue, newRaw);
 		wasCompleteRef.current = complete;
+	}, []);
+	const updateValue = useCallback((newMasked, cursorPos) => {
+		const opts = optionsRef.current;
+		const { slots } = getResolvedOptions(opts, extractRaw(newMasked, getResolvedOptions(opts, "").slots));
+		const { slots: resolvedSlots, slotChar } = getResolvedOptions(opts, extractRaw(newMasked, slots));
+		const reprocessed = processInput(newMasked, resolvedSlots, slotChar);
+		const newRaw = extractRaw(reprocessed, resolvedSlots);
+		const showSlots = opts.alwaysShowMask || isFocusedRef.current;
+		const showOnFocus = opts.showMaskOnFocus !== false;
+		const displayValue = buildDisplayValue(reprocessed, resolvedSlots, slotChar, showSlots && (showOnFocus || reprocessed.length > 0));
+		applyValue({
+			reprocessed,
+			newRaw,
+			displayValue,
+			resolvedSlots,
+			cursorPos,
+			notifyChange: true
+		});
 		return {
 			displayValue,
 			newRaw,
 			reprocessed,
 			resolvedSlots
 		};
-	}, [getOptions]);
+	}, [applyValue, getOptions]);
+	const initializeInputValue = useCallback((node) => {
+		const opts = optionsRef.current;
+		if (!node.value) return false;
+		const { slots: initialSlots, slotChar: initialSlotChar } = getResolvedOptions(opts, "");
+		const { slots: resolvedSlots, slotChar } = getResolvedOptions(opts, extractRaw(processInput(node.value, initialSlots, initialSlotChar), initialSlots));
+		const reprocessed = processInput(node.value, resolvedSlots, slotChar);
+		const newRaw = extractRaw(reprocessed, resolvedSlots);
+		const showSlots = opts.alwaysShowMask || isFocusedRef.current;
+		const showOnFocus = opts.showMaskOnFocus !== false;
+		applyValue({
+			reprocessed,
+			newRaw,
+			displayValue: buildDisplayValue(reprocessed, resolvedSlots, slotChar, showSlots && (showOnFocus || reprocessed.length > 0)),
+			resolvedSlots,
+			notifyChange: false
+		});
+		return true;
+	}, [applyValue]);
 	const pushUndoState = useCallback(() => {
 		const selectionStart = inputRef.current?.selectionStart ?? rawValueRef.current.length;
 		const state = {
@@ -513,7 +542,8 @@ function useMask(options) {
 			node.addEventListener("keydown", handleKeyDown);
 			node.addEventListener("paste", handlePaste);
 			setAriaAttributes(node);
-			if (options.alwaysShowMask && !node.value) {
+			const hasInitialValue = initializeInputValue(node);
+			if (options.alwaysShowMask && !hasInitialValue) {
 				const { slots, slotChar } = getResolvedOptions(options, "");
 				const display = buildDisplayValue("", slots, slotChar, true);
 				node.value = display;
@@ -529,6 +559,7 @@ function useMask(options) {
 		handleMouseUp,
 		handleKeyDown,
 		handlePaste,
+		initializeInputValue,
 		setAriaAttributes,
 		options
 	]);