maquinaweb-ui 2.47.7 → 2.48.0

package/dist/container-animation.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ElementType } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/container-animation/container-animation.d.ts
 type ContainerAnimationProps<T extends ElementType = 'div'> = ComponentProps<'div'> & ComponentProps<T> & {
@@ -23,7 +23,7 @@ declare const ContainerAnimation: <T extends ElementType = "div">({
   distance,
   hideNotInView,
   ...props
-}: ContainerAnimationProps<T>) => react_jsx_runtime0.JSX.Element;
+}: ContainerAnimationProps<T>) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { ContainerAnimation, type ContainerAnimationProps };
 //# sourceMappingURL=container-animation.d.ts.map

package/dist/input-suggest.d.ts

@@ -1,7 +1,7 @@
 import { n as Options, t as Mask } from "./with-mask-Chm8kVE1.js";
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
 import { Dispatch, SetStateAction } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { PopoverProps } from "@radix-ui/react-popover";
 
 //#region src/components/input-suggest/input-suggest.d.ts
@@ -71,7 +71,7 @@ declare function InputSuggest<TFieldValues extends FieldValues = FieldValues, TF
   debounceTime,
   maxWait,
   ...props
-}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime0.JSX.Element;
+}: InputSuggestProps<TFieldValues, TFieldName> & PopoverProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { InputSuggest, type InputSuggestProps };
 //# sourceMappingURL=input-suggest.d.ts.map

package/dist/kanban-dnd.d.ts

@@ -0,0 +1,146 @@
+import { Dispatch, ReactNode, RefObject, SetStateAction } from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/kanban-dnd/types.d.ts
+type KanbanSelectableItem = {
+  id: string | number;
+  element?: HTMLElement | null;
+};
+type KanbanOverflow = {
+  forLeftEdge?: {
+    left: number;
+    top: number;
+    bottom: number;
+  };
+  forRightEdge?: {
+    right: number;
+    top: number;
+    bottom: number;
+  };
+};
+type KanbanDropZoneProps = {
+  children: ReactNode;
+  id: string;
+  className?: string;
+  isOverClassName?: string;
+};
+type UseKanbanColumnDnDProps = {
+  columnId: string;
+  elementRef: RefObject<HTMLElement | null>;
+  dragHandleRef?: RefObject<HTMLElement | null>;
+};
+type KanbanCardItemProps = {
+  id: string;
+  children?: ReactNode;
+  className?: string;
+  getSelectedCardIds?: () => string[];
+  getSelectableItems?: () => KanbanSelectableItem[];
+};
+type KanbanDndMonitorProps<TColumn> = {
+  children?: ReactNode;
+  setColumns: Dispatch<SetStateAction<TColumn[]>>;
+  getColumnId?: (column: TColumn) => string;
+  moveCards?: (columns: TColumn[], cardIds: string[], targetColumnId: string) => TColumn[];
+  getCardsFromColumn?: (column: TColumn) => unknown[];
+  setCardsInColumn?: (column: TColumn, cards: unknown[]) => TColumn;
+  getCardId?: (card: unknown) => string;
+  getSelectedCardIds?: () => string[];
+  setSelectedCardIds?: (cardIds: string[]) => void;
+  addSelectedCardId?: (cardId: string) => void;
+  clearSelectedCards?: () => void;
+  setIsDragging?: (isDragging: boolean) => void;
+  onCardsMove?: (args: {
+    cardIds: string[];
+    targetColumnId: string;
+  }) => void;
+  onColumnReorder?: (args: {
+    columnId: string;
+    order: number;
+  }) => void;
+  scrollContainerId?: string;
+  autoScrollOverflow?: KanbanOverflow;
+  isAutoScrollEnabled?: boolean;
+  renderIdleLayer?: ReactNode;
+  onSelectionChange?: (cardIds: string[]) => void;
+};
+type KanbanSelectorProps = {
+  dragAreaId?: string;
+  autoScrollMargin?: number;
+  ignoredSlots?: string[];
+};
+//#endregion
+//#region src/components/kanban-dnd/context.d.ts
+declare function useKanbanSelection(): {
+  selectedCardIds: string[];
+  isSelected: (cardId: string) => boolean;
+  setSelectedCardIds: (cardIds: string[]) => void;
+  addSelectedCardId: (cardId: string) => void;
+  clearSelectedCards: () => void;
+  toggleSelectedCardId: (cardId: string) => void;
+};
+//#endregion
+//#region src/components/kanban-dnd/kanban-card-item.d.ts
+declare function KanbanCardItem({
+  id,
+  children,
+  className,
+  getSelectedCardIds,
+  getSelectableItems
+}: KanbanCardItemProps): react_jsx_runtime13.JSX.Element;
+//#endregion
+//#region src/components/kanban-dnd/kanban-dnd-monitor.d.ts
+declare function KanbanDndMonitor<TColumn>({
+  onCardsMove,
+  onColumnReorder,
+  scrollContainerId,
+  setColumns,
+  children,
+  getColumnId,
+  moveCards,
+  getCardsFromColumn,
+  setCardsInColumn,
+  getCardId,
+  getSelectedCardIds,
+  setSelectedCardIds,
+  addSelectedCardId,
+  clearSelectedCards,
+  onSelectionChange,
+  setIsDragging,
+  autoScrollOverflow,
+  isAutoScrollEnabled,
+  renderIdleLayer
+}: KanbanDndMonitorProps<TColumn>): react_jsx_runtime13.JSX.Element;
+//#endregion
+//#region src/components/kanban-dnd/kanban-dropzone.d.ts
+declare function KanbanDropZone({
+  children,
+  id,
+  className,
+  isOverClassName
+}: KanbanDropZoneProps): react_jsx_runtime13.JSX.Element;
+//#endregion
+//#region src/components/kanban-dnd/kanban-selector.d.ts
+declare function KanbanSelector({
+  dragAreaId,
+  autoScrollMargin,
+  ignoredSlots
+}: KanbanSelectorProps): react_jsx_runtime13.JSX.Element | null;
+//#endregion
+//#region src/components/kanban-dnd/move-cards.d.ts
+type MoveCardsResolvers<TColumn, TCard> = {
+  getColumnId: (column: TColumn) => string;
+  getCards: (column: TColumn) => TCard[];
+  setCards: (column: TColumn, cards: TCard[]) => TColumn;
+  getCardId: (card: TCard) => string;
+};
+declare function moveCardsInColumns<TColumn, TCard>(columns: TColumn[], cardIds: string[], targetColumnId: string, resolvers?: Partial<MoveCardsResolvers<TColumn, TCard>>): TColumn[];
+//#endregion
+//#region src/components/kanban-dnd/use-kanban-column-dnd.d.ts
+declare function useKanbanColumnDnD({
+  columnId,
+  elementRef,
+  dragHandleRef
+}: UseKanbanColumnDnDProps): void;
+//#endregion
+export { KanbanCardItem, type KanbanCardItemProps, KanbanDndMonitor, type KanbanDndMonitorProps, KanbanDropZone, type KanbanDropZoneProps, type KanbanOverflow, type KanbanSelectableItem, KanbanSelector, type KanbanSelectorProps, type UseKanbanColumnDnDProps, moveCardsInColumns, useKanbanColumnDnD, useKanbanSelection };
+//# sourceMappingURL=kanban-dnd.d.ts.map

package/dist/kanban-dnd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-dnd.d.ts","names":[],"sources":["../src/components/kanban-dnd/types.ts","../src/components/kanban-dnd/context.tsx","../src/components/kanban-dnd/kanban-card-item.tsx","../src/components/kanban-dnd/kanban-dnd-monitor.tsx","../src/components/kanban-dnd/kanban-dropzone.tsx","../src/components/kanban-dnd/kanban-selector.tsx","../src/components/kanban-dnd/move-cards.ts","../src/components/kanban-dnd/use-kanban-column-dnd.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/kanban-dnd.js

