@mantine/hooks 9.0.0-alpha.6 → 9.0.0-alpha.7

package/esm/use-roving-index/use-roving-index.mjs

@@ -1,200 +0,0 @@
-"use client";
-import { useUncontrolled } from "../use-uncontrolled/use-uncontrolled.mjs";
-import { useCallback, useEffect, useRef } from "react";
-//#region packages/@mantine/hooks/src/use-roving-index/use-roving-index.ts
-function findNextEnabled(current, total, isItemDisabled, loop) {
-	for (let i = current + 1; i < total; i += 1) if (!isItemDisabled(i)) return i;
-	if (loop) {
-		for (let i = 0; i < current; i += 1) if (!isItemDisabled(i)) return i;
-	}
-	return current;
-}
-function findPreviousEnabled(current, total, isItemDisabled, loop) {
-	for (let i = current - 1; i >= 0; i -= 1) if (!isItemDisabled(i)) return i;
-	if (loop) {
-		for (let i = total - 1; i > current; i -= 1) if (!isItemDisabled(i)) return i;
-	}
-	return current;
-}
-function findFirstEnabled(total, isItemDisabled) {
-	for (let i = 0; i < total; i += 1) if (!isItemDisabled(i)) return i;
-	return 0;
-}
-function findLastEnabled(total, isItemDisabled) {
-	for (let i = total - 1; i >= 0; i -= 1) if (!isItemDisabled(i)) return i;
-	return 0;
-}
-const defaultIsItemDisabled = () => false;
-function useRovingIndex(input) {
-	const { total, orientation = "horizontal", loop = true, dir = "ltr", activateOnFocus = false, columns, focusedIndex, initialIndex, onFocusChange, isItemDisabled = defaultIsItemDisabled } = input;
-	const itemRefs = useRef(/* @__PURE__ */ new Map());
-	const isGrid = typeof columns === "number" && columns > 0;
-	const [activeIndex, setActiveIndex] = useUncontrolled({
-		value: focusedIndex,
-		defaultValue: initialIndex !== void 0 ? initialIndex : findFirstEnabled(total, isItemDisabled),
-		finalValue: 0,
-		onChange: onFocusChange
-	});
-	useEffect(() => {
-		if (total === 0) return;
-		if (activeIndex >= total) setActiveIndex(findLastEnabled(total, isItemDisabled));
-		else if (isItemDisabled(activeIndex)) setActiveIndex(findFirstEnabled(total, isItemDisabled));
-	}, [
-		total,
-		activeIndex,
-		isItemDisabled
-	]);
-	const focusItem = useCallback((index) => {
-		setActiveIndex(index);
-		const element = itemRefs.current.get(index);
-		if (element) {
-			element.focus();
-			if (activateOnFocus) element.click();
-		}
-	}, [activateOnFocus, setActiveIndex]);
-	const handleGridKeyDown = useCallback((event, currentIndex) => {
-		const row = Math.floor(currentIndex / columns);
-		const col = currentIndex % columns;
-		const totalRows = Math.ceil(total / columns);
-		let nextIndex = null;
-		const isRtl = dir === "rtl";
-		switch (event.key) {
-			case "ArrowRight": {
-				const targetCol = isRtl ? col - 1 : col + 1;
-				if (targetCol >= 0 && targetCol < columns && row * columns + targetCol < total) {
-					const candidate = row * columns + targetCol;
-					if (!isItemDisabled(candidate)) nextIndex = candidate;
-				}
-				break;
-			}
-			case "ArrowLeft": {
-				const targetCol = isRtl ? col + 1 : col - 1;
-				if (targetCol >= 0 && targetCol < columns && row * columns + targetCol < total) {
-					const candidate = row * columns + targetCol;
-					if (!isItemDisabled(candidate)) nextIndex = candidate;
-				}
-				break;
-			}
-			case "ArrowDown":
-				for (let r = row + 1; r < totalRows; r += 1) {
-					const candidate = r * columns + col;
-					if (candidate < total && !isItemDisabled(candidate)) {
-						nextIndex = candidate;
-						break;
-					}
-				}
-				break;
-			case "ArrowUp":
-				for (let r = row - 1; r >= 0; r -= 1) {
-					const candidate = r * columns + col;
-					if (candidate < total && !isItemDisabled(candidate)) {
-						nextIndex = candidate;
-						break;
-					}
-				}
-				break;
-			case "Home":
-				if (event.ctrlKey) nextIndex = findFirstEnabled(total, isItemDisabled);
-				else {
-					const rowStart = row * columns;
-					for (let i = rowStart; i < rowStart + columns && i < total; i += 1) if (!isItemDisabled(i)) {
-						nextIndex = i;
-						break;
-					}
-				}
-				break;
-			case "End":
-				if (event.ctrlKey) nextIndex = findLastEnabled(total, isItemDisabled);
-				else {
-					const rowStart = row * columns;
-					const rowEnd = Math.min(rowStart + columns, total) - 1;
-					for (let i = rowEnd; i >= rowStart; i -= 1) if (!isItemDisabled(i)) {
-						nextIndex = i;
-						break;
-					}
-				}
-				break;
-		}
-		if (nextIndex !== null && nextIndex !== currentIndex) {
-			event.preventDefault();
-			event.stopPropagation();
-			focusItem(nextIndex);
-		}
-	}, [
-		total,
-		columns,
-		dir,
-		isItemDisabled,
-		focusItem
-	]);
-	const handleListKeyDown = useCallback((event, currentIndex) => {
-		const isRtl = dir === "rtl";
-		let nextIndex = null;
-		switch (event.key) {
-			case "ArrowRight":
-				if (orientation === "horizontal" || orientation === "both") nextIndex = isRtl ? findPreviousEnabled(currentIndex, total, isItemDisabled, loop) : findNextEnabled(currentIndex, total, isItemDisabled, loop);
-				break;
-			case "ArrowLeft":
-				if (orientation === "horizontal" || orientation === "both") nextIndex = isRtl ? findNextEnabled(currentIndex, total, isItemDisabled, loop) : findPreviousEnabled(currentIndex, total, isItemDisabled, loop);
-				break;
-			case "ArrowDown":
-				if (orientation === "vertical" || orientation === "both") nextIndex = findNextEnabled(currentIndex, total, isItemDisabled, loop);
-				break;
-			case "ArrowUp":
-				if (orientation === "vertical" || orientation === "both") nextIndex = findPreviousEnabled(currentIndex, total, isItemDisabled, loop);
-				break;
-			case "Home":
-				nextIndex = findFirstEnabled(total, isItemDisabled);
-				break;
-			case "End":
-				nextIndex = findLastEnabled(total, isItemDisabled);
-				break;
-		}
-		if (nextIndex !== null && nextIndex !== currentIndex) {
-			event.preventDefault();
-			event.stopPropagation();
-			focusItem(nextIndex);
-		}
-	}, [
-		total,
-		orientation,
-		loop,
-		dir,
-		isItemDisabled,
-		focusItem
-	]);
-	return {
-		getItemProps: useCallback((options) => {
-			const { index, onClick, onKeyDown } = options;
-			return {
-				tabIndex: index === activeIndex ? 0 : -1,
-				ref: (node) => {
-					if (node) itemRefs.current.set(index, node);
-					else itemRefs.current.delete(index);
-				},
-				onKeyDown: (event) => {
-					onKeyDown?.(event);
-					if (event.defaultPrevented) return;
-					if (isGrid) handleGridKeyDown(event, index);
-					else handleListKeyDown(event, index);
-				},
-				onClick: (event) => {
-					onClick?.(event);
-					setActiveIndex(index);
-				}
-			};
-		}, [
-			activeIndex,
-			isGrid,
-			handleGridKeyDown,
-			handleListKeyDown,
-			setActiveIndex
-		]),
-		focusedIndex: activeIndex,
-		setFocusedIndex: setActiveIndex
-	};
-}
-//#endregion
-export { useRovingIndex };
-
-//# sourceMappingURL=use-roving-index.mjs.map

