@lucasols/dnd-kit-utilities 0.1.3 → 0.2.0

package/dist/index.d.ts

@@ -1,11 +1,119 @@
-export { useCombinedRefs, useEvent, useIsomorphicLayoutEffect, useInterval, useLatestValue, useLazyMemo, useNodeRef, usePrevious, useUniqueId, } from './hooks';
-export { add, subtract } from './adjustment';
-export type { Coordinates } from './coordinates';
-export { getEventCoordinates } from './coordinates';
-export { CSS } from './css';
-export type { Transform, Transition } from './css';
-export { hasViewportRelativeCoordinates, isKeyboardEvent, isTouchEvent, } from './event';
-export { canUseDOM, getOwnerDocument, getWindow } from './execution-context';
-export { findFirstFocusableNode } from './focus';
-export { isDocument, isHTMLElement, isNode, isSVGElement, isWindow, } from './type-guards';
-export type { Arguments, DeepRequired, FirstArgument, Without } from './types';
+import { DependencyList, useLayoutEffect } from "react";
+//#region src/hooks/useCombinedRefs.d.ts
+export declare function useCombinedRefs<T>(...refs: ((node: T) => void)[]): (node: T) => void;
+//#endregion
+//#region src/hooks/useEvent.d.ts
+export declare function useEvent<T extends Function>(handler: T | undefined): (...args: any) => any;
+//#endregion
+//#region src/hooks/useIsomorphicLayoutEffect.d.ts
+/**
+ * A hook that resolves to useEffect on the server and useLayoutEffect on the client
+ * @param callback {function} Callback function that is invoked when the dependencies of the hook change
+ */
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+//#endregion
+//#region src/hooks/useInterval.d.ts
+export declare function useInterval(): readonly [(listener: Function, duration: number) => void, () => void];
+//#endregion
+//#region src/hooks/useLatestValue.d.ts
+export declare function useLatestValue<T extends any>(value: T, dependencies?: DependencyList): import("react").RefObject<T>;
+//#endregion
+//#region src/hooks/useLazyMemo.d.ts
+export declare function useLazyMemo<T>(callback: (prevValue: T | undefined) => T, dependencies: any[]): T;
+//#endregion
+//#region src/hooks/useNodeRef.d.ts
+export declare function useNodeRef(onChange?: (newElement: HTMLElement | null, previousElement: HTMLElement | null) => void): readonly [import("react").RefObject<HTMLElement | null>, (element: HTMLElement | null) => void];
+//#endregion
+//#region src/hooks/usePrevious.d.ts
+export declare function usePrevious<T>(value: T): T | undefined;
+//#endregion
+//#region src/hooks/useUniqueId.d.ts
+export declare function useUniqueId(prefix: string, value?: string): string;
+//#endregion
+//#region src/adjustment.d.ts
+export declare const add: <T extends Record<U, number>, U extends string>(object: T, ...adjustments: Partial<T>[]) => T;
+export declare const subtract: <T extends Record<U, number>, U extends string>(object: T, ...adjustments: Partial<T>[]) => T;
+//#endregion
+//#region src/coordinates/types.d.ts
+type Coordinates = {
+  x: number;
+  y: number;
+};
+//#endregion
+//#region src/coordinates/getEventCoordinates.d.ts
+/**
+ * Returns the normalized x and y coordinates for mouse and touch events.
+ */
+export declare function getEventCoordinates(event: Event): Coordinates | null;
+//#endregion
+//#region src/css.d.ts
+type Transform = {
+  x: number;
+  y: number;
+  scaleX: number;
+  scaleY: number;
+};
+interface Transition {
+  property: string;
+  easing: string;
+  duration: number;
+}
+export declare const CSS: Readonly<{
+  Translate: {
+    toString(transform: Transform | null): string | undefined;
+  };
+  Scale: {
+    toString(transform: Transform | null): string | undefined;
+  };
+  Transform: {
+    toString(transform: Transform | null): string | undefined;
+  };
+  Transition: {
+    toString({ property, duration, easing }: Transition): string;
+  };
+}>;
+//#endregion
+//#region src/event/hasViewportRelativeCoordinates.d.ts
+export declare function hasViewportRelativeCoordinates(event: Event): event is Event & Pick<PointerEvent, 'clientX' | 'clientY'>;
+//#endregion
+//#region src/event/isKeyboardEvent.d.ts
+export declare function isKeyboardEvent(event: Event | undefined | null): event is KeyboardEvent;
+//#endregion
+//#region src/event/isTouchEvent.d.ts
+export declare function isTouchEvent(event: Event | undefined | null): event is TouchEvent;
+//#endregion
+//#region src/execution-context/canUseDOM.d.ts
+export declare const canUseDOM: boolean;
+//#endregion
+//#region src/execution-context/getOwnerDocument.d.ts
+export declare function getOwnerDocument(target: Event['target']): Document;
+//#endregion
+//#region src/execution-context/getWindow.d.ts
+export declare function getWindow(target: Event['target']): typeof window;
+//#endregion
+//#region src/focus/findFirstFocusableNode.d.ts
+export declare function findFirstFocusableNode(element: HTMLElement): HTMLElement | null;
+//#endregion
+//#region src/type-guards/isDocument.d.ts
+export declare function isDocument(node: Node): node is Document;
+//#endregion
+//#region src/type-guards/isHTMLElement.d.ts
+export declare function isHTMLElement(node: Node | Window): node is HTMLElement;
+//#endregion
+//#region src/type-guards/isNode.d.ts
+export declare function isNode(node: Object): node is Node;
+//#endregion
+//#region src/type-guards/isSVGElement.d.ts
+export declare function isSVGElement(node: Node): node is SVGElement;
+//#endregion
+//#region src/type-guards/isWindow.d.ts
+export declare function isWindow(element: Object): element is typeof window;
+//#endregion
+//#region src/types.d.ts
+type Arguments<T> = T extends ((...args: infer U) => any) ? U : never;
+type DeepRequired<T> = { [K in keyof T]-?: Required<T[K]>; };
+type FirstArgument<T> = T extends ((firstArg: infer U, ...args: Array<any>) => any) ? U : never;
+type Without<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+//#endregion
+export type { Arguments, Coordinates, DeepRequired, FirstArgument, Transform, Transition, Without };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,8 +1,230 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./dnd-kit-utilities.cjs.production.min.js')
-} else {
-  module.exports = require('./dnd-kit-utilities.cjs.development.js')
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from "react";
+//#region src/hooks/useCombinedRefs.ts
+function useCombinedRefs(...refs) {
+	return useMemo(() => (node) => {
+		refs.forEach((ref) => ref(node));
+	}, refs);
+}
+//#endregion
+//#region src/execution-context/canUseDOM.ts
+const canUseDOM = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+//#endregion
+//#region src/type-guards/isWindow.ts
+function isWindow(element) {
+	const elementString = Object.prototype.toString.call(element);
+	return elementString === "[object Window]" || elementString === "[object global]";
+}
+//#endregion
+//#region src/type-guards/isNode.ts
+function isNode(node) {
+	return "nodeType" in node;
+}
+//#endregion
+//#region src/execution-context/getWindow.ts
+function getWindow(target) {
+	if (!target) return window;
+	if (isWindow(target)) return target;
+	if (!isNode(target)) return window;
+	return target.ownerDocument?.defaultView ?? window;
+}
+//#endregion
+//#region src/type-guards/isDocument.ts
+function isDocument(node) {
+	const { Document } = getWindow(node);
+	return node instanceof Document;
+}
+//#endregion
+//#region src/type-guards/isHTMLElement.ts
+function isHTMLElement(node) {
+	if (isWindow(node)) return false;
+	return node instanceof getWindow(node).HTMLElement;
+}
+//#endregion
+//#region src/type-guards/isSVGElement.ts
+function isSVGElement(node) {
+	return node instanceof getWindow(node).SVGElement;
+}
+//#endregion
+//#region src/execution-context/getOwnerDocument.ts
+function getOwnerDocument(target) {
+	if (!target) return document;
+	if (isWindow(target)) return target.document;
+	if (!isNode(target)) return document;
+	if (isDocument(target)) return target;
+	if (isHTMLElement(target) || isSVGElement(target)) return target.ownerDocument;
+	return document;
+}
+//#endregion
+//#region src/hooks/useIsomorphicLayoutEffect.ts
+/**
+* A hook that resolves to useEffect on the server and useLayoutEffect on the client
+* @param callback {function} Callback function that is invoked when the dependencies of the hook change
+*/
+const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
+//#endregion
+//#region src/hooks/useEvent.ts
+function useEvent(handler) {
+	const handlerRef = useRef(handler);
+	useIsomorphicLayoutEffect(() => {
+		handlerRef.current = handler;
+	});
+	return useCallback(function(...args) {
+		return handlerRef.current?.(...args);
+	}, []);
+}
+//#endregion
+//#region src/hooks/useInterval.ts
+function useInterval() {
+	const intervalRef = useRef(null);
+	return [useCallback((listener, duration) => {
+		intervalRef.current = setInterval(listener, duration);
+	}, []), useCallback(() => {
+		if (intervalRef.current !== null) {
+			clearInterval(intervalRef.current);
+			intervalRef.current = null;
+		}
+	}, [])];
+}
+//#endregion
+//#region src/hooks/useLatestValue.ts
+function useLatestValue(value, dependencies = [value]) {
+	const valueRef = useRef(value);
+	useIsomorphicLayoutEffect(() => {
+		if (valueRef.current !== value) valueRef.current = value;
+	}, dependencies);
+	return valueRef;
 }
+//#endregion
+//#region src/hooks/useLazyMemo.ts
+function useLazyMemo(callback, dependencies) {
+	const valueRef = useRef(void 0);
+	return useMemo(() => {
+		const newValue = callback(valueRef.current);
+		valueRef.current = newValue;
+		return newValue;
+	}, [...dependencies]);
+}
+//#endregion
+//#region src/hooks/useNodeRef.ts
+function useNodeRef(onChange) {
+	const onChangeHandler = useEvent(onChange);
+	const node = useRef(null);
+	return [node, useCallback((element) => {
+		if (element !== node.current) onChangeHandler?.(element, node.current);
+		node.current = element;
+	}, [])];
+}
+//#endregion
+//#region src/hooks/usePrevious.ts
+function usePrevious(value) {
+	const ref = useRef(void 0);
+	useEffect(() => {
+		ref.current = value;
+	}, [value]);
+	return ref.current;
+}
+//#endregion
+//#region src/hooks/useUniqueId.ts
+let ids = {};
+function useUniqueId(prefix, value) {
+	return useMemo(() => {
+		if (value) return value;
+		const id = ids[prefix] == null ? 0 : ids[prefix] + 1;
+		ids[prefix] = id;
+		return `${prefix}-${id}`;
+	}, [prefix, value]);
+}
+//#endregion
+//#region src/adjustment.ts
+function createAdjustmentFn(modifier) {
+	return (object, ...adjustments) => {
+		return adjustments.reduce((accumulator, adjustment) => {
+			const entries = Object.entries(adjustment);
+			for (const [key, valueAdjustment] of entries) {
+				const value = accumulator[key];
+				if (value != null) accumulator[key] = value + modifier * valueAdjustment;
+			}
+			return accumulator;
+		}, { ...object });
+	};
+}
+const add = createAdjustmentFn(1);
+const subtract = createAdjustmentFn(-1);
+//#endregion
+//#region src/event/hasViewportRelativeCoordinates.ts
+function hasViewportRelativeCoordinates(event) {
+	return "clientX" in event && "clientY" in event;
+}
+//#endregion
+//#region src/event/isKeyboardEvent.ts
+function isKeyboardEvent(event) {
+	if (!event) return false;
+	const { KeyboardEvent } = getWindow(event.target);
+	return KeyboardEvent && event instanceof KeyboardEvent;
+}
+//#endregion
+//#region src/event/isTouchEvent.ts
+function isTouchEvent(event) {
+	if (!event) return false;
+	const { TouchEvent } = getWindow(event.target);
+	return TouchEvent && event instanceof TouchEvent;
+}
+//#endregion
+//#region src/coordinates/getEventCoordinates.ts
+/**
+* Returns the normalized x and y coordinates for mouse and touch events.
+*/
+function getEventCoordinates(event) {
+	if (isTouchEvent(event)) {
+		if (event.touches && event.touches.length) {
+			const { clientX: x, clientY: y } = event.touches[0];
+			return {
+				x,
+				y
+			};
+		} else if (event.changedTouches && event.changedTouches.length) {
+			const { clientX: x, clientY: y } = event.changedTouches[0];
+			return {
+				x,
+				y
+			};
+		}
+	}
+	if (hasViewportRelativeCoordinates(event)) return {
+		x: event.clientX,
+		y: event.clientY
+	};
+	return null;
+}
+//#endregion
+//#region src/css.ts
+const CSS = Object.freeze({
+	Translate: { toString(transform) {
+		if (!transform) return;
+		const { x, y } = transform;
+		return `translate3d(${x ? Math.round(x) : 0}px, ${y ? Math.round(y) : 0}px, 0)`;
+	} },
+	Scale: { toString(transform) {
+		if (!transform) return;
+		const { scaleX, scaleY } = transform;
+		return `scaleX(${scaleX}) scaleY(${scaleY})`;
+	} },
+	Transform: { toString(transform) {
+		if (!transform) return;
+		return [CSS.Translate.toString(transform), CSS.Scale.toString(transform)].join(" ");
+	} },
+	Transition: { toString({ property, duration, easing }) {
+		return `${property} ${duration}ms ${easing}`;
+	} }
+});
+//#endregion
+//#region src/focus/findFirstFocusableNode.ts
+const SELECTOR = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function findFirstFocusableNode(element) {
+	if (element.matches(SELECTOR)) return element;
+	return element.querySelector(SELECTOR);
+}
+//#endregion
+export { CSS, add, canUseDOM, findFirstFocusableNode, getEventCoordinates, getOwnerDocument, getWindow, hasViewportRelativeCoordinates, isDocument, isHTMLElement, isKeyboardEvent, isNode, isSVGElement, isTouchEvent, isWindow, subtract, useCombinedRefs, useEvent, useInterval, useIsomorphicLayoutEffect, useLatestValue, useLazyMemo, useNodeRef, usePrevious, useUniqueId };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/hooks/useCombinedRefs.ts","../src/execution-context/canUseDOM.ts","../src/type-guards/isWindow.ts","../src/type-guards/isNode.ts","../src/execution-context/getWindow.ts","../src/type-guards/isDocument.ts","../src/type-guards/isHTMLElement.ts","../src/type-guards/isSVGElement.ts","../src/execution-context/getOwnerDocument.ts","../src/hooks/useIsomorphicLayoutEffect.ts","../src/hooks/useEvent.ts","../src/hooks/useInterval.ts","../src/hooks/useLatestValue.ts","../src/hooks/useLazyMemo.ts","../src/hooks/useNodeRef.ts","../src/hooks/usePrevious.ts","../src/hooks/useUniqueId.ts","../src/adjustment.ts","../src/event/hasViewportRelativeCoordinates.ts","../src/event/isKeyboardEvent.ts","../src/event/isTouchEvent.ts","../src/coordinates/getEventCoordinates.ts","../src/css.ts","../src/focus/findFirstFocusableNode.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nexport function useCombinedRefs<T>(\n  ...refs: ((node: T) => void)[]\n): (node: T) => void {\n  return useMemo(\n    () => (node: T) => {\n      refs.forEach((ref) => ref(node));\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    refs\n  );\n}\n","// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js\nexport const canUseDOM =\n  typeof window !== 'undefined' &&\n  typeof window.document !== 'undefined' &&\n  typeof window.document.createElement !== 'undefined';\n","export function isWindow(element: Object): element is typeof window {\n  const elementString = Object.prototype.toString.call(element);\n  return (\n    elementString === '[object Window]' ||\n    // In Electron context the Window object serializes to [object global]\n    elementString === '[object global]'\n  );\n}\n","export function isNode(node: Object): node is Node {\n  return 'nodeType' in node;\n}\n","import {isWindow} from '../type-guards/isWindow';\nimport {isNode} from '../type-guards/isNode';\n\nexport function getWindow(target: Event['target']): typeof window {\n  if (!target) {\n    return window;\n  }\n\n  if (isWindow(target)) {\n    return target;\n  }\n\n  if (!isNode(target)) {\n    return window;\n  }\n\n  return target.ownerDocument?.defaultView ?? window;\n}\n","import {getWindow} from '../execution-context/getWindow';\n\nexport function isDocument(node: Node): node is Document {\n  const {Document} = getWindow(node);\n\n  return node instanceof Document;\n}\n","import {getWindow} from '../execution-context/getWindow';\n\nimport {isWindow} from './isWindow';\n\nexport function isHTMLElement(node: Node | Window): node is HTMLElement {\n  if (isWindow(node)) {\n    return false;\n  }\n\n  return node instanceof getWindow(node).HTMLElement;\n}\n","import {getWindow} from '../execution-context/getWindow';\n\nexport function isSVGElement(node: Node): node is SVGElement {\n  return node instanceof getWindow(node).SVGElement;\n}\n","import {\n  isWindow,\n  isHTMLElement,\n  isDocument,\n  isNode,\n  isSVGElement,\n} from '../type-guards';\n\nexport function getOwnerDocument(target: Event['target']): Document {\n  if (!target) {\n    return document;\n  }\n\n  if (isWindow(target)) {\n    return target.document;\n  }\n\n  if (!isNode(target)) {\n    return document;\n  }\n\n  if (isDocument(target)) {\n    return target;\n  }\n\n  if (isHTMLElement(target) || isSVGElement(target)) {\n    return target.ownerDocument;\n  }\n\n  return document;\n}\n","import {useEffect, useLayoutEffect} from 'react';\n\nimport {canUseDOM} from '../execution-context';\n\n/**\n * A hook that resolves to useEffect on the server and useLayoutEffect on the client\n * @param callback {function} Callback function that is invoked when the dependencies of the hook change\n */\nexport const useIsomorphicLayoutEffect = canUseDOM\n  ? useLayoutEffect\n  : useEffect;\n","import {useCallback, useRef} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';\n\nexport function useEvent<T extends Function>(handler: T | undefined) {\n  const handlerRef = useRef<T | undefined>(handler);\n\n  useIsomorphicLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return useCallback(function (...args: any) {\n    return handlerRef.current?.(...args);\n  }, []);\n}\n","import {useCallback, useRef} from 'react';\n\nexport function useInterval() {\n  const intervalRef = useRef<number | null>(null);\n\n  const set = useCallback((listener: Function, duration: number) => {\n    intervalRef.current = setInterval(listener, duration);\n  }, []);\n\n  const clear = useCallback(() => {\n    if (intervalRef.current !== null) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n\n  return [set, clear] as const;\n}\n","import {useRef} from 'react';\nimport type {DependencyList} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';\n\nexport function useLatestValue<T extends any>(\n  value: T,\n  dependencies: DependencyList = [value]\n) {\n  const valueRef = useRef<T>(value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (valueRef.current !== value) {\n      valueRef.current = value;\n    }\n  }, dependencies);\n\n  return valueRef;\n}\n","import {useMemo, useRef} from 'react';\n\nexport function useLazyMemo<T>(\n  callback: (prevValue: T | undefined) => T,\n  dependencies: any[]\n) {\n  const valueRef = useRef<T | undefined>(undefined);\n\n  return useMemo(\n    () => {\n      const newValue = callback(valueRef.current);\n      valueRef.current = newValue;\n\n      return newValue;\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [...dependencies]\n  );\n}\n","import {useRef, useCallback} from 'react';\n\nimport {useEvent} from './useEvent';\n\nexport function useNodeRef(\n  onChange?: (\n    newElement: HTMLElement | null,\n    previousElement: HTMLElement | null\n  ) => void\n) {\n  const onChangeHandler = useEvent(onChange);\n  const node = useRef<HTMLElement | null>(null);\n  const setNodeRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (element !== node.current) {\n        onChangeHandler?.(element, node.current);\n      }\n\n      node.current = element;\n    },\n    //eslint-disable-next-line\n    []\n  );\n\n  return [node, setNodeRef] as const;\n}\n","import {useRef, useEffect} from 'react';\n\nexport function usePrevious<T>(value: T) {\n  const ref = useRef<T | undefined>(undefined);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n","import {useMemo} from 'react';\n\nlet ids: Record<string, number> = {};\n\nexport function useUniqueId(prefix: string, value?: string) {\n  return useMemo(() => {\n    if (value) {\n      return value;\n    }\n\n    const id = ids[prefix] == null ? 0 : ids[prefix] + 1;\n    ids[prefix] = id;\n\n    return `${prefix}-${id}`;\n  }, [prefix, value]);\n}\n","function createAdjustmentFn(modifier: number) {\n  return <T extends Record<U, number>, U extends string>(\n    object: T,\n    ...adjustments: Partial<T>[]\n  ): T => {\n    return adjustments.reduce<T>(\n      (accumulator, adjustment) => {\n        const entries = Object.entries(adjustment) as [U, number][];\n\n        for (const [key, valueAdjustment] of entries) {\n          const value = accumulator[key];\n\n          if (value != null) {\n            accumulator[key] = (value + modifier * valueAdjustment) as T[U];\n          }\n        }\n\n        return accumulator;\n      },\n      {\n        ...object,\n      }\n    );\n  };\n}\n\nexport const add = createAdjustmentFn(1);\nexport const subtract = createAdjustmentFn(-1);\n","export function hasViewportRelativeCoordinates(\n  event: Event\n): event is Event & Pick<PointerEvent, 'clientX' | 'clientY'> {\n  return 'clientX' in event && 'clientY' in event;\n}\n","import {getWindow} from '../execution-context';\n\nexport function isKeyboardEvent(\n  event: Event | undefined | null\n): event is KeyboardEvent {\n  if (!event) {\n    return false;\n  }\n\n  const {KeyboardEvent} = getWindow(event.target);\n\n  return KeyboardEvent && event instanceof KeyboardEvent;\n}\n","import {getWindow} from '../execution-context';\n\nexport function isTouchEvent(\n  event: Event | undefined | null\n): event is TouchEvent {\n  if (!event) {\n    return false;\n  }\n\n  const {TouchEvent} = getWindow(event.target);\n\n  return TouchEvent && event instanceof TouchEvent;\n}\n","import type {Coordinates} from './types';\nimport {isTouchEvent, hasViewportRelativeCoordinates} from '../event';\n\n/**\n * Returns the normalized x and y coordinates for mouse and touch events.\n */\nexport function getEventCoordinates(event: Event): Coordinates | null {\n  if (isTouchEvent(event)) {\n    if (event.touches && event.touches.length) {\n      const {clientX: x, clientY: y} = event.touches[0];\n\n      return {\n        x,\n        y,\n      };\n    } else if (event.changedTouches && event.changedTouches.length) {\n      const {clientX: x, clientY: y} = event.changedTouches[0];\n\n      return {\n        x,\n        y,\n      };\n    }\n  }\n\n  if (hasViewportRelativeCoordinates(event)) {\n    return {\n      x: event.clientX,\n      y: event.clientY,\n    };\n  }\n\n  return null;\n}\n","export type Transform = {\n  x: number;\n  y: number;\n  scaleX: number;\n  scaleY: number;\n};\n\nexport interface Transition {\n  property: string;\n  easing: string;\n  duration: number;\n}\n\nexport const CSS = Object.freeze({\n  Translate: {\n    toString(transform: Transform | null) {\n      if (!transform) {\n        return;\n      }\n\n      const {x, y} = transform;\n\n      return `translate3d(${x ? Math.round(x) : 0}px, ${\n        y ? Math.round(y) : 0\n      }px, 0)`;\n    },\n  },\n  Scale: {\n    toString(transform: Transform | null) {\n      if (!transform) {\n        return;\n      }\n\n      const {scaleX, scaleY} = transform;\n\n      return `scaleX(${scaleX}) scaleY(${scaleY})`;\n    },\n  },\n  Transform: {\n    toString(transform: Transform | null) {\n      if (!transform) {\n        return;\n      }\n\n      return [\n        CSS.Translate.toString(transform),\n        CSS.Scale.toString(transform),\n      ].join(' ');\n    },\n  },\n  Transition: {\n    toString({property, duration, easing}: Transition) {\n      return `${property} ${duration}ms ${easing}`;\n    },\n  },\n});\n","const SELECTOR =\n  'a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]';\n\nexport function findFirstFocusableNode(\n  element: HTMLElement\n): HTMLElement | null {\n  if (element.matches(SELECTOR)) {\n    return element;\n  }\n\n  return element.querySelector(SELECTOR);\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucasols/dnd-kit-utilities",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Internal utilities to bee shared between `@dnd-kit` packages",
   "author": "Claudéric Demers",
   "license": "MIT",
@@ -9,30 +9,32 @@
     "url": "git+https://github.com/clauderic/dnd-kit.git",
     "directory": "packages/utilities"
   },
-  "scripts": {
-    "start": "tsdx watch --tsconfig tsconfig.build.json --verbose --noClean",
-    "build": "tsdx build --tsconfig tsconfig.build.json",
-    "test": "tsdx test",
-    "lint": "tsdx lint",
-    "prepublish": "npm run build"
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "typings": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/dnd-kit-utilities.esm.js",
-  "typings": "dist/index.d.ts",
   "files": [
     "README.md",
     "CHANGELOG.md",
     "LICENSE",
     "dist"
   ],
-  "dependencies": {
-    "tslib": "^2.0.0"
-  },
   "peerDependencies": {
-    "react": ">=16.8.0"
+    "react": "^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b8fa0a4b51deb61c010ec4d52879e9c0fa995928"
-}
+  "scripts": {
+    "start": "tsdown --config ../../tsdown.config.mts --watch",
+    "build": "tsdown --config ../../tsdown.config.mts",
+    "test": "vitest run --config ../../vitest.config.mts"
+  }
+}

package/dist/adjustment.d.ts

@@ -1,2 +0,0 @@
-export declare const add: <T extends Record<U, number>, U extends string>(object: T, ...adjustments: Partial<T>[]) => T;
-export declare const subtract: <T extends Record<U, number>, U extends string>(object: T, ...adjustments: Partial<T>[]) => T;

package/dist/coordinates/getEventCoordinates.d.ts

@@ -1,5 +0,0 @@
-import type { Coordinates } from './types';
-/**
- * Returns the normalized x and y coordinates for mouse and touch events.
- */
-export declare function getEventCoordinates(event: Event): Coordinates | null;

package/dist/coordinates/index.d.ts

@@ -1,2 +0,0 @@
-export type { Coordinates } from './types';
-export { getEventCoordinates } from './getEventCoordinates';

package/dist/coordinates/types.d.ts

@@ -1,4 +0,0 @@
-export declare type Coordinates = {
-    x: number;
-    y: number;
-};

package/dist/css.d.ts

@@ -1,25 +0,0 @@
-export declare type Transform = {
-    x: number;
-    y: number;
-    scaleX: number;
-    scaleY: number;
-};
-export interface Transition {
-    property: string;
-    easing: string;
-    duration: number;
-}
-export declare const CSS: Readonly<{
-    Translate: {
-        toString(transform: Transform | null): string | undefined;
-    };
-    Scale: {
-        toString(transform: Transform | null): string | undefined;
-    };
-    Transform: {
-        toString(transform: Transform | null): string | undefined;
-    };
-    Transition: {
-        toString({ property, duration, easing }: Transition): string;
-    };
-}>;