@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/useDragAndDrop2.jsx

@@ -0,0 +1,395 @@
+import { onCleanup } from "solid-js";
+import { createDraggableCollection, createDraggableItem, createDroppableCollection, createDroppableItem, getGlobalDraggingCollectionRef, getGlobalDraggingKeys } from "@proyecto-viviana/solidaria";
+import { createDraggableCollectionState, createDroppableCollectionState } from "@proyecto-viviana/solid-stately";
+//#region src/DragPreview.tsx
+function DragPreview(props) {
+	const hasDom = typeof HTMLElement !== "undefined";
+	const isElementNode = (value) => {
+		if (!value) return false;
+		if (hasDom && value instanceof HTMLElement) return true;
+		return typeof value === "object" && value.nodeType === 1;
+	};
+	if (props.ref) {
+		const renderer = (items, callback) => {
+			const rendered = props.children(items);
+			if (!rendered) {
+				callback(null);
+				return;
+			}
+			if (typeof rendered === "object" && rendered !== null && "element" in rendered) {
+				const previewValue = rendered;
+				callback(isElementNode(previewValue.element) ? previewValue.element : null, previewValue.x, previewValue.y);
+				return;
+			}
+			callback(isElementNode(rendered) ? rendered : null);
+		};
+		props.ref.current = renderer;
+		onCleanup(() => {
+			if (props.ref?.current === renderer) props.ref.current = null;
+		});
+	}
+	return null;
+}
+//#endregion
+//#region src/ListDropTargetDelegate.ts
+const cssEscape = (value) => {
+	const css = globalThis.CSS;
+	return css?.escape ? css.escape(value) : value.replace(/[^a-zA-Z0-9_-]/g, "\\$&");
+};
+var ListDropTargetDelegate = class {
+	collection;
+	ref;
+	layout;
+	orientation;
+	direction;
+	constructor(collection, ref, options) {
+		this.collection = collection;
+		this.ref = ref;
+		this.layout = options?.layout ?? "stack";
+		this.orientation = options?.orientation ?? "vertical";
+		this.direction = options?.direction ?? "ltr";
+	}
+	getCollection() {
+		return typeof this.collection === "function" ? this.collection() : this.collection;
+	}
+	getPrimaryStart(rect) {
+		return this.orientation === "horizontal" ? rect.left : rect.top;
+	}
+	getPrimaryEnd(rect) {
+		return this.orientation === "horizontal" ? rect.right : rect.bottom;
+	}
+	getSecondaryStart(rect) {
+		return this.orientation === "horizontal" ? rect.top : rect.left;
+	}
+	getSecondaryEnd(rect) {
+		return this.orientation === "horizontal" ? rect.bottom : rect.right;
+	}
+	getFlowStart(rect) {
+		return this.layout === "stack" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);
+	}
+	getFlowEnd(rect) {
+		return this.layout === "stack" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);
+	}
+	getFlowSize(rect) {
+		return this.getFlowEnd(rect) - this.getFlowStart(rect);
+	}
+	getItemKeys() {
+		return [...this.getCollection()].filter((item) => item.type === "item").map((item) => item.key);
+	}
+	resolveBoundaryTarget(direction, isValidDropTarget) {
+		const keys = this.getItemKeys();
+		if (keys.length === 0) return null;
+		const key = direction === "next" ? keys[0] : keys[keys.length - 1];
+		const order = direction === "next" ? [
+			"before",
+			"on",
+			"after"
+		] : [
+			"after",
+			"on",
+			"before"
+		];
+		for (const dropPosition of order) {
+			const target = {
+				type: "item",
+				key,
+				dropPosition
+			};
+			if (isValidDropTarget(target)) return target;
+		}
+		return null;
+	}
+	resolveTransitionTarget(target, direction, isValidDropTarget) {
+		if (target.type !== "item") return null;
+		const tryPosition = (dropPosition) => {
+			if (target.dropPosition === dropPosition) return null;
+			const nextTarget = {
+				type: "item",
+				key: target.key,
+				dropPosition
+			};
+			return isValidDropTarget(nextTarget) ? nextTarget : null;
+		};
+		if (direction === "next") {
+			if (target.dropPosition === "before") return tryPosition("on") ?? tryPosition("after");
+			if (target.dropPosition === "on") return tryPosition("after");
+		} else {
+			if (target.dropPosition === "after") return tryPosition("on") ?? tryPosition("before");
+			if (target.dropPosition === "on") return tryPosition("before");
+		}
+		return null;
+	}
+	resolveNeighborTarget(target, direction, isValidDropTarget) {
+		if (target.type !== "item") return null;
+		const keys = this.getItemKeys();
+		const index = keys.findIndex((key) => key === target.key);
+		if (index < 0) return this.resolveBoundaryTarget(direction, isValidDropTarget);
+		const nextIndex = direction === "next" ? index + 1 : index - 1;
+		if (nextIndex < 0 || nextIndex >= keys.length) {
+			const rootTarget = { type: "root" };
+			return isValidDropTarget(rootTarget) ? rootTarget : null;
+		}
+		const key = keys[nextIndex];
+		const order = direction === "next" ? [
+			"on",
+			"before",
+			"after"
+		] : [
+			"on",
+			"after",
+			"before"
+		];
+		for (const dropPosition of order) {
+			const nextTarget = {
+				type: "item",
+				key,
+				dropPosition
+			};
+			if (isValidDropTarget(nextTarget)) return nextTarget;
+		}
+		return null;
+	}
+	getKeyboardNavigationTarget(target, direction, isValidDropTarget) {
+		if (!target || target.type === "root") return this.resolveBoundaryTarget(direction, isValidDropTarget);
+		const transition = this.resolveTransitionTarget(target, direction, isValidDropTarget);
+		if (transition) return transition;
+		return this.resolveNeighborTarget(target, direction, isValidDropTarget);
+	}
+	getDropTargetFromPoint(x, y, isValidDropTarget) {
+		const root = this.ref();
+		if (!root) return { type: "root" };
+		const allItems = [...this.getCollection()].filter((item) => item.type === "item");
+		if (allItems.length === 0) return { type: "root" };
+		const collectionId = root.dataset.collection;
+		const selector = collectionId ? `[data-collection="${cssEscape(collectionId)}"]` : "[data-key]";
+		const elements = root.querySelectorAll(selector);
+		const elementMap = /* @__PURE__ */ new Map();
+		for (const node of elements) if (node instanceof HTMLElement && node.dataset.key != null) elementMap.set(node.dataset.key, node);
+		let low = 0;
+		let high = allItems.length;
+		const rootRect = root.getBoundingClientRect();
+		let primary = this.orientation === "horizontal" ? x : y;
+		let secondary = this.orientation === "horizontal" ? y : x;
+		primary += this.getPrimaryStart(rootRect);
+		secondary += this.getSecondaryStart(rootRect);
+		const flow = this.layout === "stack" ? primary : secondary;
+		const isPrimaryRtl = this.orientation === "horizontal" && this.direction === "rtl";
+		const isSecondaryRtl = this.layout === "grid" && this.orientation === "vertical" && this.direction === "rtl";
+		const isFlowRtl = this.layout === "stack" ? isPrimaryRtl : isSecondaryRtl;
+		while (low < high) {
+			const mid = Math.floor((low + high) / 2);
+			const item = allItems[mid];
+			const element = elementMap.get(String(item.key));
+			if (!element) break;
+			const rect = element.getBoundingClientRect();
+			const update = (isGreater) => {
+				if (isGreater) low = mid + 1;
+				else high = mid;
+			};
+			if (primary < this.getPrimaryStart(rect)) update(isPrimaryRtl);
+			else if (primary > this.getPrimaryEnd(rect)) update(!isPrimaryRtl);
+			else if (secondary < this.getSecondaryStart(rect)) update(isSecondaryRtl);
+			else if (secondary > this.getSecondaryEnd(rect)) update(!isSecondaryRtl);
+			else {
+				const target = {
+					type: "item",
+					key: item.key,
+					dropPosition: "on"
+				};
+				if (isValidDropTarget(target)) {
+					if (flow <= this.getFlowStart(rect) + 5 && isValidDropTarget({
+						...target,
+						dropPosition: "before"
+					})) target.dropPosition = isFlowRtl ? "after" : "before";
+					else if (flow >= this.getFlowEnd(rect) - 5 && isValidDropTarget({
+						...target,
+						dropPosition: "after"
+					})) target.dropPosition = isFlowRtl ? "before" : "after";
+				} else {
+					const midpoint = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;
+					if (flow <= midpoint && isValidDropTarget({
+						...target,
+						dropPosition: "before"
+					})) target.dropPosition = isFlowRtl ? "after" : "before";
+					else if (flow >= midpoint && isValidDropTarget({
+						...target,
+						dropPosition: "after"
+					})) target.dropPosition = isFlowRtl ? "before" : "after";
+				}
+				return target;
+			}
+		}
+		const item = allItems[Math.min(low, allItems.length - 1)];
+		const rect = elementMap.get(String(item.key))?.getBoundingClientRect();
+		if (rect && (primary < this.getPrimaryStart(rect) || Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect)))) return {
+			type: "item",
+			key: item.key,
+			dropPosition: isFlowRtl ? "after" : "before"
+		};
+		return {
+			type: "item",
+			key: item.key,
+			dropPosition: isFlowRtl ? "before" : "after"
+		};
+	}
+};
+//#endregion
+//#region src/useDragAndDrop.ts
+/**
+* Provides hooks to enable drag-and-drop behavior for collection components.
+*/
+function useDragAndDrop(options = {}) {
+	const { getItems, onDrop, onInsert, onItemDrop, onReorder, onMove, onRootDrop, renderDragPreview, renderDropIndicator, dropTargetDelegate } = options;
+	const isDraggable = typeof getItems === "function";
+	const isDroppable = Boolean(onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop);
+	const hooks = {};
+	const hasDom = typeof HTMLElement !== "undefined";
+	const isElementNode = (value) => {
+		if (!value) return false;
+		if (hasDom && value instanceof HTMLElement) return true;
+		return typeof value === "object" && value.nodeType === 1;
+	};
+	const resolvedPreview = options.preview ?? (renderDragPreview ? { current: (items, callback) => {
+		const rendered = renderDragPreview(items);
+		if (!rendered) {
+			callback(null);
+			return;
+		}
+		if (typeof rendered === "object" && rendered !== null && "element" in rendered) {
+			const previewValue = rendered;
+			callback(isElementNode(previewValue.element) ? previewValue.element : null, previewValue.x, previewValue.y);
+			return;
+		}
+		callback(isElementNode(rendered) ? rendered : null);
+	} } : void 0);
+	if (isDraggable && getItems) {
+		hooks.useDraggableCollectionState = (props) => {
+			return createDraggableCollectionState(() => ({
+				onDragStart: options.onDragStart ?? props.onDragStart,
+				onDragMove: options.onDragMove ?? props.onDragMove,
+				onDragEnd: options.onDragEnd ?? props.onDragEnd,
+				getAllowedDropOperations: options.getAllowedDropOperations ?? props.getAllowedDropOperations,
+				isDisabled: options.isDisabled ?? props.isDisabled,
+				preview: resolvedPreview ?? props.preview,
+				getItems: (keys) => {
+					return getItems(keys, props.items ?? options.items ?? []);
+				}
+			}));
+		};
+		hooks.useDraggableCollection = (props, state, ref) => createDraggableCollection({
+			...props,
+			ref
+		}, state);
+		hooks.useDraggableItem = (props, state) => createDraggableItem(() => props, state);
+		hooks.DragPreview = DragPreview;
+		hooks.renderDragPreview = renderDragPreview;
+		hooks.isVirtualDragging = () => getGlobalDraggingCollectionRef() != null || getGlobalDraggingKeys().size > 0;
+	}
+	if (isDroppable) {
+		hooks.useDroppableCollectionState = (props) => {
+			return createDroppableCollectionState(() => ({
+				acceptedDragTypes: options.acceptedDragTypes ?? props.acceptedDragTypes,
+				getDropOperation: options.getDropOperation ?? props.getDropOperation,
+				onDropEnter: options.onDropEnter ?? props.onDropEnter,
+				onDropActivate: options.onDropActivate ?? props.onDropActivate,
+				onDropExit: options.onDropExit ?? props.onDropExit,
+				onDrop: options.onDrop ?? props.onDrop,
+				onInsert: options.onInsert ?? props.onInsert,
+				onRootDrop: options.onRootDrop ?? props.onRootDrop,
+				onItemDrop: options.onItemDrop ?? props.onItemDrop,
+				onReorder: options.onReorder ?? props.onReorder,
+				onMove: options.onMove ?? props.onMove,
+				shouldAcceptItemDrop: options.shouldAcceptItemDrop ?? props.shouldAcceptItemDrop,
+				isDisabled: options.isDisabled ?? props.isDisabled
+			}));
+		};
+		hooks.useDroppableCollection = (props, state, ref) => {
+			const acceptedDragTypes = options.acceptedDragTypes ?? props.acceptedDragTypes;
+			const normalizedAcceptedDragTypes = acceptedDragTypes === "all" ? "all" : acceptedDragTypes?.filter((type) => typeof type === "string" || typeof type === "symbol");
+			return createDroppableCollection(() => ({
+				ref,
+				dropTargetDelegate: options.dropTargetDelegate ?? props.dropTargetDelegate,
+				keyboardDelegate: options.keyboardDelegate ?? props.keyboardDelegate,
+				onKeyDown: options.onKeyDown ?? props.onKeyDown,
+				acceptedDragTypes: normalizedAcceptedDragTypes,
+				isDisabled: options.isDisabled ?? props.isDisabled,
+				onDropActivate: (e) => {
+					(options.onDropActivate ?? props.onDropActivate)?.({
+						type: "dropactivate",
+						target: e.target,
+						x: e.x,
+						y: e.y
+					});
+				},
+				onDrop: (e) => {
+					(options.onDrop ?? props.onDrop)?.({
+						type: "drop",
+						target: e.target,
+						x: e.x,
+						y: e.y,
+						items: e.items,
+						dropOperation: e.dropOperation
+					});
+				},
+				onRootDrop: options.onRootDrop ?? props.onRootDrop,
+				onItemDrop: (e) => {
+					if (e.target.type === "item") (options.onItemDrop ?? props.onItemDrop)?.({
+						items: e.items,
+						target: e.target,
+						dropOperation: e.dropOperation,
+						isInternal: e.isInternal
+					});
+				},
+				onInsert: (e) => {
+					if (e.target.type === "item") (options.onInsert ?? props.onInsert)?.({
+						items: e.items,
+						target: e.target,
+						dropOperation: e.dropOperation
+					});
+				},
+				onReorder: (e) => {
+					if (e.target.type === "item") (options.onReorder ?? props.onReorder)?.({
+						keys: e.keys,
+						target: e.target,
+						dropOperation: e.dropOperation
+					});
+				},
+				onMove: (e) => {
+					if (e.target.type === "item") (options.onMove ?? props.onMove)?.({
+						keys: e.keys,
+						target: e.target,
+						dropOperation: e.dropOperation
+					});
+				}
+			}), state);
+		};
+		hooks.useDroppableItem = (props, state, ref) => createDroppableItem(() => ({
+			...props,
+			ref
+		}), state);
+		hooks.useDropIndicator = (props, state, _ref) => {
+			const target = props.target;
+			const activeTarget = state.target;
+			const isDropTarget = activeTarget?.type === target.type && (target.type === "root" || activeTarget.type === "item" && target.type === "item" && activeTarget.key === target.key && activeTarget.dropPosition === target.dropPosition);
+			return {
+				dropIndicatorProps: {
+					role: "option",
+					"aria-disabled": true,
+					"aria-hidden": isDropTarget ? void 0 : "true",
+					tabIndex: -1,
+					"data-drop-target": isDropTarget ? "" : void 0
+				},
+				isDropTarget,
+				isHidden: !isDropTarget
+			};
+		};
+		hooks.renderDropIndicator = renderDropIndicator;
+		hooks.dropTargetDelegate = dropTargetDelegate;
+		hooks.ListDropTargetDelegate = ListDropTargetDelegate;
+	}
+	return { dragAndDropHooks: hooks };
+}
+//#endregion
+export { useDragAndDrop as t };
+
+//# sourceMappingURL=useDragAndDrop2.jsx.map