package/esm/use-roving-index/use-roving-index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-roving-index.mjs","names":[],"sources":["../../src/use-roving-index/use-roving-index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useUncontrolled } from '../use-uncontrolled/use-uncontrolled';\n\nexport interface UseRovingIndexInput {\n  /** Total number of items in the group */\n  total: number;\n\n  /** Which arrow keys navigate, `'horizontal'` by default */\n  orientation?: 'horizontal' | 'vertical' | 'both';\n\n  /** Whether navigation wraps at boundaries, `true` by default */\n  loop?: boolean;\n\n  /** Text direction, `'ltr'` by default */\n  dir?: 'rtl' | 'ltr';\n\n  /** Whether to click element when it receives focus via keyboard, `false` by default */\n  activateOnFocus?: boolean;\n\n  /** Number of columns for grid (2D) navigation. When set, enables grid mode */\n  columns?: number;\n\n  /** Controlled focused index */\n  focusedIndex?: number;\n\n  /** Initial focused index for uncontrolled mode, first non-disabled item by default */\n  initialIndex?: number;\n\n  /** Called when focused index changes */\n  onFocusChange?: (index: number) => void;\n\n  /** Function to check if item at given index is disabled, `() => false` by default */\n  isItemDisabled?: (index: number) => boolean;\n}\n\nexport interface UseRovingIndexGetItemPropsInput {\n  /** Index of the item in the group */\n  index: number;\n\n  /** Called when item is clicked */\n  onClick?: React.MouseEventHandler;\n\n  /** Called when keydown event fires on item */\n  onKeyDown?: React.KeyboardEventHandler;\n}\n\nexport interface UseRovingIndexReturnValue {\n  /** Get props to spread on each navigable item */\n  getItemProps: (options: UseRovingIndexGetItemPropsInput) => {\n    tabIndex: 0 | -1;\n    onKeyDown: React.KeyboardEventHandler;\n    onClick: React.MouseEventHandler;\n    ref: React.RefCallback<HTMLElement>;\n  };\n\n  /** Currently focused index */\n  focusedIndex: number;\n\n  /** Programmatically set focused index */\n  setFocusedIndex: (index: number) => void;\n}\n\nfunction findNextEnabled(\n  current: number,\n  total: number,\n  isItemDisabled: (index: number) => boolean,\n  loop: boolean\n): number {\n  for (let i = current + 1; i < total; i += 1) {\n    if (!isItemDisabled(i)) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = 0; i < current; i += 1) {\n      if (!isItemDisabled(i)) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\nfunction findPreviousEnabled(\n  current: number,\n  total: number,\n  isItemDisabled: (index: number) => boolean,\n  loop: boolean\n): number {\n  for (let i = current - 1; i >= 0; i -= 1) {\n    if (!isItemDisabled(i)) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = total - 1; i > current; i -= 1) {\n      if (!isItemDisabled(i)) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\nfunction findFirstEnabled(total: number, isItemDisabled: (index: number) => boolean): number {\n  for (let i = 0; i < total; i += 1) {\n    if (!isItemDisabled(i)) {\n      return i;\n    }\n  }\n\n  return 0;\n}\n\nfunction findLastEnabled(total: number, isItemDisabled: (index: number) => boolean): number {\n  for (let i = total - 1; i >= 0; i -= 1) {\n    if (!isItemDisabled(i)) {\n      return i;\n    }\n  }\n\n  return 0;\n}\n\nconst defaultIsItemDisabled = () => false;\n\nexport function useRovingIndex(input: UseRovingIndexInput): UseRovingIndexReturnValue {\n  const {\n    total,\n    orientation = 'horizontal',\n    loop = true,\n    dir = 'ltr',\n    activateOnFocus = false,\n    columns,\n    focusedIndex,\n    initialIndex,\n    onFocusChange,\n    isItemDisabled = defaultIsItemDisabled,\n  } = input;\n\n  const itemRefs = useRef<Map<number, HTMLElement>>(new Map());\n  const isGrid = typeof columns === 'number' && columns > 0;\n\n  const resolvedInitialIndex =\n    initialIndex !== undefined ? initialIndex : findFirstEnabled(total, isItemDisabled);\n\n  const [activeIndex, setActiveIndex] = useUncontrolled({\n    value: focusedIndex,\n    defaultValue: resolvedInitialIndex,\n    finalValue: 0,\n    onChange: onFocusChange,\n  });\n\n  useEffect(() => {\n    if (total === 0) {\n      return;\n    }\n\n    if (activeIndex >= total) {\n      setActiveIndex(findLastEnabled(total, isItemDisabled));\n    } else if (isItemDisabled(activeIndex)) {\n      setActiveIndex(findFirstEnabled(total, isItemDisabled));\n    }\n  }, [total, activeIndex, isItemDisabled]);\n\n  const focusItem = useCallback(\n    (index: number) => {\n      setActiveIndex(index);\n      const element = itemRefs.current.get(index);\n      if (element) {\n        element.focus();\n        if (activateOnFocus) {\n          element.click();\n        }\n      }\n    },\n    [activateOnFocus, setActiveIndex]\n  );\n\n  const handleGridKeyDown = useCallback(\n    (event: React.KeyboardEvent, currentIndex: number) => {\n      const row = Math.floor(currentIndex / columns!);\n      const col = currentIndex % columns!;\n      const totalRows = Math.ceil(total / columns!);\n      let nextIndex: number | null = null;\n\n      const isRtl = dir === 'rtl';\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          const targetCol = isRtl ? col - 1 : col + 1;\n          if (targetCol >= 0 && targetCol < columns! && row * columns! + targetCol < total) {\n            const candidate = row * columns! + targetCol;\n            if (!isItemDisabled(candidate)) {\n              nextIndex = candidate;\n            }\n          }\n          break;\n        }\n\n        case 'ArrowLeft': {\n          const targetCol = isRtl ? col + 1 : col - 1;\n          if (targetCol >= 0 && targetCol < columns! && row * columns! + targetCol < total) {\n            const candidate = row * columns! + targetCol;\n            if (!isItemDisabled(candidate)) {\n              nextIndex = candidate;\n            }\n          }\n          break;\n        }\n\n        case 'ArrowDown': {\n          for (let r = row + 1; r < totalRows; r += 1) {\n            const candidate = r * columns! + col;\n            if (candidate < total && !isItemDisabled(candidate)) {\n              nextIndex = candidate;\n              break;\n            }\n          }\n          break;\n        }\n\n        case 'ArrowUp': {\n          for (let r = row - 1; r >= 0; r -= 1) {\n            const candidate = r * columns! + col;\n            if (candidate < total && !isItemDisabled(candidate)) {\n              nextIndex = candidate;\n              break;\n            }\n          }\n          break;\n        }\n\n        case 'Home': {\n          if (event.ctrlKey) {\n            nextIndex = findFirstEnabled(total, isItemDisabled);\n          } else {\n            const rowStart = row * columns!;\n            for (let i = rowStart; i < rowStart + columns! && i < total; i += 1) {\n              if (!isItemDisabled(i)) {\n                nextIndex = i;\n                break;\n              }\n            }\n          }\n          break;\n        }\n\n        case 'End': {\n          if (event.ctrlKey) {\n            nextIndex = findLastEnabled(total, isItemDisabled);\n          } else {\n            const rowStart = row * columns!;\n            const rowEnd = Math.min(rowStart + columns!, total) - 1;\n            for (let i = rowEnd; i >= rowStart; i -= 1) {\n              if (!isItemDisabled(i)) {\n                nextIndex = i;\n                break;\n              }\n            }\n          }\n          break;\n        }\n      }\n\n      if (nextIndex !== null && nextIndex !== currentIndex) {\n        event.preventDefault();\n        event.stopPropagation();\n        focusItem(nextIndex);\n      }\n    },\n    [total, columns, dir, isItemDisabled, focusItem]\n  );\n\n  const handleListKeyDown = useCallback(\n    (event: React.KeyboardEvent, currentIndex: number) => {\n      const isRtl = dir === 'rtl';\n      let nextIndex: number | null = null;\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          if (orientation === 'horizontal' || orientation === 'both') {\n            nextIndex = isRtl\n              ? findPreviousEnabled(currentIndex, total, isItemDisabled, loop)\n              : findNextEnabled(currentIndex, total, isItemDisabled, loop);\n          }\n          break;\n        }\n\n        case 'ArrowLeft': {\n          if (orientation === 'horizontal' || orientation === 'both') {\n            nextIndex = isRtl\n              ? findNextEnabled(currentIndex, total, isItemDisabled, loop)\n              : findPreviousEnabled(currentIndex, total, isItemDisabled, loop);\n          }\n          break;\n        }\n\n        case 'ArrowDown': {\n          if (orientation === 'vertical' || orientation === 'both') {\n            nextIndex = findNextEnabled(currentIndex, total, isItemDisabled, loop);\n          }\n          break;\n        }\n\n        case 'ArrowUp': {\n          if (orientation === 'vertical' || orientation === 'both') {\n            nextIndex = findPreviousEnabled(currentIndex, total, isItemDisabled, loop);\n          }\n          break;\n        }\n\n        case 'Home': {\n          nextIndex = findFirstEnabled(total, isItemDisabled);\n          break;\n        }\n\n        case 'End': {\n          nextIndex = findLastEnabled(total, isItemDisabled);\n          break;\n        }\n      }\n\n      if (nextIndex !== null && nextIndex !== currentIndex) {\n        event.preventDefault();\n        event.stopPropagation();\n        focusItem(nextIndex);\n      }\n    },\n    [total, orientation, loop, dir, isItemDisabled, focusItem]\n  );\n\n  const getItemProps = useCallback(\n    (options: UseRovingIndexGetItemPropsInput) => {\n      const { index, onClick, onKeyDown } = options;\n\n      return {\n        tabIndex: (index === activeIndex ? 0 : -1) as 0 | -1,\n\n        ref: (node: HTMLElement | null) => {\n          if (node) {\n            itemRefs.current.set(index, node);\n          } else {\n            itemRefs.current.delete(index);\n          }\n        },\n\n        onKeyDown: (event: React.KeyboardEvent) => {\n          onKeyDown?.(event);\n\n          if (event.defaultPrevented) {\n            return;\n          }\n\n          if (isGrid) {\n            handleGridKeyDown(event, index);\n          } else {\n            handleListKeyDown(event, index);\n          }\n        },\n\n        onClick: (event: React.MouseEvent) => {\n          onClick?.(event);\n          setActiveIndex(index);\n        },\n      };\n    },\n    [activeIndex, isGrid, handleGridKeyDown, handleListKeyDown, setActiveIndex]\n  );\n\n  return {\n    getItemProps,\n    focusedIndex: activeIndex,\n    setFocusedIndex: setActiveIndex,\n  };\n}\n\nexport namespace useRovingIndex {\n  export type Input = UseRovingIndexInput;\n  export type GetItemPropsInput = UseRovingIndexGetItemPropsInput;\n  export type ReturnValue = UseRovingIndexReturnValue;\n}\n"],"mappings":"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"}

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