@@ -0,0 +1,673 @@
+'use client';
+
+
+import { t as cn } from "./utils-C8_amEgK.js";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { draggable, dropTargetForElements, monitorForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
+import { preserveOffsetOnSource } from "@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source";
+import { setCustomNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
+import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
+import { reorder } from "@atlaskit/pragmatic-drag-and-drop/reorder";
+import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
+import { unsafeOverflowAutoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/element";
+import { boxesIntersect, useSelectionContainer } from "@air/react-drag-to-select";
+
+//#region src/components/kanban-dnd/context.tsx
+const KanbanDndContext = createContext(null);
+function KanbanDndProvider({ children, value }) {
+	return /* @__PURE__ */ jsx(KanbanDndContext.Provider, {
+		value,
+		children
+	});
+}
+function useKanbanDndContext() {
+	return useContext(KanbanDndContext);
+}
+function useKanbanSelection() {
+	const context = useKanbanDndContext();
+	if (!context) return {
+		selectedCardIds: [],
+		isSelected: () => false,
+		setSelectedCardIds: () => {},
+		addSelectedCardId: () => {},
+		clearSelectedCards: () => {},
+		toggleSelectedCardId: () => {}
+	};
+	const selectedCardIds = context.getSelectedCardIds();
+	return {
+		selectedCardIds,
+		isSelected: (cardId) => selectedCardIds.includes(cardId),
+		setSelectedCardIds: context.setSelectedCardIds,
+		addSelectedCardId: context.addSelectedCardId,
+		clearSelectedCards: context.clearSelectedCards,
+		toggleSelectedCardId: context.toggleSelectedCardId
+	};
+}
+
+//#endregion
+//#region src/components/kanban-dnd/constants.ts
+const PREVIEW_STACK_LIMIT = 10;
+const PREVIEW_STACK_X_OFFSET = 10;
+const PREVIEW_STACK_Y_OFFSET = 8;
+const PREVIEW_STACK_MIN_OPACITY = .75;
+const STACKED_CLONE_BASE_STYLE = {
+	pointerEvents: "none",
+	margin: "0",
+	width: "100%",
+	top: "0",
+	left: "0"
+};
+const DEFAULT_AUTO_SCROLL_OVERFLOW = {
+	forLeftEdge: {
+		left: 320,
+		top: 160,
+		bottom: 160
+	},
+	forRightEdge: {
+		right: 160,
+		top: 120,
+		bottom: 120
+	}
+};
+
+//#endregion
+//#region src/components/kanban-dnd/utils.ts
+function applyStyles(element, styles) {
+	Object.assign(element.style, styles);
+}
+function getTargetColumnId(dropTargets, targetType) {
+	const target = dropTargets.find((item) => item.data.type === targetType);
+	return target ? String(target.data.columnId ?? "") : "";
+}
+
+//#endregion
+//#region src/components/kanban-dnd/drag-preview.ts
+function createStackedClone(original, index) {
+	const clone = original.cloneNode(true);
+	const xOffset = index * PREVIEW_STACK_X_OFFSET;
+	const yOffset = index * PREVIEW_STACK_Y_OFFSET;
+	const opacity = Math.max(1 - index * .1, PREVIEW_STACK_MIN_OPACITY);
+	applyStyles(clone, {
+		...STACKED_CLONE_BASE_STYLE,
+		position: index === 0 ? "relative" : "absolute",
+		transform: `translate(${xOffset}px, ${yOffset}px)`,
+		opacity: String(opacity)
+	});
+	return clone;
+}
+function createFallbackClone(sourceElement) {
+	const fallback = sourceElement.cloneNode(true);
+	applyStyles(fallback, {
+		pointerEvents: "none",
+		margin: "0"
+	});
+	return fallback;
+}
+function buildDragPreview({ cardId, sourceElement, getSelectableItems, getSelectedCardIds }) {
+	const selectedIds = getSelectedCardIds?.() ?? [];
+	const idsToPreview = Array.from(new Set([...selectedIds, String(cardId)]));
+	const root = document.createElement("div");
+	applyStyles(root, { position: "relative" });
+	const selectableItems = getSelectableItems?.() ?? [];
+	const itemElementById = new Map(selectableItems.filter((item) => item.element).map((item) => [String(item.id), item.element]));
+	idsToPreview.slice(0, PREVIEW_STACK_LIMIT).forEach((previewId, index) => {
+		const original = itemElementById.get(String(previewId));
+		if (!original) return;
+		root.appendChild(createStackedClone(original, index));
+	});
+	if (!root.childElementCount) root.appendChild(createFallbackClone(sourceElement));
+	return root;
+}
+
+//#endregion
+//#region src/components/kanban-dnd/kanban-card-item.tsx
+function KanbanCardItem({ id, children, className, getSelectedCardIds, getSelectableItems }) {
+	const ref = useRef(null);
+	const context = useKanbanDndContext();
+	const getSelectedCardIdsSafe = getSelectedCardIds ?? context?.getSelectedCardIds;
+	const getSelectableItemsSafe = getSelectableItems ?? context?.getSelectableItems;
+	useEffect(() => {
+		context?.registerSelectableItem(String(id), ref.current);
+		return () => {
+			context?.registerSelectableItem(String(id), null);
+		};
+	}, [context, id]);
+	useEffect(() => {
+		const element = ref.current;
+		if (!element) return;
+		return draggable({
+			element,
+			getInitialData: () => ({
+				type: "card",
+				cardId: String(id)
+			}),
+			onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {
+				setCustomNativeDragPreview({
+					getOffset: preserveOffsetOnSource({
+						element: source.element,
+						input: location.current.input
+					}),
+					render({ container }) {
+						const root = buildDragPreview({
+							cardId: String(id),
+							sourceElement: source.element,
+							getSelectableItems: getSelectableItemsSafe,
+							getSelectedCardIds: getSelectedCardIdsSafe
+						});
+						container.appendChild(root);
+						return () => {
+							if (root.parentElement === container) container.removeChild(root);
+						};
+					},
+					nativeSetDragImage
+				});
+			}
+		});
+	}, [
+		getSelectableItemsSafe,
+		getSelectedCardIdsSafe,
+		id
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		"data-draggable": "true",
+		id: `kanban-card-item-${id}`,
+		ref,
+		suppressHydrationWarning: true,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/kanban-dnd/move-cards.ts
+function hasObjectValue(value) {
+	return typeof value === "object" && value !== null;
+}
+function defaultGetColumnId$1(column) {
+	if (!hasObjectValue(column)) return "";
+	const id = column.id;
+	return id === void 0 || id === null ? "" : String(id);
+}
+function defaultGetCards(column) {
+	if (!hasObjectValue(column)) return [];
+	const cards = column.cards;
+	return Array.isArray(cards) ? cards : [];
+}
+function defaultSetCards(column, cards) {
+	if (!hasObjectValue(column)) return column;
+	return {
+		...column,
+		cards
+	};
+}
+function defaultGetCardId(card) {
+	if (!hasObjectValue(card)) return "";
+	const id = card.id;
+	return id === void 0 || id === null ? "" : String(id);
+}
+function moveCardsInColumns(columns, cardIds, targetColumnId, resolvers = {}) {
+	const getColumnId = resolvers.getColumnId ?? defaultGetColumnId$1;
+	const getCards = resolvers.getCards ?? defaultGetCards;
+	const setCards = resolvers.setCards ?? defaultSetCards;
+	const getCardId = resolvers.getCardId ?? defaultGetCardId;
+	const selectedIds = new Set(cardIds);
+	if (selectedIds.size === 0) return columns;
+	const cardsToMove = columns.flatMap((column) => getCards(column).filter((card) => selectedIds.has(getCardId(card))));
+	if (cardsToMove.length === 0) return columns;
+	return columns.map((column) => {
+		const currentCards = getCards(column);
+		if (getColumnId(column) === targetColumnId) {
+			const existingIds = new Set(currentCards.map((card) => getCardId(card)));
+			const incomingCards = cardsToMove.filter((card) => !existingIds.has(getCardId(card)));
+			return setCards(column, [...currentCards, ...incomingCards]);
+		}
+		return setCards(column, currentCards.filter((card) => !selectedIds.has(getCardId(card))));
+	});
+}
+
+//#endregion
+//#region src/components/kanban-dnd/kanban-dnd-monitor.tsx
+function defaultGetColumnId(column) {
+	const id = column?.id;
+	return id === void 0 || id === null ? "" : String(id);
+}
+function KanbanDndMonitor({ onCardsMove, onColumnReorder, scrollContainerId, setColumns, children, getColumnId, moveCards, getCardsFromColumn, setCardsInColumn, getCardId, getSelectedCardIds, setSelectedCardIds, addSelectedCardId, clearSelectedCards, onSelectionChange, setIsDragging, autoScrollOverflow, isAutoScrollEnabled = true, renderIdleLayer }) {
+	const [isDragging, setLocalIsDragging] = useState(false);
+	const [internalSelectedCardIds, setInternalSelectedCardIds] = useState([]);
+	const selectableItemMapRef = useRef(/* @__PURE__ */ new Map());
+	const getColumnIdSafe = useCallback((column) => getColumnId ? getColumnId(column) : defaultGetColumnId(column), [getColumnId]);
+	const getSelectedCardIdsSafe = useCallback(() => getSelectedCardIds?.() ?? internalSelectedCardIds, [getSelectedCardIds, internalSelectedCardIds]);
+	const addSelectedCardIdSafe = useCallback((cardId) => {
+		if (addSelectedCardId) {
+			addSelectedCardId(cardId);
+			return;
+		}
+		setInternalSelectedCardIds((prev) => prev.includes(cardId) ? prev : [...prev, cardId]);
+	}, [addSelectedCardId]);
+	const clearSelectedCardsSafe = useCallback(() => {
+		if (clearSelectedCards) {
+			clearSelectedCards();
+			return;
+		}
+		setInternalSelectedCardIds([]);
+	}, [clearSelectedCards]);
+	const setSelectedCardIdsSafe = useCallback((cardIds) => {
+		if (setSelectedCardIds) {
+			setSelectedCardIds(cardIds);
+			return;
+		}
+		if (getSelectedCardIds && clearSelectedCards && addSelectedCardId) {
+			clearSelectedCards();
+			cardIds.forEach((cardId) => addSelectedCardId(cardId));
+			return;
+		}
+		setInternalSelectedCardIds(cardIds);
+	}, [
+		addSelectedCardId,
+		clearSelectedCards,
+		getSelectedCardIds,
+		setSelectedCardIds
+	]);
+	const toggleSelectedCardIdSafe = useCallback((cardId) => {
+		if (getSelectedCardIdsSafe().includes(cardId)) {
+			if (!getSelectedCardIds) setInternalSelectedCardIds((prev) => prev.filter((id) => id !== cardId));
+			return;
+		}
+		addSelectedCardIdSafe(cardId);
+	}, [
+		addSelectedCardIdSafe,
+		getSelectedCardIds,
+		getSelectedCardIdsSafe
+	]);
+	const registerSelectableItem = useCallback((id, element) => {
+		if (!element) {
+			selectableItemMapRef.current.delete(id);
+			return;
+		}
+		selectableItemMapRef.current.set(id, element);
+	}, []);
+	const getSelectableItems = useCallback(() => Array.from(selectableItemMapRef.current.entries()).map(([id, element]) => ({
+		id,
+		element
+	})), []);
+	useEffect(() => {
+		onSelectionChange?.(getSelectedCardIdsSafe());
+	}, [
+		getSelectedCardIdsSafe,
+		internalSelectedCardIds,
+		onSelectionChange
+	]);
+	const contextValue = useMemo(() => ({
+		isDragging,
+		getSelectedCardIds: getSelectedCardIdsSafe,
+		setSelectedCardIds: setSelectedCardIdsSafe,
+		addSelectedCardId: addSelectedCardIdSafe,
+		clearSelectedCards: clearSelectedCardsSafe,
+		toggleSelectedCardId: toggleSelectedCardIdSafe,
+		registerSelectableItem,
+		getSelectableItems
+	}), [
+		addSelectedCardIdSafe,
+		clearSelectedCardsSafe,
+		getSelectableItems,
+		getSelectedCardIdsSafe,
+		isDragging,
+		registerSelectableItem,
+		setSelectedCardIdsSafe,
+		toggleSelectedCardIdSafe
+	]);
+	const finishDrag = () => {
+		setLocalIsDragging(false);
+		setTimeout(() => {
+			setIsDragging?.(false);
+			clearSelectedCardsSafe();
+		}, 100);
+	};
+	const startDrag = (source) => {
+		if (source.data.type !== "column" && source.data.type !== "card") return;
+		if (source.data.type === "card") {
+			const cardId = String(source.data.cardId ?? "");
+			if (!getSelectedCardIdsSafe().includes(cardId)) addSelectedCardIdSafe(cardId);
+		}
+		setIsDragging?.(true);
+		setLocalIsDragging(true);
+	};
+	const dropColumn = (sourceColumnId, targetColumnId) => {
+		if (!sourceColumnId || sourceColumnId === targetColumnId) return;
+		let nextOrder = null;
+		setColumns((prev) => {
+			const oldIndex = prev.findIndex((col) => getColumnIdSafe(col) === sourceColumnId);
+			const newIndex = prev.findIndex((col) => getColumnIdSafe(col) === targetColumnId);
+			if (oldIndex < 0 || newIndex < 0 || oldIndex === newIndex) return prev;
+			nextOrder = newIndex + 1;
+			return reorder({
+				list: prev,
+				startIndex: oldIndex,
+				finishIndex: newIndex
+			});
+		});
+		if (nextOrder !== null) onColumnReorder?.({
+			columnId: sourceColumnId,
+			order: nextOrder
+		});
+	};
+	const dropCard = (cardId, targetColumnId) => {
+		if (!cardId || !targetColumnId) return;
+		const selectedIds = getSelectedCardIdsSafe();
+		const idsToMove = selectedIds.length > 0 ? selectedIds : [cardId];
+		setColumns((prev) => {
+			if (moveCards) return moveCards(prev, idsToMove, targetColumnId);
+			return moveCardsInColumns(prev, idsToMove, targetColumnId, {
+				getColumnId: getColumnIdSafe,
+				getCards: getCardsFromColumn,
+				setCards: setCardsInColumn,
+				getCardId
+			});
+		});
+		onCardsMove?.({
+			cardIds: idsToMove,
+			targetColumnId
+		});
+	};
+	useEffect(() => {
+		const monitorCleanup = monitorForElements({
+			onDragStart: ({ source }) => startDrag(source),
+			onDrop: ({ source, location }) => {
+				const dropTargets = location.current.dropTargets;
+				if (source.data.type === "column") {
+					dropColumn(String(source.data.columnId ?? ""), getTargetColumnId(dropTargets, "column"));
+					finishDrag();
+					return;
+				}
+				if (source.data.type === "card") {
+					dropCard(String(source.data.cardId ?? ""), getTargetColumnId(dropTargets, "column-drop"));
+					finishDrag();
+					return;
+				}
+				finishDrag();
+			}
+		});
+		if (!isAutoScrollEnabled || !scrollContainerId) return monitorCleanup;
+		const scrollContainer = document.getElementById(scrollContainerId);
+		if (!scrollContainer) return monitorCleanup;
+		return combine(monitorCleanup, autoScrollForElements({
+			element: scrollContainer,
+			canScroll: ({ source }) => source.data.type === "card" || source.data.type === "column",
+			getAllowedAxis: () => "horizontal"
+		}), unsafeOverflowAutoScrollForElements({
+			element: scrollContainer,
+			canScroll: ({ source }) => source.data.type === "card" || source.data.type === "column",
+			getAllowedAxis: () => "horizontal",
+			getOverflow: () => autoScrollOverflow ?? DEFAULT_AUTO_SCROLL_OVERFLOW
+		}));
+	}, [
+		addSelectedCardIdSafe,
+		autoScrollOverflow,
+		clearSelectedCardsSafe,
+		getCardId,
+		getCardsFromColumn,
+		getColumnIdSafe,
+		getSelectedCardIdsSafe,
+		isAutoScrollEnabled,
+		moveCards,
+		onCardsMove,
+		onColumnReorder,
+		setCardsInColumn,
+		scrollContainerId,
+		setSelectedCardIds,
+		setColumns,
+		setIsDragging
+	]);
+	return /* @__PURE__ */ jsx(KanbanDndProvider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "contain-layout h-full",
+			id: "draggable-area",
+			children: [!isDragging && renderIdleLayer, children]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/kanban-dnd/kanban-dropzone.tsx
+function KanbanDropZone({ children, id, className, isOverClassName }) {
+	const [isOver, setIsOver] = useState(false);
+	const ref = useRef(null);
+	useEffect(() => {
+		const element = ref.current;
+		if (!element) return;
+		return dropTargetForElements({
+			element,
+			canDrop: ({ source }) => source.data.type === "card",
+			getData: () => ({
+				type: "column-drop",
+				columnId: String(id)
+			}),
+			onDragEnter: () => setIsOver(true),
+			onDragLeave: () => setIsOver(false),
+			onDrop: () => setIsOver(false)
+		});
+	}, [id]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("border flex-1 border-transparent rounded-xl transition-colors", isOver && (isOverClassName ?? "border-border"), className),
+		id: `kanban-drop-zone-${id}`,
+		ref,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/kanban-dnd/kanban-selector.tsx
+const DEFAULT_DRAG_AREA_ID = "draggable-area";
+const DEFAULT_AUTO_SCROLL_MARGIN = 120;
+const DEFAULT_IGNORED_SLOTS = [
+	"sheet-content",
+	"popover-content",
+	"select-content",
+	"dialog-content",
+	"dialog-overlay"
+];
+const clampDelta = (delta, current, max) => delta > 0 ? Math.min(delta, max - current) : Math.max(delta, -current);
+const edgeDelta = (pointer, start, end, margin, dt) => {
+	if (pointer < start + margin) return (pointer - (start + margin)) / margin * dt;
+	if (pointer > end - margin) return (pointer - (end - margin)) / margin * dt;
+	return 0;
+};
+function findScrollable(node, axis) {
+	if (!node) return null;
+	const style = window.getComputedStyle(node);
+	const canScrollX = /(auto|scroll)/.test(style.overflowX) && node.scrollWidth > node.clientWidth;
+	const canScrollY = /(auto|scroll)/.test(style.overflowY) && node.scrollHeight > node.clientHeight;
+	if (axis === "x" && canScrollX || axis === "y" && canScrollY) return node;
+	return findScrollable(node.parentElement, axis);
+}
+function getContainerBounds(container) {
+	if (!container || container === document.documentElement || container === document.body) return {
+		left: 0,
+		right: window.innerWidth,
+		top: 0,
+		bottom: window.innerHeight
+	};
+	const rect = container.getBoundingClientRect();
+	return {
+		left: Math.max(0, rect.left),
+		right: Math.min(window.innerWidth, rect.right),
+		top: Math.max(0, rect.top),
+		bottom: Math.min(window.innerHeight, rect.bottom)
+	};
+}
+function shouldStartSelecting(target, ignoredSlots) {
+	if (!(target instanceof Element)) return false;
+	return !(target.closest("[data-draggable=\"true\"]") || ignoredSlots.some((slot) => target.closest(`[data-slot="${slot}"]`)));
+}
+function useAutoScroll({ isSelectingRef, dragAreaId, autoScrollMargin }) {
+	useEffect(() => {
+		let raf = 0;
+		let lastTime = performance.now();
+		const pos = {
+			x: 0,
+			y: 0
+		};
+		let xContainer = null;
+		let yContainer = null;
+		let xMax = 0;
+		let yMax = 0;
+		let useWindowY = false;
+		const onMove = (e) => (pos.x = e.clientX, pos.y = e.clientY);
+		window.addEventListener("pointermove", onMove, { passive: true });
+		const reset = () => {
+			xContainer = null;
+			yContainer = null;
+			xMax = 0;
+			yMax = 0;
+			useWindowY = false;
+		};
+		const step = (time) => {
+			const dt = time - lastTime;
+			lastTime = time;
+			if (!isSelectingRef.current) {
+				reset();
+				raf = requestAnimationFrame(step);
+				return;
+			}
+			if (!xContainer && !yContainer && xMax === 0 && yMax === 0) {
+				const startNode = document.getElementById(dragAreaId)?.parentElement ?? null;
+				xContainer = findScrollable(startNode, "x");
+				yContainer = findScrollable(startNode, "y");
+				useWindowY = !yContainer;
+				xMax = xContainer ? xContainer.scrollWidth - xContainer.clientWidth : 0;
+				yMax = useWindowY ? document.documentElement.scrollHeight - window.innerHeight : yContainer ? yContainer.scrollHeight - yContainer.clientHeight : 0;
+			}
+			const xBounds = getContainerBounds(xContainer);
+			const yBounds = useWindowY ? {
+				top: 0,
+				bottom: window.innerHeight
+			} : getContainerBounds(yContainer);
+			const dx = edgeDelta(pos.x, xBounds.left, xBounds.right, autoScrollMargin, dt);
+			const dy = edgeDelta(pos.y, yBounds.top, yBounds.bottom, autoScrollMargin, dt);
+			let didScroll = false;
+			if (dx && xContainer && xMax > 0) {
+				const clampedDx = clampDelta(dx, xContainer.scrollLeft, xMax);
+				if (clampedDx) {
+					xContainer.scrollBy(clampedDx, 0);
+					didScroll = true;
+				}
+			}
+			if (dy && yMax > 0) {
+				if (useWindowY) {
+					const clampedDy = clampDelta(dy, window.scrollY || document.documentElement.scrollTop, yMax);
+					if (clampedDy) {
+						window.scrollBy(0, clampedDy);
+						didScroll = true;
+					}
+				} else if (yContainer) {
+					const clampedDy = clampDelta(dy, yContainer.scrollTop, yMax);
+					if (clampedDy) {
+						yContainer.scrollBy(0, clampedDy);
+						didScroll = true;
+					}
+				}
+			}
+			if (didScroll) document.body.dispatchEvent(new MouseEvent("mousemove", {
+				clientX: pos.x,
+				clientY: pos.y,
+				bubbles: true,
+				cancelable: true
+			}));
+			raf = requestAnimationFrame(step);
+		};
+		raf = requestAnimationFrame(step);
+		return () => {
+			window.removeEventListener("pointermove", onMove);
+			cancelAnimationFrame(raf);
+		};
+	}, [
+		autoScrollMargin,
+		dragAreaId,
+		isSelectingRef
+	]);
+}
+function KanbanSelector({ dragAreaId = DEFAULT_DRAG_AREA_ID, autoScrollMargin = DEFAULT_AUTO_SCROLL_MARGIN, ignoredSlots = DEFAULT_IGNORED_SLOTS }) {
+	const context = useKanbanDndContext();
+	const isSelectingRef = useRef(false);
+	useAutoScroll({
+		isSelectingRef,
+		dragAreaId,
+		autoScrollMargin
+	});
+	const { DragSelection } = useSelectionContainer({
+		shouldStartSelecting: useMemo(() => (target) => shouldStartSelecting(target, ignoredSlots), [ignoredSlots]),
+		onSelectionChange: (selection) => {
+			if (!context) return;
+			const selectedIds = [];
+			context.getSelectableItems().forEach((item) => {
+				if (!item.element) return;
+				const rect = item.element.getBoundingClientRect();
+				if (boxesIntersect(selection, {
+					...rect,
+					left: rect.left + window.scrollX,
+					top: rect.top,
+					width: rect.width,
+					height: rect.height
+				})) selectedIds.push(String(item.id));
+			});
+			context.setSelectedCardIds(selectedIds);
+		},
+		onSelectionEnd: () => {
+			isSelectingRef.current = false;
+		},
+		onSelectionStart: () => {
+			isSelectingRef.current = true;
+		},
+		selectionProps: { style: {
+			pointerEvents: "none",
+			position: "fixed",
+			inset: 0,
+			zIndex: 50
+		} }
+	});
+	useEffect(() => {
+		if (!context) return;
+		const handlePointerUp = (e) => {
+			const target = e.target;
+			if (!isSelectingRef.current && !context.isDragging && !target?.closest("[data-draggable=\"true\"]")) context.clearSelectedCards();
+		};
+		document.addEventListener("pointerup", handlePointerUp);
+		return () => document.removeEventListener("pointerup", handlePointerUp);
+	}, [context]);
+	if (!context) return null;
+	return /* @__PURE__ */ jsx(DragSelection, {});
+}
+
+//#endregion
+//#region src/components/kanban-dnd/use-kanban-column-dnd.ts
+function useKanbanColumnDnD({ columnId, elementRef, dragHandleRef }) {
+	useEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		return combine(draggable({
+			element,
+			dragHandle: dragHandleRef?.current ?? void 0,
+			getInitialData: () => ({
+				type: "column",
+				columnId: String(columnId)
+			})
+		}), dropTargetForElements({
+			element,
+			canDrop: ({ source }) => source.data.type === "column" && String(source.data.columnId) !== String(columnId),
+			getData: () => ({
+				type: "column",
+				columnId: String(columnId)
+			})
+		}));
+	}, [
+		columnId,
+		dragHandleRef,
+		elementRef
+	]);
+}
+
+//#endregion
+export { KanbanCardItem, KanbanDndMonitor, KanbanDropZone, KanbanSelector, moveCardsInColumns, useKanbanColumnDnD, useKanbanSelection };
+//# sourceMappingURL=kanban-dnd.js.map

package/dist/kanban-dnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-dnd.js","names":["STACKED_CLONE_BASE_STYLE: Partial<CSSStyleDeclaration>","defaultGetColumnId","nextOrder: number | null","xContainer: HTMLElement | null","yContainer: HTMLElement | null","selectedIds: string[]"],"sources":["../src/components/kanban-dnd/context.tsx","../src/components/kanban-dnd/constants.ts","../src/components/kanban-dnd/utils.ts","../src/components/kanban-dnd/drag-preview.ts","../src/components/kanban-dnd/kanban-card-item.tsx","../src/components/kanban-dnd/move-cards.ts","../src/components/kanban-dnd/kanban-dnd-monitor.tsx","../src/components/kanban-dnd/kanban-dropzone.tsx","../src/components/kanban-dnd/kanban-selector.tsx","../src/components/kanban-dnd/use-kanban-column-dnd.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nimport type { KanbanSelectableItem } from './types';\n\ntype KanbanDndContextValue = {\n  isDragging: boolean;\n  getSelectedCardIds: () => string[];\n  setSelectedCardIds: (cardIds: string[]) => void;\n  addSelectedCardId: (cardId: string) => void;\n  clearSelectedCards: () => void;\n  toggleSelectedCardId: (cardId: string) => void;\n  registerSelectableItem: (id: string, element: HTMLElement | null) => void;\n  getSelectableItems: () => KanbanSelectableItem[];\n};\n\nconst KanbanDndContext = createContext<KanbanDndContextValue | null>(null);\n\nexport function KanbanDndProvider({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: KanbanDndContextValue;\n}) {\n  return (\n    <KanbanDndContext.Provider value={value}>\n      {children}\n    </KanbanDndContext.Provider>\n  );\n}\n\nexport function useKanbanDndContext() {\n  return useContext(KanbanDndContext);\n}\n\nexport function useKanbanSelection() {\n  const context = useKanbanDndContext();\n\n  if (!context) {\n    return {\n      selectedCardIds: [] as string[],\n      isSelected: () => false,\n      setSelectedCardIds: () => {},\n      addSelectedCardId: () => {},\n      clearSelectedCards: () => {},\n      toggleSelectedCardId: () => {},\n    };\n  }\n\n  const selectedCardIds = context.getSelectedCardIds();\n\n  return {\n    selectedCardIds,\n    isSelected: (cardId: string) => selectedCardIds.includes(cardId),\n    setSelectedCardIds: context.setSelectedCardIds,\n    addSelectedCardId: context.addSelectedCardId,\n    clearSelectedCards: context.clearSelectedCards,\n    toggleSelectedCardId: context.toggleSelectedCardId,\n  };\n}\n","export const PREVIEW_STACK_LIMIT = 10;\nexport const PREVIEW_STACK_X_OFFSET = 10;\nexport const PREVIEW_STACK_Y_OFFSET = 8;\nexport const PREVIEW_STACK_MIN_OPACITY = 0.75;\n\nexport const STACKED_CLONE_BASE_STYLE: Partial<CSSStyleDeclaration> = {\n  pointerEvents: 'none',\n  margin: '0',\n  width: '100%',\n  top: '0',\n  left: '0',\n};\n\nexport const DEFAULT_AUTO_SCROLL_OVERFLOW = {\n  forLeftEdge: {\n    left: 320,\n    top: 160,\n    bottom: 160,\n  },\n  forRightEdge: {\n    right: 160,\n    top: 120,\n    bottom: 120,\n  },\n};\n","import type { DropTarget } from './types';\n\nexport function applyStyles(\n  element: HTMLElement,\n  styles: Partial<CSSStyleDeclaration>\n) {\n  Object.assign(element.style, styles);\n}\n\nexport function getTargetColumnId(\n  dropTargets: DropTarget[],\n  targetType: string\n) {\n  const target = dropTargets.find((item) => item.data.type === targetType);\n  return target ? String(target.data.columnId ?? '') : '';\n}\n","import {\n  PREVIEW_STACK_LIMIT,\n  PREVIEW_STACK_MIN_OPACITY,\n  PREVIEW_STACK_X_OFFSET,\n  PREVIEW_STACK_Y_OFFSET,\n  STACKED_CLONE_BASE_STYLE,\n} from './constants';\nimport type { KanbanSelectableItem } from './types';\nimport { applyStyles } from './utils';\n\nfunction createStackedClone(original: HTMLElement, index: number) {\n  const clone = original.cloneNode(true) as HTMLElement;\n  const xOffset = index * PREVIEW_STACK_X_OFFSET;\n  const yOffset = index * PREVIEW_STACK_Y_OFFSET;\n  const opacity = Math.max(1 - index * 0.1, PREVIEW_STACK_MIN_OPACITY);\n\n  applyStyles(clone, {\n    ...STACKED_CLONE_BASE_STYLE,\n    position: index === 0 ? 'relative' : 'absolute',\n    transform: `translate(${xOffset}px, ${yOffset}px)`,\n    opacity: String(opacity),\n  });\n\n  return clone;\n}\n\nfunction createFallbackClone(sourceElement: HTMLElement) {\n  const fallback = sourceElement.cloneNode(true) as HTMLElement;\n\n  applyStyles(fallback, {\n    pointerEvents: 'none',\n    margin: '0',\n  });\n\n  return fallback;\n}\n\nexport function buildDragPreview({\n  cardId,\n  sourceElement,\n  getSelectableItems,\n  getSelectedCardIds,\n}: {\n  cardId: string;\n  sourceElement: HTMLElement;\n  getSelectableItems?: () => KanbanSelectableItem[];\n  getSelectedCardIds?: () => string[];\n}) {\n  const selectedIds = getSelectedCardIds?.() ?? [];\n  const idsToPreview = Array.from(new Set([...selectedIds, String(cardId)]));\n  const root = document.createElement('div');\n\n  applyStyles(root, {\n    position: 'relative',\n  });\n\n  const selectableItems = getSelectableItems?.() ?? [];\n  const itemElementById = new Map(\n    selectableItems\n      .filter((item) => item.element)\n      .map((item) => [String(item.id), item.element as HTMLElement])\n  );\n\n  idsToPreview.slice(0, PREVIEW_STACK_LIMIT).forEach((previewId, index) => {\n    const original = itemElementById.get(String(previewId));\n    if (!original) return;\n\n    root.appendChild(createStackedClone(original, index));\n  });\n\n  if (!root.childElementCount) {\n    root.appendChild(createFallbackClone(sourceElement));\n  }\n\n  return root;\n}\n","'use client';\n\nimport { useEffect, useRef } from 'react';\n\nimport { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { preserveOffsetOnSource } from '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source';\nimport { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';\nimport { useKanbanDndContext } from './context';\nimport { buildDragPreview } from './drag-preview';\nimport type { KanbanCardItemProps } from './types';\n\nexport function KanbanCardItem({\n  id,\n  children,\n  className,\n  getSelectedCardIds,\n  getSelectableItems,\n}: KanbanCardItemProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const context = useKanbanDndContext();\n\n  const getSelectedCardIdsSafe =\n    getSelectedCardIds ?? context?.getSelectedCardIds;\n  const getSelectableItemsSafe =\n    getSelectableItems ?? context?.getSelectableItems;\n\n  useEffect(() => {\n    context?.registerSelectableItem(String(id), ref.current);\n\n    return () => {\n      context?.registerSelectableItem(String(id), null);\n    };\n  }, [context, id]);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    return draggable({\n      element,\n      getInitialData: () => ({\n        type: 'card',\n        cardId: String(id),\n      }),\n      onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {\n        setCustomNativeDragPreview({\n          getOffset: preserveOffsetOnSource({\n            element: source.element,\n            input: location.current.input,\n          }),\n          render({ container }) {\n            const root = buildDragPreview({\n              cardId: String(id),\n              sourceElement: source.element,\n              getSelectableItems: getSelectableItemsSafe,\n              getSelectedCardIds: getSelectedCardIdsSafe,\n            });\n\n            container.appendChild(root);\n\n            return () => {\n              if (root.parentElement === container) {\n                container.removeChild(root);\n              }\n            };\n          },\n          nativeSetDragImage,\n        });\n      },\n    });\n  }, [getSelectableItemsSafe, getSelectedCardIdsSafe, id]);\n\n  return (\n    <div\n      className={className}\n      data-draggable=\"true\"\n      id={`kanban-card-item-${id}`}\n      ref={ref}\n      suppressHydrationWarning\n    >\n      {children}\n    </div>\n  );\n}\n","type AnyObject = Record<string, unknown>;\n\ntype MoveCardsResolvers<TColumn, TCard> = {\n  getColumnId: (column: TColumn) => string;\n  getCards: (column: TColumn) => TCard[];\n  setCards: (column: TColumn, cards: TCard[]) => TColumn;\n  getCardId: (card: TCard) => string;\n};\n\nfunction hasObjectValue(value: unknown): value is AnyObject {\n  return typeof value === 'object' && value !== null;\n}\n\nfunction defaultGetColumnId<TColumn>(column: TColumn): string {\n  if (!hasObjectValue(column)) return '';\n  const id = column.id;\n  return id === undefined || id === null ? '' : String(id);\n}\n\nfunction defaultGetCards<TColumn, TCard>(column: TColumn): TCard[] {\n  if (!hasObjectValue(column)) return [];\n  const cards = column.cards;\n  return Array.isArray(cards) ? (cards as TCard[]) : [];\n}\n\nfunction defaultSetCards<TColumn, TCard>(\n  column: TColumn,\n  cards: TCard[]\n): TColumn {\n  if (!hasObjectValue(column)) return column;\n  return { ...column, cards } as TColumn;\n}\n\nfunction defaultGetCardId<TCard>(card: TCard): string {\n  if (!hasObjectValue(card)) return '';\n  const id = card.id;\n  return id === undefined || id === null ? '' : String(id);\n}\n\nexport function moveCardsInColumns<TColumn, TCard>(\n  columns: TColumn[],\n  cardIds: string[],\n  targetColumnId: string,\n  resolvers: Partial<MoveCardsResolvers<TColumn, TCard>> = {}\n): TColumn[] {\n  const getColumnId = resolvers.getColumnId ?? defaultGetColumnId<TColumn>;\n  const getCards = resolvers.getCards ?? defaultGetCards<TColumn, TCard>;\n  const setCards = resolvers.setCards ?? defaultSetCards<TColumn, TCard>;\n  const getCardId = resolvers.getCardId ?? defaultGetCardId<TCard>;\n\n  const selectedIds = new Set(cardIds);\n  if (selectedIds.size === 0) return columns;\n\n  const cardsToMove = columns.flatMap((column) =>\n    getCards(column).filter((card) => selectedIds.has(getCardId(card)))\n  );\n\n  if (cardsToMove.length === 0) return columns;\n\n  return columns.map((column) => {\n    const currentCards = getCards(column);\n\n    if (getColumnId(column) === targetColumnId) {\n      const existingIds = new Set(currentCards.map((card) => getCardId(card)));\n      const incomingCards = cardsToMove.filter(\n        (card) => !existingIds.has(getCardId(card))\n      );\n      return setCards(column, [...currentCards, ...incomingCards]);\n    }\n\n    return setCards(\n      column,\n      currentCards.filter((card) => !selectedIds.has(getCardId(card)))\n    );\n  });\n}\n","'use client';\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { reorder } from '@atlaskit/pragmatic-drag-and-drop/reorder';\nimport { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';\nimport { unsafeOverflowAutoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/element';\nimport { DEFAULT_AUTO_SCROLL_OVERFLOW } from './constants';\nimport { KanbanDndProvider } from './context';\nimport { moveCardsInColumns } from './move-cards';\nimport type { DropTarget, KanbanDndMonitorProps } from './types';\nimport { getTargetColumnId } from './utils';\n\nfunction defaultGetColumnId<TColumn>(column: TColumn): string {\n  const maybeColumn = column as Record<string, unknown>;\n  const id = maybeColumn?.id;\n  return id === undefined || id === null ? '' : String(id);\n}\n\nexport function KanbanDndMonitor<TColumn>({\n  onCardsMove,\n  onColumnReorder,\n  scrollContainerId,\n  setColumns,\n  children,\n  getColumnId,\n  moveCards,\n  getCardsFromColumn,\n  setCardsInColumn,\n  getCardId,\n  getSelectedCardIds,\n  setSelectedCardIds,\n  addSelectedCardId,\n  clearSelectedCards,\n  onSelectionChange,\n  setIsDragging,\n  autoScrollOverflow,\n  isAutoScrollEnabled = true,\n  renderIdleLayer,\n}: KanbanDndMonitorProps<TColumn>) {\n  const [isDragging, setLocalIsDragging] = useState(false);\n  const [internalSelectedCardIds, setInternalSelectedCardIds] = useState<\n    string[]\n  >([]);\n  const selectableItemMapRef = useRef(new Map<string, HTMLElement>());\n  const getColumnIdSafe = useCallback(\n    (column: TColumn) =>\n      getColumnId ? getColumnId(column) : defaultGetColumnId(column),\n    [getColumnId]\n  );\n\n  const getSelectedCardIdsSafe = useCallback(\n    () => getSelectedCardIds?.() ?? internalSelectedCardIds,\n    [getSelectedCardIds, internalSelectedCardIds]\n  );\n\n  const addSelectedCardIdSafe = useCallback(\n    (cardId: string) => {\n      if (addSelectedCardId) {\n        addSelectedCardId(cardId);\n        return;\n      }\n\n      setInternalSelectedCardIds((prev) =>\n        prev.includes(cardId) ? prev : [...prev, cardId]\n      );\n    },\n    [addSelectedCardId]\n  );\n\n  const clearSelectedCardsSafe = useCallback(() => {\n    if (clearSelectedCards) {\n      clearSelectedCards();\n      return;\n    }\n\n    setInternalSelectedCardIds([]);\n  }, [clearSelectedCards]);\n\n  const setSelectedCardIdsSafe = useCallback(\n    (cardIds: string[]) => {\n      if (setSelectedCardIds) {\n        setSelectedCardIds(cardIds);\n        return;\n      }\n\n      if (getSelectedCardIds && clearSelectedCards && addSelectedCardId) {\n        clearSelectedCards();\n        cardIds.forEach((cardId) => addSelectedCardId(cardId));\n        return;\n      }\n\n      setInternalSelectedCardIds(cardIds);\n    },\n    [\n      addSelectedCardId,\n      clearSelectedCards,\n      getSelectedCardIds,\n      setSelectedCardIds,\n    ]\n  );\n\n  const toggleSelectedCardIdSafe = useCallback(\n    (cardId: string) => {\n      const selectedIds = getSelectedCardIdsSafe();\n      if (selectedIds.includes(cardId)) {\n        if (!getSelectedCardIds) {\n          setInternalSelectedCardIds((prev) =>\n            prev.filter((id) => id !== cardId)\n          );\n        }\n        return;\n      }\n\n      addSelectedCardIdSafe(cardId);\n    },\n    [addSelectedCardIdSafe, getSelectedCardIds, getSelectedCardIdsSafe]\n  );\n\n  const registerSelectableItem = useCallback(\n    (id: string, element: HTMLElement | null) => {\n      if (!element) {\n        selectableItemMapRef.current.delete(id);\n        return;\n      }\n\n      selectableItemMapRef.current.set(id, element);\n    },\n    []\n  );\n\n  const getSelectableItems = useCallback(\n    () =>\n      Array.from(selectableItemMapRef.current.entries()).map(\n        ([id, element]) => ({\n          id,\n          element,\n        })\n      ),\n    []\n  );\n\n  useEffect(() => {\n    onSelectionChange?.(getSelectedCardIdsSafe());\n  }, [getSelectedCardIdsSafe, internalSelectedCardIds, onSelectionChange]);\n\n  const contextValue = useMemo(\n    () => ({\n      isDragging,\n      getSelectedCardIds: getSelectedCardIdsSafe,\n      setSelectedCardIds: setSelectedCardIdsSafe,\n      addSelectedCardId: addSelectedCardIdSafe,\n      clearSelectedCards: clearSelectedCardsSafe,\n      toggleSelectedCardId: toggleSelectedCardIdSafe,\n      registerSelectableItem,\n      getSelectableItems,\n    }),\n    [\n      addSelectedCardIdSafe,\n      clearSelectedCardsSafe,\n      getSelectableItems,\n      getSelectedCardIdsSafe,\n      isDragging,\n      registerSelectableItem,\n      setSelectedCardIdsSafe,\n      toggleSelectedCardIdSafe,\n    ]\n  );\n\n  const finishDrag = () => {\n    setLocalIsDragging(false);\n    setTimeout(() => {\n      setIsDragging?.(false);\n      clearSelectedCardsSafe();\n    }, 100);\n  };\n\n  const startDrag = (source: { data: Record<string, unknown> }) => {\n    if (source.data.type !== 'column' && source.data.type !== 'card') return;\n\n    if (source.data.type === 'card') {\n      const cardId = String(source.data.cardId ?? '');\n      const selectedIds = getSelectedCardIdsSafe();\n      if (!selectedIds.includes(cardId)) {\n        addSelectedCardIdSafe(cardId);\n      }\n    }\n\n    setIsDragging?.(true);\n    setLocalIsDragging(true);\n  };\n\n  const dropColumn = (sourceColumnId: string, targetColumnId: string) => {\n    if (!sourceColumnId || sourceColumnId === targetColumnId) return;\n\n    let nextOrder: number | null = null;\n\n    setColumns((prev) => {\n      const oldIndex = prev.findIndex(\n        (col) => getColumnIdSafe(col) === sourceColumnId\n      );\n      const newIndex = prev.findIndex(\n        (col) => getColumnIdSafe(col) === targetColumnId\n      );\n\n      if (oldIndex < 0 || newIndex < 0 || oldIndex === newIndex) {\n        return prev;\n      }\n\n      nextOrder = newIndex + 1;\n      return reorder({\n        list: prev,\n        startIndex: oldIndex,\n        finishIndex: newIndex,\n      });\n    });\n\n    if (nextOrder !== null) {\n      onColumnReorder?.({ columnId: sourceColumnId, order: nextOrder });\n    }\n  };\n\n  const dropCard = (cardId: string, targetColumnId: string) => {\n    if (!cardId || !targetColumnId) return;\n\n    const selectedIds = getSelectedCardIdsSafe();\n    const idsToMove = selectedIds.length > 0 ? selectedIds : [cardId];\n\n    setColumns((prev) => {\n      if (moveCards) {\n        return moveCards(prev, idsToMove, targetColumnId);\n      }\n\n      return moveCardsInColumns(prev, idsToMove, targetColumnId, {\n        getColumnId: getColumnIdSafe,\n        getCards: getCardsFromColumn as\n          | ((column: TColumn) => unknown[])\n          | undefined,\n        setCards: setCardsInColumn as\n          | ((column: TColumn, cards: unknown[]) => TColumn)\n          | undefined,\n        getCardId,\n      });\n    });\n    onCardsMove?.({ cardIds: idsToMove, targetColumnId });\n  };\n\n  useEffect(() => {\n    const monitorCleanup = monitorForElements({\n      onDragStart: ({ source }) => startDrag(source),\n      onDrop: ({ source, location }) => {\n        const dropTargets = location.current.dropTargets as DropTarget[];\n\n        if (source.data.type === 'column') {\n          dropColumn(\n            String(source.data.columnId ?? ''),\n            getTargetColumnId(dropTargets, 'column')\n          );\n          finishDrag();\n          return;\n        }\n\n        if (source.data.type === 'card') {\n          dropCard(\n            String(source.data.cardId ?? ''),\n            getTargetColumnId(dropTargets, 'column-drop')\n          );\n          finishDrag();\n          return;\n        }\n\n        finishDrag();\n      },\n    });\n\n    if (!isAutoScrollEnabled || !scrollContainerId) {\n      return monitorCleanup;\n    }\n\n    const scrollContainer = document.getElementById(scrollContainerId);\n    if (!scrollContainer) {\n      return monitorCleanup;\n    }\n\n    return combine(\n      monitorCleanup,\n      autoScrollForElements({\n        element: scrollContainer,\n        canScroll: ({ source }) =>\n          source.data.type === 'card' || source.data.type === 'column',\n        getAllowedAxis: () => 'horizontal',\n      }),\n      unsafeOverflowAutoScrollForElements({\n        element: scrollContainer,\n        canScroll: ({ source }) =>\n          source.data.type === 'card' || source.data.type === 'column',\n        getAllowedAxis: () => 'horizontal',\n        getOverflow: () => autoScrollOverflow ?? DEFAULT_AUTO_SCROLL_OVERFLOW,\n      })\n    );\n  }, [\n    addSelectedCardIdSafe,\n    autoScrollOverflow,\n    clearSelectedCardsSafe,\n    getCardId,\n    getCardsFromColumn,\n    getColumnIdSafe,\n    getSelectedCardIdsSafe,\n    isAutoScrollEnabled,\n    moveCards,\n    onCardsMove,\n    onColumnReorder,\n    setCardsInColumn,\n    scrollContainerId,\n    setSelectedCardIds,\n    setColumns,\n    setIsDragging,\n  ]);\n\n  return (\n    <KanbanDndProvider value={contextValue}>\n      <div className=\"contain-layout h-full\" id=\"draggable-area\">\n        {!isDragging && renderIdleLayer}\n        {children}\n      </div>\n    </KanbanDndProvider>\n  );\n}\n","'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport type { KanbanDropZoneProps } from './types';\n\nexport function KanbanDropZone({\n  children,\n  id,\n  className,\n  isOverClassName,\n}: KanbanDropZoneProps) {\n  const [isOver, setIsOver] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    return dropTargetForElements({\n      element,\n      canDrop: ({ source }) => source.data.type === 'card',\n      getData: () => ({\n        type: 'column-drop',\n        columnId: String(id),\n      }),\n      onDragEnter: () => setIsOver(true),\n      onDragLeave: () => setIsOver(false),\n      onDrop: () => setIsOver(false),\n    });\n  }, [id]);\n\n  return (\n    <div\n      className={cn(\n        'border flex-1 border-transparent rounded-xl transition-colors',\n        isOver && (isOverClassName ?? 'border-border'),\n        className\n      )}\n      id={`kanban-drop-zone-${id}`}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { MutableRefObject } from 'react';\nimport { useEffect, useMemo, useRef } from 'react';\n\nimport {\n  boxesIntersect,\n  useSelectionContainer,\n} from '@air/react-drag-to-select';\nimport { useKanbanDndContext } from './context';\nimport type { KanbanSelectorProps } from './types';\n\nconst DEFAULT_DRAG_AREA_ID = 'draggable-area';\nconst DEFAULT_AUTO_SCROLL_MARGIN = 120;\nconst DEFAULT_IGNORED_SLOTS = [\n  'sheet-content',\n  'popover-content',\n  'select-content',\n  'dialog-content',\n  'dialog-overlay',\n];\n\nconst clampDelta = (delta: number, current: number, max: number) =>\n  delta > 0 ? Math.min(delta, max - current) : Math.max(delta, -current);\n\nconst edgeDelta = (\n  pointer: number,\n  start: number,\n  end: number,\n  margin: number,\n  dt: number\n) => {\n  if (pointer < start + margin)\n    return ((pointer - (start + margin)) / margin) * dt;\n  if (pointer > end - margin) return ((pointer - (end - margin)) / margin) * dt;\n  return 0;\n};\n\nfunction findScrollable(\n  node: HTMLElement | null,\n  axis: 'x' | 'y'\n): HTMLElement | null {\n  if (!node) return null;\n\n  const style = window.getComputedStyle(node);\n  const canScrollX =\n    /(auto|scroll)/.test(style.overflowX) &&\n    node.scrollWidth > node.clientWidth;\n  const canScrollY =\n    /(auto|scroll)/.test(style.overflowY) &&\n    node.scrollHeight > node.clientHeight;\n\n  if ((axis === 'x' && canScrollX) || (axis === 'y' && canScrollY)) return node;\n  return findScrollable(node.parentElement, axis);\n}\n\nfunction getContainerBounds(container: HTMLElement | null) {\n  if (\n    !container ||\n    container === document.documentElement ||\n    container === document.body\n  ) {\n    return {\n      left: 0,\n      right: window.innerWidth,\n      top: 0,\n      bottom: window.innerHeight,\n    };\n  }\n\n  const rect = container.getBoundingClientRect();\n  return {\n    left: Math.max(0, rect.left),\n    right: Math.min(window.innerWidth, rect.right),\n    top: Math.max(0, rect.top),\n    bottom: Math.min(window.innerHeight, rect.bottom),\n  };\n}\n\nfunction shouldStartSelecting(\n  target: EventTarget | null,\n  ignoredSlots: string[]\n): boolean {\n  if (!(target instanceof Element)) return false;\n\n  return !(\n    target.closest('[data-draggable=\"true\"]') ||\n    ignoredSlots.some((slot) => target.closest(`[data-slot=\"${slot}\"]`))\n  );\n}\n\nfunction useAutoScroll({\n  isSelectingRef,\n  dragAreaId,\n  autoScrollMargin,\n}: {\n  isSelectingRef: MutableRefObject<boolean>;\n  dragAreaId: string;\n  autoScrollMargin: number;\n}) {\n  useEffect(() => {\n    let raf = 0;\n    let lastTime = performance.now();\n    const pos = { x: 0, y: 0 };\n    let xContainer: HTMLElement | null = null;\n    let yContainer: HTMLElement | null = null;\n    let xMax = 0;\n    let yMax = 0;\n    let useWindowY = false;\n\n    const onMove = (e: PointerEvent) => (\n      (pos.x = e.clientX), (pos.y = e.clientY)\n    );\n\n    window.addEventListener('pointermove', onMove, { passive: true });\n\n    const reset = () => {\n      xContainer = null;\n      yContainer = null;\n      xMax = 0;\n      yMax = 0;\n      useWindowY = false;\n    };\n\n    const step = (time: number) => {\n      const dt = time - lastTime;\n      lastTime = time;\n\n      if (!isSelectingRef.current) {\n        reset();\n        raf = requestAnimationFrame(step);\n        return;\n      }\n\n      if (!xContainer && !yContainer && xMax === 0 && yMax === 0) {\n        const startNode =\n          document.getElementById(dragAreaId)?.parentElement ?? null;\n        xContainer = findScrollable(startNode, 'x');\n        yContainer = findScrollable(startNode, 'y');\n        useWindowY = !yContainer;\n        xMax = xContainer ? xContainer.scrollWidth - xContainer.clientWidth : 0;\n        yMax = useWindowY\n          ? document.documentElement.scrollHeight - window.innerHeight\n          : yContainer\n            ? yContainer.scrollHeight - yContainer.clientHeight\n            : 0;\n      }\n\n      const xBounds = getContainerBounds(xContainer);\n      const yBounds = useWindowY\n        ? { top: 0, bottom: window.innerHeight }\n        : getContainerBounds(yContainer);\n\n      const dx = edgeDelta(\n        pos.x,\n        xBounds.left,\n        xBounds.right,\n        autoScrollMargin,\n        dt\n      );\n      const dy = edgeDelta(\n        pos.y,\n        yBounds.top,\n        yBounds.bottom,\n        autoScrollMargin,\n        dt\n      );\n\n      let didScroll = false;\n\n      if (dx && xContainer && xMax > 0) {\n        const clampedDx = clampDelta(dx, xContainer.scrollLeft, xMax);\n        if (clampedDx) {\n          xContainer.scrollBy(clampedDx, 0);\n          didScroll = true;\n        }\n      }\n\n      if (dy && yMax > 0) {\n        if (useWindowY) {\n          const clampedDy = clampDelta(\n            dy,\n            window.scrollY || document.documentElement.scrollTop,\n            yMax\n          );\n          if (clampedDy) {\n            window.scrollBy(0, clampedDy);\n            didScroll = true;\n          }\n        } else if (yContainer) {\n          const clampedDy = clampDelta(dy, yContainer.scrollTop, yMax);\n          if (clampedDy) {\n            yContainer.scrollBy(0, clampedDy);\n            didScroll = true;\n          }\n        }\n      }\n\n      if (didScroll) {\n        document.body.dispatchEvent(\n          new MouseEvent('mousemove', {\n            clientX: pos.x,\n            clientY: pos.y,\n            bubbles: true,\n            cancelable: true,\n          })\n        );\n      }\n\n      raf = requestAnimationFrame(step);\n    };\n\n    raf = requestAnimationFrame(step);\n\n    return () => {\n      window.removeEventListener('pointermove', onMove);\n      cancelAnimationFrame(raf);\n    };\n  }, [autoScrollMargin, dragAreaId, isSelectingRef]);\n}\n\nexport function KanbanSelector({\n  dragAreaId = DEFAULT_DRAG_AREA_ID,\n  autoScrollMargin = DEFAULT_AUTO_SCROLL_MARGIN,\n  ignoredSlots = DEFAULT_IGNORED_SLOTS,\n}: KanbanSelectorProps) {\n  const context = useKanbanDndContext();\n  const isSelectingRef = useRef(false);\n\n  useAutoScroll({ isSelectingRef, dragAreaId, autoScrollMargin });\n\n  const shouldStart = useMemo(\n    () => (target: EventTarget | null) =>\n      shouldStartSelecting(target, ignoredSlots),\n    [ignoredSlots]\n  );\n\n  const { DragSelection } = useSelectionContainer({\n    shouldStartSelecting: shouldStart,\n    onSelectionChange: (selection: Parameters<typeof boxesIntersect>[0]) => {\n      if (!context) return;\n\n      const selectedIds: string[] = [];\n\n      context.getSelectableItems().forEach((item) => {\n        if (!item.element) return;\n\n        const rect = item.element.getBoundingClientRect();\n        const cardRect = {\n          ...rect,\n          left: rect.left + window.scrollX,\n          top: rect.top,\n          width: rect.width,\n          height: rect.height,\n        };\n\n        if (boxesIntersect(selection, cardRect)) {\n          selectedIds.push(String(item.id));\n        }\n      });\n\n      context.setSelectedCardIds(selectedIds);\n    },\n    onSelectionEnd: () => {\n      isSelectingRef.current = false;\n    },\n    onSelectionStart: () => {\n      isSelectingRef.current = true;\n    },\n    selectionProps: {\n      style: {\n        pointerEvents: 'none',\n        position: 'fixed',\n        inset: 0,\n        zIndex: 50,\n      },\n    },\n  });\n\n  useEffect(() => {\n    if (!context) return;\n\n    const handlePointerUp = (e: PointerEvent) => {\n      const target = e.target as Element | null;\n      if (\n        !isSelectingRef.current &&\n        !context.isDragging &&\n        !target?.closest('[data-draggable=\"true\"]')\n      ) {\n        context.clearSelectedCards();\n      }\n    };\n\n    document.addEventListener('pointerup', handlePointerUp);\n    return () => document.removeEventListener('pointerup', handlePointerUp);\n  }, [context]);\n\n  if (!context) return null;\n\n  return <DragSelection />;\n}\n","'use client';\n\nimport { useEffect } from 'react';\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport {\n  draggable,\n  dropTargetForElements,\n} from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport type { UseKanbanColumnDnDProps } from './types';\n\nexport function useKanbanColumnDnD({\n  columnId,\n  elementRef,\n  dragHandleRef,\n}: UseKanbanColumnDnDProps) {\n  useEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    return combine(\n      draggable({\n        element,\n        dragHandle: dragHandleRef?.current ?? undefined,\n        getInitialData: () => ({\n          type: 'column',\n          columnId: String(columnId),\n        }),\n      }),\n      dropTargetForElements({\n        element,\n        canDrop: ({ source }) =>\n          source.data.type === 'column' &&\n          String(source.data.columnId) !== String(columnId),\n        getData: () => ({\n          type: 'column',\n          columnId: String(columnId),\n        }),\n      })\n    );\n  }, [columnId, dragHandleRef, elementRef]);\n}\n"],"mappings":"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"}

package/dist/page-header.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/page-header/page-header.d.ts
 interface PageHeaderProps {
@@ -10,7 +10,7 @@ declare function PageHeader({
   title,
   help,
   description
-}: PageHeaderProps): react_jsx_runtime4.JSX.Element;
+}: PageHeaderProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { PageHeader, type PageHeaderProps };
 //# sourceMappingURL=page-header.d.ts.map

package/dist/remote-selector.d.ts

@@ -1,5 +1,5 @@
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { Options } from "nuqs";
 import { PopoverProps } from "@radix-ui/react-popover";
 
@@ -76,7 +76,7 @@ declare function RemoteSelectorField<T, TFieldValues extends FieldValues = Field
   ...props
 }: RemoteSelectorFieldProps<TFieldValues, TFieldName> & BaseRemoteSelectorProps<T> & {
   withPortal?: boolean;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime6.JSX.Element;
 interface RemoteSelectorQueryProps<T> extends BaseRemoteSelectorProps<T> {
   name: string;
   defaultValue?: string;
@@ -96,7 +96,7 @@ declare function RemoteSelectorQuery<T>({
   fieldLabel,
   type,
   ...props
-}: RemoteSelectorQueryProps<T>): react_jsx_runtime1.JSX.Element;
+}: RemoteSelectorQueryProps<T>): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { type BaseRemoteSelectorProps, RemoteSelectorField as RemoteSelector, RemoteSelectorField, type RemoteSelectorFieldProps, RemoteSelectorQuery, type RemoteSelectorQueryProps, type TUseData };
 //# sourceMappingURL=remote-selector.d.ts.map

package/dist/text-field.d.ts

@@ -1,6 +1,6 @@
 import { n as Options$1 } from "./with-mask-Chm8kVE1.js";
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Options } from "nuqs";
 
 //#region src/components/text-field/TextField.d.ts
@@ -57,7 +57,7 @@ declare function InputText({
   name,
   onChange,
   ...props
-}: InputTextProps): react_jsx_runtime5.JSX.Element;
+}: InputTextProps): react_jsx_runtime0.JSX.Element;
 interface TextFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends UseControllerProps<TFieldValues, TFieldName> {
   disabled?: boolean;
   required?: boolean;
@@ -75,7 +75,7 @@ declare function TextField<TFieldValues extends FieldValues = FieldValues, TFiel
   transform,
   prefix,
   ...props
-}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime5.JSX.Element;
+}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime0.JSX.Element;
 interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {
   name: string;
   defaultValue?: string;
@@ -87,7 +87,7 @@ declare function QueryTextField({
   defaultValue,
   options,
   ...props
-}: QueryTextFieldProps): react_jsx_runtime5.JSX.Element;
+}: QueryTextFieldProps): react_jsx_runtime0.JSX.Element;
 interface CookieTextFieldProps extends InputTextProps {
   name: string;
   maxAge?: number;
@@ -97,7 +97,7 @@ declare function CookieTextField({
   maxAge,
   onChange,
   ...inputProps
-}: CookieTextFieldProps): react_jsx_runtime5.JSX.Element;
+}: CookieTextFieldProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CookieTextField, type CookieTextFieldProps, InputText, type InputTextProps, QueryTextField, type QueryTextFieldProps, TextField, type TextFieldProps };
 //# sourceMappingURL=text-field.d.ts.map

package/dist/toggle-field.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { Item, Root } from "@radix-ui/react-toggle-group";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
@@ -28,7 +28,7 @@ declare function ToggleGroup({
   transition,
   activeClassName,
   ...props
-}: ToggleGroupProps): react_jsx_runtime9.JSX.Element;
+}: ToggleGroupProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/toggle-field/ToggleField.d.ts
 type ToggleOption = {

package/dist/toggle-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-field.d.ts","names":[],"sources":["../src/components/toggle-field/ToggleGroup.tsx","../src/components/toggle-field/ToggleField.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAiBa,sBAuCX;;;;EAvCW,SAAA,CAAA,EAAA,YA8BZ,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;AAAC,CAAA,GAAD,+BAAA,CAAA,SASC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAPI,mBA4Be,EAAA,CAAA,KAAS,CAAT,EAAA,CAAA;EAA+B,SAAA,CAAA,EAAA,YAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;CAA5B,GArBtB,+BAAA,CAAA,SAqB4B,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAzB,gBAAA,GAAmB,OAAA,CAAM,cACH,CAAA,OADyB,IACzB,CAAA,GAAzB,IAAyB,CAApB,YAAoB,CAAA,OAAA,cAAA,CAAA,EAAA,MAAA,CAAA,GACzB,YADyB,CAAA,OACL,mBADK,CAAA,GAAA;EAApB,UAAA,CAAA,EAEU,UAFV;EAAL,eAAA,CAAA,EAAA,MAAA;CACoB;iBAKb,WAAA,CALP;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,UAAA;EAAA,eAAA;EAAA,GAAA;AAAA,CAAA,EAcC,gBAdD,CAAA,EAciB,kBAAA,CAAA,GAAA,CAAA,OAdjB;;;KCrEU,YAAA;;kBAAgD,KAAA,CAAM;;KAEtD,gBAAA,GAAmB,KAC7B,KAAA,CAAM,sBAAsB;;WAInB;EDAE,IAAA,CAAA,EAAA,QAAA,GA8BZ,UAAA;EAEK,IAAA,EAAA,MAAA;EA4BD,YAAA,CAAA,ECzDY,YDyDI,GCzDW,YDyDX,EAAA;EAA+B,kBAAA,CAAA,EAAA,OAAA;CAA5B;cCrDlB,WDsDqB,ECtDR,KAAA,CAAM,EDsDE,CCtDC,gBDsDD,CAAA"}
+{"version":3,"file":"toggle-field.d.ts","names":[],"sources":["../src/components/toggle-field/ToggleGroup.tsx","../src/components/toggle-field/ToggleField.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAiBa,sBAuCX;;;;EAvCW,SAAA,CAAA,EAAA,YA8BZ,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;AAAC,CAAA,GAAD,+BAAA,CAAA,SASC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAPI,mBA4Be,EAAA,CAAA,KAAS,CAAT,EAAA,CAAA;EAA+B,SAAA,CAAA,EAAA,YAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;CAA5B,GArBtB,+BAAA,CAAA,SAqB4B,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAzB,gBAAA,GAAmB,OAAA,CAAM,cACH,CAAA,OADyB,IACzB,CAAA,GAAzB,IAAyB,CAApB,YAAoB,CAAA,OAAA,cAAA,CAAA,EAAA,MAAA,CAAA,GACzB,YADyB,CAAA,OACL,mBADK,CAAA,GAAA;EAApB,UAAA,CAAA,EAEU,UAFV;EAAL,eAAA,CAAA,EAAA,MAAA;CACoB;iBAKb,WAAA,CALP;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,UAAA;EAAA,eAAA;EAAA,GAAA;AAAA,CAAA,EAcC,gBAdD,CAAA,EAciB,mBAAA,CAAA,GAAA,CAAA,OAdjB;;;KCrEU,YAAA;;kBAAgD,KAAA,CAAM;;KAEtD,gBAAA,GAAmB,KAC7B,KAAA,CAAM,sBAAsB;;WAInB;EDAE,IAAA,CAAA,EAAA,QAAA,GA8BZ,UAAA;EAEK,IAAA,EAAA,MAAA;EA4BD,YAAA,CAAA,ECzDY,YDyDI,GCzDW,YDyDX,EAAA;EAA+B,kBAAA,CAAA,EAAA,OAAA;CAA5B;cCrDlB,WDsDqB,ECtDR,KAAA,CAAM,EDsDE,CCtDC,gBDsDD,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maquinaweb-ui",
-  "version": "2.47.7",
+  "version": "2.48.0",
   "description": "A minimal React component library",
   "type": "module",
   "sideEffects": false,
@@ -13,6 +13,10 @@
       "import": "./dist/remote-selector.js",
       "types": "./dist/remote-selector.d.ts"
     },
+    "./kanban-dnd": {
+      "import": "./dist/kanban-dnd.js",
+      "types": "./dist/kanban-dnd.d.ts"
+    },
     "./split-text-poor": {
       "import": "./dist/split-text-poor.js",
       "types": "./dist/split-text-poor.d.ts"
@@ -62,10 +66,22 @@
     ]
   },
   "peerDependencies": {
+    "@air/react-drag-to-select": "^5.0.5",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.9",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.5",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
+    "@air/react-drag-to-select": {
+      "optional": true
+    },
+    "@atlaskit/pragmatic-drag-and-drop": {
+      "optional": true
+    },
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": {
+      "optional": true
+    },
     "react-hook-form": {
       "optional": true
     },
@@ -102,13 +118,16 @@
     "use-debounce": "^10.0.6"
   },
   "devDependencies": {
+    "@air/react-drag-to-select": "^5.0.5",
     "@biomejs/biome": "^2.3.2",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.9",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.5",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@tailwindcss/postcss": "^4.1.16",
     "@types/inputmask": "^5.0.7",
-    "@types/react": "^19.2.1",
-    "@types/react-dom": "^19.2.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "cmdk": "^1.1.1",
     "concurrently": "^9.0.0",
     "cookies-next": "^6.1.1",
@@ -119,12 +138,12 @@
     "motion": "^12.23.22",
     "next": "^16.2.0-canary.35",
     "nuqs": "^2.7.0",
-    "react": "^19.2.1",
+    "react": "^19.2.4",
     "react-cosmos": "^7.0.0",
     "react-cosmos-next": "^7.0.0",
     "react-cosmos-plugin-open-fixture": "^7.0.0",
-    "react-dom": "^19.2.1",
-    "react-hook-form": "^7.63.0",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.71.2",
     "tailwindcss": "^4.1.14",
     "tsdown": "^0.15.6",
     "tw-animate-css": "^1.4.0",