package/dist/useDragAndDrop2.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragAndDrop2.jsx","names":[],"sources":["../src/DragPreview.tsx","../src/ListDropTargetDelegate.ts","../src/useDragAndDrop.ts"],"sourcesContent":["import { onCleanup, type JSX } from \"solid-js\";\nimport type { DragItem, DragPreviewRenderer } from \"@proyecto-viviana/solid-stately\";\n\nexport interface DragPreviewProps {\n  ref?: { current: DragPreviewRenderer | null };\n  children: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x?: number; y?: number } | null | undefined;\n}\n\nexport function DragPreview(props: DragPreviewProps): JSX.Element {\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n\n  if (props.ref) {\n    const renderer: DragPreviewRenderer = (items, callback) => {\n      const rendered = props.children(items);\n      if (!rendered) {\n        callback(null);\n        return;\n      }\n      if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n        const previewValue = rendered as { element: unknown; x?: number; y?: number };\n        callback(\n          isElementNode(previewValue.element) ? previewValue.element : null,\n          previewValue.x,\n          previewValue.y,\n        );\n        return;\n      }\n      callback(isElementNode(rendered) ? rendered : null);\n    };\n\n    props.ref.current = renderer;\n    onCleanup(() => {\n      if (props.ref?.current === renderer) {\n        props.ref.current = null;\n      }\n    });\n  }\n\n  return null as unknown as JSX.Element;\n}\n","import type { Accessor } from \"solid-js\";\nimport type { DropTarget } from \"@proyecto-viviana/solid-stately\";\n\ntype Direction = \"ltr\" | \"rtl\";\ntype Orientation = \"horizontal\" | \"vertical\";\ntype Layout = \"stack\" | \"grid\";\n\ninterface CollectionNodeLike {\n  key: string | number;\n  type?: string;\n}\n\nexport interface ListDropTargetDelegateOptions {\n  layout?: Layout;\n  orientation?: Orientation;\n  direction?: Direction;\n}\n\nconst cssEscape = (value: string): string => {\n  const css = (globalThis as { CSS?: { escape?: (input: string) => string } }).CSS;\n  return css?.escape ? css.escape(value) : value.replace(/[^a-zA-Z0-9_-]/g, \"\\\\$&\");\n};\n\nexport class ListDropTargetDelegate {\n  private collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>);\n  private ref: Accessor<HTMLElement | null>;\n  private layout: Layout;\n  private orientation: Orientation;\n  private direction: Direction;\n\n  constructor(\n    collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>),\n    ref: Accessor<HTMLElement | null>,\n    options?: ListDropTargetDelegateOptions,\n  ) {\n    this.collection = collection;\n    this.ref = ref;\n    this.layout = options?.layout ?? \"stack\";\n    this.orientation = options?.orientation ?? \"vertical\";\n    this.direction = options?.direction ?? \"ltr\";\n  }\n\n  private getCollection(): Iterable<CollectionNodeLike> {\n    return typeof this.collection === \"function\"\n      ? (this.collection as () => Iterable<CollectionNodeLike>)()\n      : this.collection;\n  }\n\n  private getPrimaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.left : rect.top;\n  }\n\n  private getPrimaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.right : rect.bottom;\n  }\n\n  private getSecondaryStart(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.top : rect.left;\n  }\n\n  private getSecondaryEnd(rect: DOMRect): number {\n    return this.orientation === \"horizontal\" ? rect.bottom : rect.right;\n  }\n\n  private getFlowStart(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);\n  }\n\n  private getFlowEnd(rect: DOMRect): number {\n    return this.layout === \"stack\" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);\n  }\n\n  private getFlowSize(rect: DOMRect): number {\n    return this.getFlowEnd(rect) - this.getFlowStart(rect);\n  }\n\n  private getItemKeys(): Array<string | number> {\n    return [...this.getCollection()].filter((item) => item.type === \"item\").map((item) => item.key);\n  }\n\n  private resolveBoundaryTarget(\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    const keys = this.getItemKeys();\n    if (keys.length === 0) return null;\n    const key = direction === \"next\" ? keys[0] : keys[keys.length - 1];\n    const order: Array<\"before\" | \"on\" | \"after\"> =\n      direction === \"next\" ? [\"before\", \"on\", \"after\"] : [\"after\", \"on\", \"before\"];\n    for (const dropPosition of order) {\n      const target: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(target)) return target;\n    }\n    return null;\n  }\n\n  private resolveTransitionTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const tryPosition = (dropPosition: \"before\" | \"on\" | \"after\"): DropTarget | null => {\n      if (target.dropPosition === dropPosition) return null;\n      const nextTarget: DropTarget = {\n        type: \"item\",\n        key: target.key,\n        dropPosition,\n      };\n      return isValidDropTarget(nextTarget) ? nextTarget : null;\n    };\n\n    if (direction === \"next\") {\n      if (target.dropPosition === \"before\") {\n        return tryPosition(\"on\") ?? tryPosition(\"after\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"after\");\n      }\n    } else {\n      if (target.dropPosition === \"after\") {\n        return tryPosition(\"on\") ?? tryPosition(\"before\");\n      }\n      if (target.dropPosition === \"on\") {\n        return tryPosition(\"before\");\n      }\n    }\n\n    return null;\n  }\n\n  private resolveNeighborTarget(\n    target: DropTarget,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (target.type !== \"item\") return null;\n    const keys = this.getItemKeys();\n    const index = keys.findIndex((key) => key === target.key);\n    if (index < 0) return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    const nextIndex = direction === \"next\" ? index + 1 : index - 1;\n    if (nextIndex < 0 || nextIndex >= keys.length) {\n      const rootTarget: DropTarget = { type: \"root\" };\n      return isValidDropTarget(rootTarget) ? rootTarget : null;\n    }\n    const key = keys[nextIndex];\n    const order: Array<\"on\" | \"before\" | \"after\"> =\n      direction === \"next\" ? [\"on\", \"before\", \"after\"] : [\"on\", \"after\", \"before\"];\n    for (const dropPosition of order) {\n      const nextTarget: DropTarget = { type: \"item\", key, dropPosition };\n      if (isValidDropTarget(nextTarget)) return nextTarget;\n    }\n    return null;\n  }\n\n  getKeyboardNavigationTarget(\n    target: DropTarget | null,\n    direction: \"next\" | \"previous\",\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget | null {\n    if (!target || target.type === \"root\") {\n      return this.resolveBoundaryTarget(direction, isValidDropTarget);\n    }\n    const transition = this.resolveTransitionTarget(target, direction, isValidDropTarget);\n    if (transition) return transition;\n    return this.resolveNeighborTarget(target, direction, isValidDropTarget);\n  }\n\n  getDropTargetFromPoint(\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ): DropTarget {\n    const root = this.ref();\n    if (!root) {\n      return { type: \"root\" };\n    }\n\n    const allItems = [...this.getCollection()].filter((item) => item.type === \"item\");\n    if (allItems.length === 0) {\n      return { type: \"root\" };\n    }\n\n    const collectionId = root.dataset.collection;\n    const selector = collectionId ? `[data-collection=\"${cssEscape(collectionId)}\"]` : \"[data-key]\";\n    const elements = root.querySelectorAll(selector);\n    const elementMap = new Map<string, HTMLElement>();\n    for (const node of elements) {\n      if (node instanceof HTMLElement && node.dataset.key != null) {\n        elementMap.set(node.dataset.key, node);\n      }\n    }\n\n    let low = 0;\n    let high = allItems.length;\n    const rootRect = root.getBoundingClientRect();\n    let primary = this.orientation === \"horizontal\" ? x : y;\n    let secondary = this.orientation === \"horizontal\" ? y : x;\n    primary += this.getPrimaryStart(rootRect);\n    secondary += this.getSecondaryStart(rootRect);\n\n    const flow = this.layout === \"stack\" ? primary : secondary;\n    const isPrimaryRtl = this.orientation === \"horizontal\" && this.direction === \"rtl\";\n    const isSecondaryRtl =\n      this.layout === \"grid\" && this.orientation === \"vertical\" && this.direction === \"rtl\";\n    const isFlowRtl = this.layout === \"stack\" ? isPrimaryRtl : isSecondaryRtl;\n\n    while (low < high) {\n      const mid = Math.floor((low + high) / 2);\n      const item = allItems[mid];\n      const element = elementMap.get(String(item.key));\n      if (!element) break;\n      const rect = element.getBoundingClientRect();\n      const update = (isGreater: boolean) => {\n        if (isGreater) {\n          low = mid + 1;\n        } else {\n          high = mid;\n        }\n      };\n\n      if (primary < this.getPrimaryStart(rect)) {\n        update(isPrimaryRtl);\n      } else if (primary > this.getPrimaryEnd(rect)) {\n        update(!isPrimaryRtl);\n      } else if (secondary < this.getSecondaryStart(rect)) {\n        update(isSecondaryRtl);\n      } else if (secondary > this.getSecondaryEnd(rect)) {\n        update(!isSecondaryRtl);\n      } else {\n        const target: DropTarget = {\n          type: \"item\",\n          key: item.key,\n          dropPosition: \"on\",\n        };\n\n        if (isValidDropTarget(target)) {\n          if (\n            flow <= this.getFlowStart(rect) + 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"before\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (\n            flow >= this.getFlowEnd(rect) - 5 &&\n            isValidDropTarget({ ...target, dropPosition: \"after\" })\n          ) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        } else {\n          const midpoint = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;\n          if (flow <= midpoint && isValidDropTarget({ ...target, dropPosition: \"before\" })) {\n            target.dropPosition = isFlowRtl ? \"after\" : \"before\";\n          } else if (flow >= midpoint && isValidDropTarget({ ...target, dropPosition: \"after\" })) {\n            target.dropPosition = isFlowRtl ? \"before\" : \"after\";\n          }\n        }\n\n        return target;\n      }\n    }\n\n    const item = allItems[Math.min(low, allItems.length - 1)];\n    const element = elementMap.get(String(item.key));\n    const rect = element?.getBoundingClientRect();\n    if (\n      rect &&\n      (primary < this.getPrimaryStart(rect) ||\n        Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect)))\n    ) {\n      return {\n        type: \"item\",\n        key: item.key,\n        dropPosition: isFlowRtl ? \"after\" : \"before\",\n      };\n    }\n\n    return {\n      type: \"item\",\n      key: item.key,\n      dropPosition: isFlowRtl ? \"before\" : \"after\",\n    };\n  }\n}\n","/**\n * Drag and drop compatibility hook for collection components.\n *\n * Mirrors RAC's `useDragAndDrop` shape while delegating to Solid\n * state and aria primitives.\n */\n\nimport type { Accessor, JSX } from \"solid-js\";\nimport { DragPreview } from \"./DragPreview\";\nimport { ListDropTargetDelegate } from \"./ListDropTargetDelegate\";\nimport {\n  createDraggableCollection,\n  createDraggableItem,\n  createDroppableCollection,\n  createDroppableItem,\n  getGlobalDraggingCollectionRef,\n  getGlobalDraggingKeys,\n  type DraggableCollectionOptions,\n  type DraggableCollectionAria,\n  type DraggableItemOptions,\n  type DraggableItemAria,\n  type DroppableCollectionOptions,\n  type DroppableCollectionAria,\n  type DroppableItemOptions,\n  type DroppableItemAria,\n  type DropTargetDelegate as AriaDropTargetDelegate,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createDraggableCollectionState,\n  createDroppableCollectionState,\n  type DragItem,\n  type DragPreviewRenderer,\n  type DraggableCollectionProps,\n  type DraggableCollectionState,\n  type DraggableCollectionStateOptions,\n  type DropTarget,\n  type DroppableCollectionProps,\n  type DroppableCollectionState,\n  type DroppableCollectionStateOptions,\n} from \"@proyecto-viviana/solid-stately\";\n\ninterface DraggableCollectionStateOpts<T = object> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  \"getItems\"\n> {\n  items?: T[];\n}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>,\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: Omit<DraggableCollectionOptions, \"ref\">,\n    state: DraggableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DraggableCollectionAria;\n  useDraggableItem?: (\n    props: DraggableItemOptions,\n    state: DraggableCollectionState,\n  ) => DraggableItemAria;\n  DragPreview?: typeof DragPreview;\n  renderDragPreview?: DragAndDropOptions<T>[\"renderDragPreview\"];\n  isVirtualDragging?: () => boolean;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions,\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: Omit<DroppableCollectionOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableCollectionAria;\n  useDroppableItem?: (\n    options: Omit<DroppableItemOptions, \"ref\">,\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => DroppableItemAria;\n  useDropIndicator?: (\n    props: { target: DropTarget },\n    state: DroppableCollectionState,\n    ref: Accessor<HTMLElement | null>,\n  ) => {\n    dropIndicatorProps: JSX.HTMLAttributes<HTMLElement>;\n    isDropTarget: boolean;\n    isHidden: boolean;\n  };\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  ListDropTargetDelegate?: typeof ListDropTargetDelegate;\n}\n\nexport type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;\n\nexport interface DragAndDrop<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragAndDropHooks<T>;\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends Partial<Omit<DraggableCollectionProps<T>, \"preview\">>, Partial<DroppableCollectionProps> {\n  /**\n   * Optional keyboard delegate forwarded to the collection droppable hook.\n   */\n  keyboardDelegate?: DroppableCollectionOptions[\"keyboardDelegate\"];\n  /**\n   * Optional keydown handler composed with collection droppable keyboard behavior.\n   */\n  onKeyDown?: DroppableCollectionOptions[\"onKeyDown\"];\n  /**\n   * A function that returns the items being dragged.\n   * If omitted, draggable hooks are not added.\n   */\n  getItems?: (keys: Set<string | number>, items: T[]) => DragItem[];\n  /**\n   * Optional custom drag preview renderer.\n   */\n  renderDragPreview?: (\n    items: DragItem[],\n  ) => JSX.Element | { element: JSX.Element; x: number; y: number };\n  /**\n   * Optional drop indicator renderer for collection components.\n   */\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  /**\n   * Optional custom drop target delegate.\n   */\n  dropTargetDelegate?: AriaDropTargetDelegate;\n  /**\n   * Optional drag preview ref.\n   */\n  preview?: { current: DragPreviewRenderer | null };\n  /**\n   * Optional item snapshot used by draggable state `getItems`.\n   */\n  items?: T[];\n  /**\n   * Disable both drag and drop behavior.\n   */\n  isDisabled?: boolean;\n}\n\n/**\n * Provides hooks to enable drag-and-drop behavior for collection components.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T> = {}): DragAndDrop<T> {\n  const {\n    getItems,\n    onDrop,\n    onInsert,\n    onItemDrop,\n    onReorder,\n    onMove,\n    onRootDrop,\n    renderDragPreview,\n    renderDropIndicator,\n    dropTargetDelegate,\n  } = options;\n\n  const isDraggable = typeof getItems === \"function\";\n  const isDroppable = Boolean(\n    onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop,\n  );\n\n  const hooks: DragAndDropHooks<T> = {};\n  const hasDom = typeof HTMLElement !== \"undefined\";\n  const isElementNode = (value: unknown): value is HTMLElement => {\n    if (!value) return false;\n    if (hasDom && value instanceof HTMLElement) return true;\n    return typeof value === \"object\" && (value as { nodeType?: number }).nodeType === 1;\n  };\n  const resolvedPreview =\n    options.preview ??\n    (renderDragPreview\n      ? {\n          current: (\n            items: DragItem[],\n            callback: (node: HTMLElement | null, x?: number, y?: number) => void,\n          ) => {\n            const rendered = renderDragPreview(items);\n            if (!rendered) {\n              callback(null);\n              return;\n            }\n            if (typeof rendered === \"object\" && rendered !== null && \"element\" in rendered) {\n              const previewValue = rendered as { element: unknown; x?: number; y?: number };\n              callback(\n                isElementNode(previewValue.element) ? previewValue.element : null,\n                previewValue.x,\n                previewValue.y,\n              );\n              return;\n            }\n            callback(isElementNode(rendered) ? rendered : null);\n          },\n        }\n      : undefined);\n\n  if (isDraggable && getItems) {\n    hooks.useDraggableCollectionState = (props: DraggableCollectionStateOpts<T>) => {\n      return createDraggableCollectionState<T>(() => ({\n        onDragStart: options.onDragStart ?? props.onDragStart,\n        onDragMove: options.onDragMove ?? props.onDragMove,\n        onDragEnd: options.onDragEnd ?? props.onDragEnd,\n        getAllowedDropOperations:\n          options.getAllowedDropOperations ?? props.getAllowedDropOperations,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n        preview: resolvedPreview ?? props.preview,\n        getItems: (keys) => {\n          const sourceItems = props.items ?? options.items ?? [];\n          return getItems(keys, sourceItems);\n        },\n      }));\n    };\n    hooks.useDraggableCollection = (\n      props: Omit<DraggableCollectionOptions, \"ref\">,\n      state: DraggableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDraggableCollection({ ...props, ref }, state);\n    hooks.useDraggableItem = (props, state) => createDraggableItem(() => props, state);\n    hooks.DragPreview = DragPreview;\n    hooks.renderDragPreview = renderDragPreview;\n    hooks.isVirtualDragging = () =>\n      getGlobalDraggingCollectionRef() != null || getGlobalDraggingKeys().size > 0;\n  }\n\n  if (isDroppable) {\n    hooks.useDroppableCollectionState = (props: DroppableCollectionStateOptions) => {\n      return createDroppableCollectionState(() => ({\n        acceptedDragTypes: options.acceptedDragTypes ?? props.acceptedDragTypes,\n        getDropOperation: options.getDropOperation ?? props.getDropOperation,\n        onDropEnter: options.onDropEnter ?? props.onDropEnter,\n        onDropActivate: options.onDropActivate ?? props.onDropActivate,\n        onDropExit: options.onDropExit ?? props.onDropExit,\n        onDrop: options.onDrop ?? props.onDrop,\n        onInsert: options.onInsert ?? props.onInsert,\n        onRootDrop: options.onRootDrop ?? props.onRootDrop,\n        onItemDrop: options.onItemDrop ?? props.onItemDrop,\n        onReorder: options.onReorder ?? props.onReorder,\n        onMove: options.onMove ?? props.onMove,\n        shouldAcceptItemDrop: options.shouldAcceptItemDrop ?? props.shouldAcceptItemDrop,\n        isDisabled: options.isDisabled ?? props.isDisabled,\n      }));\n    };\n    hooks.useDroppableCollection = (\n      props: Omit<DroppableCollectionOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => {\n      const acceptedDragTypes = options.acceptedDragTypes ?? props.acceptedDragTypes;\n      const normalizedAcceptedDragTypes =\n        acceptedDragTypes === \"all\"\n          ? \"all\"\n          : acceptedDragTypes?.filter(\n              (type): type is string | symbol =>\n                typeof type === \"string\" || typeof type === \"symbol\",\n            );\n      return createDroppableCollection(\n        () => ({\n          ref,\n          dropTargetDelegate: options.dropTargetDelegate ?? props.dropTargetDelegate,\n          keyboardDelegate: options.keyboardDelegate ?? props.keyboardDelegate,\n          onKeyDown: options.onKeyDown ?? props.onKeyDown,\n          acceptedDragTypes: normalizedAcceptedDragTypes,\n          isDisabled: options.isDisabled ?? props.isDisabled,\n          onDropActivate: (e) => {\n            (options.onDropActivate ?? props.onDropActivate)?.({\n              type: \"dropactivate\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n            });\n          },\n          onDrop: (e) => {\n            (options.onDrop ?? props.onDrop)?.({\n              type: \"drop\",\n              target: e.target,\n              x: e.x,\n              y: e.y,\n              items: e.items,\n              dropOperation: e.dropOperation,\n            });\n          },\n          onRootDrop: options.onRootDrop ?? props.onRootDrop,\n          onItemDrop: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onItemDrop ?? props.onItemDrop)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n                isInternal: e.isInternal,\n              });\n            }\n          },\n          onInsert: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onInsert ?? props.onInsert)?.({\n                items: e.items,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onReorder: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onReorder ?? props.onReorder)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n          onMove: (e) => {\n            if (e.target.type === \"item\") {\n              (options.onMove ?? props.onMove)?.({\n                keys: e.keys,\n                target: e.target,\n                dropOperation: e.dropOperation,\n              });\n            }\n          },\n        }),\n        state,\n      );\n    };\n    hooks.useDroppableItem = (\n      props: Omit<DroppableItemOptions, \"ref\">,\n      state: DroppableCollectionState,\n      ref: Accessor<HTMLElement | null>,\n    ) => createDroppableItem(() => ({ ...props, ref }), state);\n    hooks.useDropIndicator = (\n      props: { target: DropTarget },\n      state: DroppableCollectionState,\n      _ref: Accessor<HTMLElement | null>,\n    ) => {\n      const target = props.target;\n      const activeTarget = state.target;\n      const isDropTarget =\n        activeTarget?.type === target.type &&\n        (target.type === \"root\" ||\n          (activeTarget.type === \"item\" &&\n            target.type === \"item\" &&\n            activeTarget.key === target.key &&\n            activeTarget.dropPosition === target.dropPosition));\n      return {\n        dropIndicatorProps: {\n          role: \"option\",\n          \"aria-disabled\": true,\n          \"aria-hidden\": isDropTarget ? undefined : \"true\",\n          tabIndex: -1,\n          \"data-drop-target\": isDropTarget ? \"\" : undefined,\n        },\n        isDropTarget,\n        isHidden: !isDropTarget,\n      };\n    };\n    hooks.renderDropIndicator = renderDropIndicator;\n    hooks.dropTargetDelegate = dropTargetDelegate;\n    hooks.ListDropTargetDelegate = ListDropTargetDelegate;\n  }\n\n  return {\n    dragAndDropHooks: hooks,\n  };\n}\n"],"mappings":"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"}

package/dist/utils.d.ts

@@ -2,7 +2,7 @@
  * Utility functions for solidaria-components
  * Port of react-aria-components/src/utils.tsx
  */
-import { type JSX, type Accessor, type FlowComponent, type ParentComponent, createContext } from "solid-js";
+import { type JSX, type Accessor, type Context, type FlowComponent } from "solid-js";
 /**
  * Render props pattern - children can be a function that receives state
  */
@@ -53,6 +53,19 @@ export interface RenderPropsResult<T> {
      *   {renderProps.renderChildren()}
      */
     renderChildren: () => JSX.Element;
+    /**
+     * Render a render-prop child ONCE over a reactive view of the values,
+     * mirroring how React reconciles a render prop's returned tree in place.
+     *
+     * Prefer this over `renderChildren()` for interactive leaf components (a
+     * Tab, a toggle segment) whose child wraps the pressable element: re-invoking
+     * the render function on every values() change recreates that DOM subtree,
+     * which detaches the pointer/press target mid-gesture and makes the browser
+     * suppress the native `click` (createPress then has to synthesize an
+     * untrusted fallback click — a visible parity break vs React). Static (non
+     * function) children are returned untouched, exactly like `renderChildren`.
+     */
+    renderChildrenStable: () => JSX.Element;
     /** The raw children prop (function or JSX) - use renderChildren() in most cases */
     children: RenderChildren<T> | undefined;
     /** The render props values accessor */
@@ -71,22 +84,81 @@ export declare function useRenderProps<T extends object>(props: RenderPropsBase<
     defaultClassName?: string;
 }, values: Accessor<T>): RenderPropsResult<T>;
 export declare function composeRenderProps<T extends object>(base: RenderPropsBase<T> | undefined, override: RenderPropsBase<T> | undefined): RenderPropsBase<T>;
+/** A Solid ref target: a callback, a mutable `{ current }` object, or undefined. */
+export type RefLike<T> = T | ((el: T) => void) | {
+    current?: T | null;
+} | undefined;
+/** A value paired with an optional ref to merge onto the consuming element. */
+export type WithRef<T, E> = T & {
+    ref?: RefLike<E>;
+};
+/**
+ * A context value carrying named slots (mirrors react-aria-components'
+ * `SlottedValue`). Each entry under `slots` is the props object delivered to the
+ * component rendered with the matching `slot` name.
+ */
+export interface SlottedValue<T> {
+    slots?: Record<string, T>;
+}
+/** A slotted context value: a slots record, a bare value, or null/undefined. */
+export type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;
 /**
- * Context value that can be null or the actual value
+ * The value type for a context consumed via {@link useContextProps}. Mirrors
+ * upstream `ContextValue<T, E>`: it may carry `slots` and an optional `ref` to
+ * merge onto the consuming element.
  */
-export type ContextValue<T> = T | null;
+export type ContextValue<T, E = HTMLElement> = SlottedContextValue<WithRef<T, E>>;
 /**
- * Creates a context with props and ref merging support
+ * Creates a context that can carry either a bare value or a `slots` record.
  */
-export declare function createSlottedContext<T>(): import("solid-js").Context<T | null>;
+export declare function createSlottedContext<T>(): Context<SlottedContextValue<T>>;
+/** Assigns an element to a Solid ref (callback or mutable `{ current }` object). */
+export declare function assignRef<T>(ref: RefLike<T>, el: T): void;
+/** Merges multiple Solid refs into one callback that forwards to each, once. */
+export declare function mergeRefs<T>(...refs: Array<RefLike<T>>): (el: T) => void;
 /**
- * Use context with null check
+ * Resolves a (possibly slotted) context value for the given slot name. Port of
+ * react-aria-components' `useSlottedContext`:
+ * - `slot === null` opts out of the context entirely (returns `null`);
+ * - if the context carries a `slots` record, the entry for `slot` (or
+ *   {@link DEFAULT_SLOT}) is returned, throwing on an unknown slot name;
+ * - otherwise the bare context value is returned.
+ */
+export declare function useSlottedContext<T>(context: Context<SlottedContextValue<T>>, slot?: string | null): T | null | undefined;
+/**
+ * Merges context-provided props and a context ref into a component's own props
+ * and ref. Port of react-aria-components' `useContextProps`:
+ * - the context is resolved for `props.slot` via {@link useSlottedContext};
+ * - props win over context props (handler props are chained by `mergeProps`);
+ * - the component's own ref and the context's ref merge into one callback.
+ *
+ * The prop merge stays reactive (Solid `mergeProps` preserves getters), so prop
+ * changes keep flowing; the context value is read once at setup, matching a single
+ * upstream render.
  */
-export declare function useSlottedContext<T>(context: ReturnType<typeof createContext<T | null>>): T | null;
-export declare function useContextProps<TProps extends object, TRef>(props: TProps, ref: TRef, context?: ContextValue<Partial<TProps>>): [TProps, TRef];
-export declare const Provider: ParentComponent<{
-    values: Array<[ReturnType<typeof createContext<unknown>>, unknown]>;
-}>;
+export declare function useContextProps<TProps extends SlotProps, TRef>(props: TProps, ref: RefLike<TRef>, context: Context<ContextValue<TProps, TRef>>): [TProps, (el: TRef) => void];
+/**
+ * Detects whether slotted content was rendered into a placeholder, for the
+ * aria-label fallback pattern. Port of react-aria-components' `useSlot`: returns a
+ * ref callback to attach to the placeholder and an accessor that is `true` while
+ * an element is mounted there. The accessor flips to `false` after mount if the
+ * ref never ran (no slotted content was provided).
+ */
+export declare function useSlot(initialState?: boolean): [(el: Element | null) => void, Accessor<boolean>];
+/**
+ * Nests a set of context providers around `children`. Port of
+ * react-aria-components' `Provider`: each `[Context, value]` pair wraps the
+ * previous result, so the LAST pair is the outermost provider — matching upstream's
+ * wrap-in-iteration-order.
+ *
+ * `children` is read through a lazy getter inside the innermost provider so child
+ * components are *created* within every provider's owner; Solid binds `useContext`
+ * at component-execution time, so eager children would miss these providers.
+ */
+export declare function Provider(props: {
+    values: Array<[Context<unknown>, unknown]>;
+    children: JSX.Element;
+}): JSX.Element;
 /**
  * Converts boolean state values to data attributes
  */

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"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"}