@@ -1,433 +0,0 @@
-"use client";
-import { useUncontrolled } from "../use-uncontrolled/use-uncontrolled.mjs";
-import { useCallback, useRef, useState } from "react";
-//#region packages/@mantine/hooks/src/use-splitter/use-splitter.ts
-function clamp(value, min, max) {
-	return Math.min(Math.max(value, min), max);
-}
-function getMin(panel) {
-	return panel.min ?? 0;
-}
-function getMax(panel) {
-	return panel.max ?? 100;
-}
-function getCollapseThreshold(panel) {
-	return panel.collapseThreshold ?? getMin(panel);
-}
-function createInitialInternalState() {
-	return {
-		isDragging: false,
-		handleIndex: -1,
-		startPointer: 0,
-		containerSize: 0,
-		startSizes: [],
-		preCollapseSizes: []
-	};
-}
-function checkCollapse(sizes, panels, handleIndex, delta) {
-	const beforeIdx = handleIndex;
-	const afterIdx = handleIndex + 1;
-	const beforePanel = panels[beforeIdx];
-	const afterPanel = panels[afterIdx];
-	const rawBefore = sizes[beforeIdx] + delta;
-	const rawAfter = sizes[afterIdx] - delta;
-	if (beforePanel.collapsible && rawBefore < getCollapseThreshold(beforePanel) && rawBefore < sizes[beforeIdx]) {
-		const result = [...sizes];
-		result[afterIdx] += result[beforeIdx];
-		result[beforeIdx] = 0;
-		return result;
-	}
-	if (afterPanel.collapsible && rawAfter < getCollapseThreshold(afterPanel) && rawAfter < sizes[afterIdx]) {
-		const result = [...sizes];
-		result[beforeIdx] += result[afterIdx];
-		result[afterIdx] = 0;
-		return result;
-	}
-	return null;
-}
-function applyAdjacentOnly(sizes, panels, handleIndex, delta) {
-	const result = [...sizes];
-	const beforeIdx = handleIndex;
-	const afterIdx = handleIndex + 1;
-	const total = result[beforeIdx] + result[afterIdx];
-	const effectiveBeforeMax = Math.min(getMax(panels[beforeIdx]), total - getMin(panels[afterIdx]));
-	const effectiveBeforeMin = Math.max(getMin(panels[beforeIdx]), total - getMax(panels[afterIdx]));
-	const newBefore = clamp(result[beforeIdx] + delta, effectiveBeforeMin, effectiveBeforeMax);
-	result[beforeIdx] = newBefore;
-	result[afterIdx] = total - newBefore;
-	return result;
-}
-function redistributeNearest(sizes, panels, handleIndex, delta) {
-	const result = [...sizes];
-	if (delta > 0) {
-		const growIdx = handleIndex;
-		const maxGrow = getMax(panels[growIdx]) - result[growIdx];
-		const wantedGrow = Math.min(delta, maxGrow);
-		let taken = 0;
-		for (let i = handleIndex + 1; i < result.length && taken < wantedGrow; i += 1) {
-			const canGive = result[i] - getMin(panels[i]);
-			const take = Math.min(canGive, wantedGrow - taken);
-			result[i] -= take;
-			taken += take;
-		}
-		result[growIdx] += taken;
-	} else if (delta < 0) {
-		const growIdx = handleIndex + 1;
-		const maxGrow = getMax(panels[growIdx]) - result[growIdx];
-		const wantedGrow = Math.min(Math.abs(delta), maxGrow);
-		let taken = 0;
-		for (let i = handleIndex; i >= 0 && taken < wantedGrow; i -= 1) {
-			const canGive = result[i] - getMin(panels[i]);
-			const take = Math.min(canGive, wantedGrow - taken);
-			result[i] -= take;
-			taken += take;
-		}
-		result[growIdx] += taken;
-	}
-	return result;
-}
-function redistributeEqual(sizes, panels, handleIndex, delta) {
-	const result = [...sizes];
-	if (delta > 0) {
-		const growIdx = handleIndex;
-		const maxGrow = getMax(panels[growIdx]) - result[growIdx];
-		const wantedGrow = Math.min(delta, maxGrow);
-		const donors = [];
-		for (let i = handleIndex + 1; i < result.length; i += 1) if (result[i] > getMin(panels[i])) donors.push(i);
-		let remaining = wantedGrow;
-		while (remaining > .001 && donors.length > 0) {
-			const perDonor = remaining / donors.length;
-			const exhausted = [];
-			for (let d = 0; d < donors.length; d += 1) {
-				const idx = donors[d];
-				const canGive = result[idx] - getMin(panels[idx]);
-				const take = Math.min(canGive, perDonor);
-				result[idx] -= take;
-				remaining -= take;
-				if (canGive <= perDonor + .001) exhausted.push(d);
-			}
-			for (let i = exhausted.length - 1; i >= 0; i -= 1) donors.splice(exhausted[i], 1);
-			if (exhausted.length === 0) break;
-		}
-		result[growIdx] += wantedGrow - remaining;
-	} else if (delta < 0) {
-		const growIdx = handleIndex + 1;
-		const maxGrow = getMax(panels[growIdx]) - result[growIdx];
-		const wantedGrow = Math.min(Math.abs(delta), maxGrow);
-		const donors = [];
-		for (let i = handleIndex; i >= 0; i -= 1) if (result[i] > getMin(panels[i])) donors.push(i);
-		let remaining = wantedGrow;
-		while (remaining > .001 && donors.length > 0) {
-			const perDonor = remaining / donors.length;
-			const exhausted = [];
-			for (let d = 0; d < donors.length; d += 1) {
-				const idx = donors[d];
-				const canGive = result[idx] - getMin(panels[idx]);
-				const take = Math.min(canGive, perDonor);
-				result[idx] -= take;
-				remaining -= take;
-				if (canGive <= perDonor + .001) exhausted.push(d);
-			}
-			for (let i = exhausted.length - 1; i >= 0; i -= 1) donors.splice(exhausted[i], 1);
-			if (exhausted.length === 0) break;
-		}
-		result[growIdx] += wantedGrow - remaining;
-	}
-	return result;
-}
-function applyConstraints(sizes, panels, handleIndex, delta, redistribute) {
-	if (typeof redistribute === "function") return redistribute({
-		sizes: [...sizes],
-		panels,
-		handleIndex,
-		delta
-	});
-	if (redistribute === "nearest" || redistribute === "equal") {
-		const result = (redistribute === "nearest" ? redistributeNearest : redistributeEqual)(sizes, panels, handleIndex, delta);
-		const beforeIdx = handleIndex;
-		const afterIdx = handleIndex + 1;
-		const beforePanel = panels[beforeIdx];
-		const afterPanel = panels[afterIdx];
-		if (beforePanel.collapsible && result[beforeIdx] < getCollapseThreshold(beforePanel) && result[beforeIdx] < sizes[beforeIdx]) {
-			const freed = result[beforeIdx];
-			result[afterIdx] += freed;
-			result[beforeIdx] = 0;
-		} else if (afterPanel.collapsible && result[afterIdx] < getCollapseThreshold(afterPanel) && result[afterIdx] < sizes[afterIdx]) {
-			const freed = result[afterIdx];
-			result[beforeIdx] += freed;
-			result[afterIdx] = 0;
-		}
-		return result;
-	}
-	const collapsed = checkCollapse(sizes, panels, handleIndex, delta);
-	if (collapsed) return collapsed;
-	return applyAdjacentOnly(sizes, panels, handleIndex, delta);
-}
-function useSplitter(options) {
-	const { panels, orientation = "horizontal", sizes: controlledSizes, onSizeChange, onCollapseChange, redistribute, step = 1, shiftStep = 10, dir = "ltr", enabled = true } = options;
-	const defaultSizes = panels.map((p) => p.defaultSize);
-	const [currentSizes, setCurrentSizes] = useUncontrolled({
-		value: controlledSizes,
-		defaultValue: defaultSizes,
-		finalValue: defaultSizes,
-		onChange: onSizeChange
-	});
-	const [activeHandle, setActiveHandle] = useState(-1);
-	const optionsRef = useRef(options);
-	optionsRef.current = options;
-	const internalStateRef = useRef(createInitialInternalState());
-	const containerRef = useRef(null);
-	const documentControllerRef = useRef(null);
-	const frameRef = useRef(0);
-	const currentSizesRef = useRef(currentSizes);
-	currentSizesRef.current = currentSizes;
-	const preCollapseSizesRef = useRef(defaultSizes);
-	const collapsed = currentSizes.map((size) => size === 0);
-	const updateSizes = useCallback((newSizes) => {
-		currentSizesRef.current = newSizes;
-		setCurrentSizes(newSizes);
-	}, [setCurrentSizes]);
-	const collapsePanel = useCallback((panelIndex) => {
-		if (!panels[panelIndex]?.collapsible) return;
-		const sizes = currentSizesRef.current;
-		if (sizes[panelIndex] === 0) return;
-		preCollapseSizesRef.current = [...sizes];
-		const newSizes = [...sizes];
-		const freedSize = newSizes[panelIndex];
-		newSizes[panelIndex] = 0;
-		const neighbor = panelIndex === 0 ? 1 : panelIndex - 1;
-		newSizes[neighbor] += freedSize;
-		updateSizes(newSizes);
-		onCollapseChange?.(panelIndex, true);
-	}, [
-		panels,
-		updateSizes,
-		onCollapseChange
-	]);
-	const expandPanel = useCallback((panelIndex) => {
-		if (!panels[panelIndex]?.collapsible) return;
-		const sizes = currentSizesRef.current;
-		if (sizes[panelIndex] !== 0) return;
-		const restoreSize = preCollapseSizesRef.current[panelIndex] || panels[panelIndex].defaultSize;
-		const newSizes = [...sizes];
-		const neighbor = panelIndex === 0 ? 1 : panelIndex - 1;
-		const available = newSizes[neighbor] - getMin(panels[neighbor]);
-		const actualRestore = Math.min(restoreSize, available);
-		newSizes[panelIndex] = actualRestore;
-		newSizes[neighbor] -= actualRestore;
-		updateSizes(newSizes);
-		onCollapseChange?.(panelIndex, false);
-	}, [
-		panels,
-		updateSizes,
-		onCollapseChange
-	]);
-	const toggleCollapsePanel = useCallback((panelIndex) => {
-		if (currentSizesRef.current[panelIndex] === 0) expandPanel(panelIndex);
-		else collapsePanel(panelIndex);
-	}, [collapsePanel, expandPanel]);
-	const containerRefCallback = useCallback((node) => {
-		containerRef.current = node;
-	}, []);
-	const handleRefCallbacks = useRef(/* @__PURE__ */ new Map());
-	const handleElementControllers = useRef(/* @__PURE__ */ new Map());
-	const getHandleRefCallback = useCallback((handleIndex) => {
-		if (handleRefCallbacks.current.has(handleIndex)) return handleRefCallbacks.current.get(handleIndex);
-		const callback = (node) => {
-			const existingController = handleElementControllers.current.get(handleIndex);
-			if (existingController) {
-				existingController.abort();
-				handleElementControllers.current.delete(handleIndex);
-			}
-			if (!node) return;
-			const elementController = new AbortController();
-			handleElementControllers.current.set(handleIndex, elementController);
-			const onPointerDown = (event) => {
-				if (optionsRef.current.enabled === false) return;
-				if (event.button !== 0) return;
-				const container = containerRef.current;
-				if (!container) return;
-				const rect = container.getBoundingClientRect();
-				const isHorizontal = (optionsRef.current.orientation ?? "horizontal") === "horizontal";
-				const containerSize = isHorizontal ? rect.width : rect.height;
-				const pointerPos = isHorizontal ? event.clientX : event.clientY;
-				const s = internalStateRef.current;
-				s.isDragging = true;
-				s.handleIndex = handleIndex;
-				s.startPointer = pointerPos;
-				s.containerSize = containerSize;
-				s.startSizes = [...currentSizesRef.current];
-				s.preCollapseSizes = [...preCollapseSizesRef.current];
-				setActiveHandle(handleIndex);
-				document.body.style.userSelect = "none";
-				document.body.style.webkitUserSelect = "none";
-				document.body.style.cursor = isHorizontal ? "col-resize" : "row-resize";
-				optionsRef.current.onResizeStart?.(handleIndex);
-				documentControllerRef.current?.abort();
-				documentControllerRef.current = new AbortController();
-				const sig = documentControllerRef.current.signal;
-				document.addEventListener("pointermove", onPointerMove, { signal: sig });
-				document.addEventListener("pointerup", onPointerUp, { signal: sig });
-				document.addEventListener("pointercancel", onPointerUp, { signal: sig });
-			};
-			const flushResize = (pointerEvent) => {
-				const s = internalStateRef.current;
-				const percentDelta = (((optionsRef.current.orientation ?? "horizontal") === "horizontal" ? pointerEvent.clientX : pointerEvent.clientY) - s.startPointer) / s.containerSize * 100;
-				const opts = optionsRef.current;
-				const newSizes = applyConstraints(s.startSizes, opts.panels, s.handleIndex, percentDelta, opts.redistribute);
-				const prevSizes = currentSizesRef.current;
-				const beforeWasCollapsed = prevSizes[s.handleIndex] === 0;
-				const afterWasCollapsed = prevSizes[s.handleIndex + 1] === 0;
-				const beforeNowCollapsed = newSizes[s.handleIndex] === 0;
-				const afterNowCollapsed = newSizes[s.handleIndex + 1] === 0;
-				if (!beforeWasCollapsed && beforeNowCollapsed) {
-					preCollapseSizesRef.current = [...s.startSizes];
-					opts.onCollapseChange?.(s.handleIndex, true);
-				} else if (beforeWasCollapsed && !beforeNowCollapsed) opts.onCollapseChange?.(s.handleIndex, false);
-				if (!afterWasCollapsed && afterNowCollapsed) {
-					preCollapseSizesRef.current = [...s.startSizes];
-					opts.onCollapseChange?.(s.handleIndex + 1, true);
-				} else if (afterWasCollapsed && !afterNowCollapsed) opts.onCollapseChange?.(s.handleIndex + 1, false);
-				currentSizesRef.current = newSizes;
-				setCurrentSizes(newSizes);
-			};
-			const onPointerMove = (event) => {
-				if (!internalStateRef.current.isDragging) return;
-				cancelAnimationFrame(frameRef.current);
-				frameRef.current = requestAnimationFrame(() => {
-					flushResize(event);
-				});
-			};
-			const onPointerUp = (event) => {
-				const s = internalStateRef.current;
-				if (!s.isDragging) return;
-				cancelAnimationFrame(frameRef.current);
-				flushResize(event);
-				s.isDragging = false;
-				const finishedHandle = s.handleIndex;
-				s.handleIndex = -1;
-				setActiveHandle(-1);
-				document.body.style.userSelect = "";
-				document.body.style.webkitUserSelect = "";
-				document.body.style.cursor = "";
-				documentControllerRef.current?.abort();
-				documentControllerRef.current = null;
-				optionsRef.current.onResizeEnd?.(finishedHandle, [...currentSizesRef.current]);
-			};
-			node.addEventListener("pointerdown", onPointerDown, { signal: elementController.signal });
-		};
-		handleRefCallbacks.current.set(handleIndex, callback);
-		return callback;
-	}, [setCurrentSizes]);
-	return {
-		ref: containerRefCallback,
-		sizes: currentSizes,
-		collapsed,
-		activeHandle,
-		getHandleProps: useCallback((input) => {
-			const { index } = input;
-			const orient = orientation;
-			const beforeSize = currentSizes[index] ?? 0;
-			const beforePanel = panels[index];
-			const afterPanel = panels[index + 1];
-			return {
-				ref: getHandleRefCallback(index),
-				role: "separator",
-				"aria-orientation": orient,
-				"aria-valuenow": Math.round(beforeSize),
-				"aria-valuemin": Math.round(getMin(beforePanel)),
-				"aria-valuemax": Math.round(getMax(beforePanel)),
-				tabIndex: 0,
-				onKeyDown: (event) => {
-					if (!enabled) return;
-					const isHorizontal = orient === "horizontal";
-					const isRtl = dir === "rtl";
-					let delta = 0;
-					const currentStep = event.shiftKey ? shiftStep : step;
-					switch (event.key) {
-						case "ArrowLeft":
-							if (isHorizontal) delta = isRtl ? currentStep : -currentStep;
-							break;
-						case "ArrowRight":
-							if (isHorizontal) delta = isRtl ? -currentStep : currentStep;
-							break;
-						case "ArrowUp":
-							if (!isHorizontal) delta = -currentStep;
-							break;
-						case "ArrowDown":
-							if (!isHorizontal) delta = currentStep;
-							break;
-						case "Home":
-							delta = -(currentSizes[index] - getMin(beforePanel));
-							break;
-						case "End":
-							delta = getMax(beforePanel) - currentSizes[index];
-							break;
-						case "Enter": {
-							const beforeCollapsible = beforePanel?.collapsible;
-							const afterCollapsible = afterPanel?.collapsible;
-							if (beforeCollapsible && currentSizes[index] <= currentSizes[index + 1]) {
-								toggleCollapsePanel(index);
-								event.preventDefault();
-								return;
-							}
-							if (afterCollapsible) {
-								toggleCollapsePanel(index + 1);
-								event.preventDefault();
-								return;
-							}
-							if (beforeCollapsible) {
-								toggleCollapsePanel(index);
-								event.preventDefault();
-								return;
-							}
-							return;
-						}
-						default: return;
-					}
-					event.preventDefault();
-					if (delta !== 0) {
-						const newSizes = applyConstraints(currentSizes, panels, index, delta, redistribute);
-						const beforeWas = currentSizes[index] === 0;
-						const afterWas = currentSizes[index + 1] === 0;
-						const beforeNow = newSizes[index] === 0;
-						const afterNow = newSizes[index + 1] === 0;
-						if (!beforeWas && beforeNow) {
-							preCollapseSizesRef.current = [...currentSizes];
-							onCollapseChange?.(index, true);
-						} else if (beforeWas && !beforeNow) onCollapseChange?.(index, false);
-						if (!afterWas && afterNow) {
-							preCollapseSizesRef.current = [...currentSizes];
-							onCollapseChange?.(index + 1, true);
-						} else if (afterWas && !afterNow) onCollapseChange?.(index + 1, false);
-						updateSizes(newSizes);
-					}
-				},
-				"data-active": activeHandle === index || void 0,
-				"data-orientation": orient
-			};
-		}, [
-			orientation,
-			currentSizes,
-			panels,
-			enabled,
-			dir,
-			step,
-			shiftStep,
-			activeHandle,
-			redistribute,
-			getHandleRefCallback,
-			toggleCollapsePanel,
-			updateSizes,
-			onCollapseChange
-		]),
-		setSizes: updateSizes,
-		collapse: collapsePanel,
-		expand: expandPanel,
-		toggleCollapse: toggleCollapsePanel
-	};
-}
-//#endregion
-export { useSplitter };
-
-//# sourceMappingURL=use-splitter.mjs.map