@commercetools/nimbus 3.4.0 → 3.5.0

package/dist/chunks/draggable-list-BaaRC4Yn.es.js

@@ -0,0 +1,656 @@
+import { f as e, i as t, l as n, n as r, t as i } from "./CollectionBuilder-oYRKyja7.es.js";
+import { t as a } from "./mergeProps-CcIgWXT_.es.js";
+import { t as o } from "./useObjectRef-CHgRzzQD.es.js";
+import { t as s } from "./I18nProvider-BcYoienQ.es.js";
+import { t as c } from "./filterDOMProps-RkUgmfic.es.js";
+import { n as l } from "./FocusScope-DyrqO9b9.es.js";
+import { n as u, r as d, t as f } from "./checkbox-DoC2Gevz.es.js";
+import { n as p } from "./VisuallyHidden-xzelpFPL.es.js";
+import { n as m } from "./ListBox-D11GGAkW.es.js";
+import { n as h } from "./useSelectableList-DxPelq_a.es.js";
+import { t as g } from "./useCollator-L9gHuLOH.es.js";
+import { b as _ } from "./useDrop-B6sqBi4u.es.js";
+import { n as v, t as y } from "./useDragAndDrop-3BJuOtEY.es.js";
+import { t as b } from "./useFocusRing-BAJbDUqQ.es.js";
+import { t as ee } from "./useHover-CwqOOkFA.es.js";
+import { n as te, t as x } from "./useGridListItem-CZvQNX5c.es.js";
+import { a as S, n as C, o as w, r as T, t as ne } from "./utils-CKSsq74B.es.js";
+import { n as re, t as ie } from "./Autocomplete-B4IEqI1V.es.js";
+import { r as E, t as D } from "./Collection-Bh1K3kKO.es.js";
+import { t as O } from "./Button-_rkp3bHy.es.js";
+import { n as k } from "./Text-vfkfCZwv.es.js";
+import { a as ae, i as oe, n as se, r as A, t as j } from "./useLoadMoreSentinel-cn7QznEr.es.js";
+import { t as ce } from "./SharedElementTransition-vj_q4IwY.es.js";
+import { t as M } from "./SelectionIndicator-BSKDXbWX.es.js";
+import { t as N } from "./inertValue-T7HOwfAX.es.js";
+import { n as P, t as le } from "./useListState-CiuesnhX.es.js";
+import { t as F } from "./useListData-DJxhr0aT.es.js";
+import { t as I } from "./icon-button-DjZvlfLQ.es.js";
+import { n as L, t as R } from "./normalize-messages-CLkiPWgQ.es.js";
+import { t as z } from "./form-field-D0Xtey7J.es.js";
+import { t as B } from "./extract-style-props-C2dRz9Jv.es.js";
+import V, { createContext as H, createElement as U, forwardRef as W, useCallback as G, useContext as K, useEffect as q, useMemo as ue, useRef as J } from "react";
+import { Fragment as de, jsx as Y, jsxs as fe } from "react/jsx-runtime";
+import { Close as pe, DragIndicator as me } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as X, useSlotRecipe as he } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria-components@1.20.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/GridList.mjs
+var ge = /*#__PURE__*/ H(null), _e = /*#__PURE__*/ W(function(e, n) {
+	return [e, n] = C(e, n, ge), /*#__PURE__*/ V.createElement(r, { content: /*#__PURE__*/ V.createElement(t, e) }, (t) => /*#__PURE__*/ V.createElement(ve, {
+		props: e,
+		collection: t,
+		gridListRef: n
+	}));
+});
+function ve({ props: e, collection: t, gridListRef: n }) {
+	[e, n] = C(e, n, re);
+	let { shouldUseVirtualFocus: r, filter: i, disallowTypeAhead: o, UNSTABLE_focusOnEntry: u, ...d } = e, { dragAndDropHooks: f, keyboardNavigationBehavior: p = "arrow", layout: _ = "stack", orientation: v = "vertical" } = e, { CollectionRoot: y, isVirtualized: ee, layoutDelegate: x, dropTargetDelegate: S } = K(D), ie = le({
+		...d,
+		collection: t,
+		children: void 0,
+		layoutDelegate: x
+	}), E = P(ie, i), O = g({
+		usage: "search",
+		sensitivity: "base"
+	}), { disabledBehavior: k, disabledKeys: j } = E.selectionManager, { direction: M } = s(), N = ue(() => new h({
+		collection: E.collection,
+		collator: O,
+		ref: n,
+		disabledKeys: j,
+		disabledBehavior: k,
+		layoutDelegate: x,
+		layout: _,
+		orientation: v,
+		direction: M
+	}), [
+		E.collection,
+		n,
+		_,
+		v,
+		j,
+		k,
+		x,
+		O,
+		M
+	]), { gridProps: F } = te({
+		...d,
+		keyboardDelegate: N,
+		keyboardNavigationBehavior: _ === "grid" ? "tab" : p,
+		isVirtualized: ee,
+		shouldSelectOnPressUp: e.shouldSelectOnPressUp,
+		disallowTypeAhead: o,
+		UNSTABLE_focusOnEntry: u
+	}, E, n), I = E.selectionManager, L = !!f?.useDraggableCollectionState, R = !!f?.useDroppableCollectionState, z = J(L), B = J(R);
+	q(() => {
+		process.env.NODE_ENV !== "production" && (z.current !== L && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), B.current !== R && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."));
+	}, [L, R]);
+	let H, U, W, G = !1, de = null, Y = J(null);
+	if (L && f) {
+		H = f.useDraggableCollectionState({
+			collection: E.collection,
+			selectionManager: I,
+			preview: f.renderDragPreview ? Y : void 0
+		}), f.useDraggableCollection({}, H, n);
+		let e = f.DragPreview;
+		de = f.renderDragPreview ? /*#__PURE__*/ V.createElement(e, { ref: Y }, f.renderDragPreview) : null;
+	}
+	if (R && f) {
+		U = f.useDroppableCollectionState({
+			collection: E.collection,
+			selectionManager: I
+		});
+		let e = f.dropTargetDelegate || S || new f.ListDropTargetDelegate(t, n, {
+			layout: _,
+			direction: M,
+			orientation: v
+		});
+		W = f.useDroppableCollection({
+			keyboardDelegate: N,
+			dropTargetDelegate: e
+		}, U, n), G = U.isDropTarget({ type: "root" });
+	}
+	let { focusProps: fe, isFocused: pe, isFocusVisible: me } = b(), X = E.collection.size === 0, he = {
+		isDropTarget: G,
+		orientation: v,
+		isEmpty: X,
+		isFocused: pe,
+		isFocusVisible: me,
+		layout: _,
+		state: E
+	}, ge = T({
+		...e,
+		children: void 0,
+		defaultClassName: "react-aria-GridList",
+		values: he
+	}), _e = null;
+	if (X && e.renderEmptyState) {
+		let t = e.renderEmptyState(he);
+		_e = /*#__PURE__*/ V.createElement("div", {
+			role: "row",
+			"aria-rowindex": 1,
+			style: { display: "contents" }
+		}, /*#__PURE__*/ V.createElement("div", {
+			role: "gridcell",
+			style: { display: "contents" }
+		}, t));
+	}
+	let ve = c(e, { global: !0 });
+	return /*#__PURE__*/ V.createElement(l, null, /*#__PURE__*/ V.createElement(w.div, {
+		...a(ve, ge, F, fe, W?.collectionProps, null),
+		ref: n,
+		slot: e.slot || void 0,
+		onScroll: e.onScroll,
+		"data-drop-target": G || void 0,
+		"data-empty": X || void 0,
+		"data-focused": pe || void 0,
+		"data-focus-visible": me || void 0,
+		"data-layout": _,
+		"data-orientation": v
+	}, /*#__PURE__*/ V.createElement(ne, { values: [
+		[m, E],
+		[A, {
+			dragAndDropHooks: f,
+			dragState: H,
+			dropState: U
+		}],
+		[ae, { render: be }]
+	] }, R && /*#__PURE__*/ V.createElement(Ce, null), /*#__PURE__*/ V.createElement(ce, null, /*#__PURE__*/ V.createElement(y, {
+		collection: E.collection,
+		scrollRef: n,
+		persistedKeys: oe(I, f, U),
+		renderDropIndicator: se(f, U)
+	}))), _e, de));
+}
+var ye = /*#__PURE__*/ i(e, function(e, t, n) {
+	let r = K(m), { dragAndDropHooks: i, dragState: s, dropState: l } = K(A), f = o(t), { isVirtualized: h } = K(D), g = s && !(s.isDisabled || s.selectionManager.isDisabled(n.key)), { rowProps: _, gridCellProps: y, descriptionProps: te, ...C } = x({
+		node: n,
+		shouldSelectOnPressUp: !!s,
+		isVirtualized: h,
+		focusMode: e.focusMode,
+		allowsArrowNavigation: e.allowsArrowNavigation
+	}, r, f), { hoverProps: ae, isHovered: oe } = ee({
+		isDisabled: !C.allowsSelection && !C.hasAction && !g,
+		onHoverStart: n.props.onHoverStart,
+		onHoverChange: n.props.onHoverChange,
+		onHoverEnd: n.props.onHoverEnd
+	}), { isFocusVisible: se, focusProps: j } = b(), { isFocusVisible: ce, focusProps: N } = b({ within: !0 }), { checkboxProps: P } = v({ key: n.key }, r), le = r.selectionManager.disabledBehavior === "all" && C.isDisabled ? { isDisabled: !0 } : {}, F = null;
+	s && i && (F = i.useDraggableItem({
+		key: n.key,
+		hasDragButton: !0
+	}, s));
+	let I = null, L = J(null), { visuallyHiddenProps: R } = p();
+	l && i && (I = i.useDropIndicator({ target: {
+		type: "item",
+		key: n.key,
+		dropPosition: "on"
+	} }, l, L));
+	let z = s && s.isDragging(n.key), B = T({
+		...e,
+		id: void 0,
+		children: n.rendered,
+		defaultClassName: "react-aria-GridListItem",
+		values: {
+			...C,
+			isHovered: oe,
+			isFocusVisible: se,
+			isFocusVisibleWithin: ce,
+			selectionMode: r.selectionManager.selectionMode,
+			selectionBehavior: r.selectionManager.selectionBehavior,
+			allowsDragging: !!s,
+			isDragging: z,
+			isDropTarget: I?.isDropTarget,
+			id: n.key,
+			state: r
+		}
+	}), H = J(null);
+	q(() => {
+		s && !H.current && console.warn("Draggable items in a GridList must contain a <Button slot=\"drag\"> element so that keyboard and screen reader users can drag them.");
+	}, []), q(() => {
+		!n.textValue && process.env.NODE_ENV !== "production" && console.warn("A `textValue` prop is required for <GridListItem> elements with non-plain text children in order to support accessibility features such as type to select.");
+	}, [n.textValue]);
+	let U = c(e, { global: !0 });
+	return delete U.id, delete U.onClick, /*#__PURE__*/ V.createElement(V.Fragment, null, I && !I.isHidden && /*#__PURE__*/ V.createElement("div", {
+		role: "row",
+		style: { position: "absolute" }
+	}, /*#__PURE__*/ V.createElement("div", { role: "gridcell" }, /*#__PURE__*/ V.createElement("div", {
+		role: "button",
+		...R,
+		...I?.dropIndicatorProps,
+		ref: L
+	}))), /*#__PURE__*/ V.createElement(w.div, {
+		...a(U, B, _, j, N, ae, F?.dragProps),
+		ref: f,
+		"data-selected": C.isSelected || void 0,
+		"data-disabled": C.isDisabled || void 0,
+		"data-hovered": oe || void 0,
+		"data-focused": C.isFocused || void 0,
+		"data-focus-visible": se || void 0,
+		"data-focus-visible-within": ce || void 0,
+		"data-pressed": C.isPressed || void 0,
+		"data-allows-dragging": !!s || void 0,
+		"data-dragging": z || void 0,
+		"data-drop-target": I?.isDropTarget || void 0,
+		"data-selection-mode": r.selectionManager.selectionMode === "none" ? void 0 : r.selectionManager.selectionMode
+	}, /*#__PURE__*/ V.createElement("div", {
+		...y,
+		style: { display: "contents" }
+	}, /*#__PURE__*/ V.createElement(ne, { values: [
+		[u, { slots: {
+			[S]: {},
+			selection: P
+		} }],
+		[d, { slots: {
+			[S]: {},
+			selection: P
+		} }],
+		[O, { slots: {
+			[S]: le,
+			drag: {
+				...F?.dragButtonProps,
+				ref: H,
+				style: { pointerEvents: "none" }
+			}
+		} }],
+		[k, { slots: {
+			[S]: {},
+			description: te
+		} }],
+		[D, E],
+		[m, null],
+		[re, null],
+		[ie, null],
+		[M, { isSelected: C.isSelected }]
+	] }, B.children))));
+});
+function be(e, t) {
+	t = o(t);
+	let { dragAndDropHooks: n, dropState: r } = K(A), i = J(null), { dropIndicatorProps: a, isHidden: s, isDropTarget: c } = n.useDropIndicator(e, r, i);
+	return s ? null : /*#__PURE__*/ V.createElement(Se, {
+		...e,
+		dropIndicatorProps: a,
+		isDropTarget: c,
+		buttonRef: i,
+		ref: t
+	});
+}
+function xe(e, t) {
+	let { dropIndicatorProps: n, isDropTarget: r, buttonRef: i, ...a } = e, { visuallyHiddenProps: o } = p(), s = T({
+		...a,
+		defaultClassName: "react-aria-DropIndicator",
+		values: { isDropTarget: r }
+	});
+	return /*#__PURE__*/ V.createElement(w.div, {
+		...s,
+		role: "row",
+		ref: t,
+		"data-drop-target": r || void 0
+	}, /*#__PURE__*/ V.createElement("div", { role: "gridcell" }, /*#__PURE__*/ V.createElement("div", {
+		...o,
+		role: "button",
+		...n,
+		ref: i
+	}), s.children));
+}
+var Se = /*#__PURE__*/ W(xe);
+function Ce() {
+	let { dragAndDropHooks: e, dropState: t } = K(A), n = J(null), { dropIndicatorProps: r } = e.useDropIndicator({ target: { type: "root" } }, t, n), i = t.isDropTarget({ type: "root" }), { visuallyHiddenProps: a } = p();
+	return !i && r["aria-hidden"] ? null : /*#__PURE__*/ V.createElement("div", {
+		role: "row",
+		"aria-hidden": r["aria-hidden"],
+		style: { position: "absolute" }
+	}, /*#__PURE__*/ V.createElement("div", { role: "gridcell" }, /*#__PURE__*/ V.createElement("div", {
+		role: "button",
+		...a,
+		...r,
+		ref: n
+	})));
+}
+i(n, function(e, t, n) {
+	let r = K(m), { isVirtualized: i } = K(D), { isLoading: a, onLoadMore: o, scrollOffset: s, ...l } = e, u = J(null), d = ue(() => ({
+		onLoadMore: o,
+		collection: r?.collection,
+		sentinelRef: u,
+		scrollOffset: s
+	}), [
+		o,
+		s,
+		u,
+		r?.collection
+	]);
+	j(d, u);
+	let f = T({
+		...l,
+		id: void 0,
+		children: n.rendered,
+		defaultClassName: "react-aria-GridListLoadingIndicator",
+		values: void 0
+	});
+	return /*#__PURE__*/ V.createElement(V.Fragment, null, /*#__PURE__*/ V.createElement("div", {
+		style: {
+			position: "relative",
+			width: 0,
+			height: 0
+		},
+		inert: N(!0)
+	}, /*#__PURE__*/ V.createElement("div", {
+		"data-testid": "loadMoreSentinel",
+		ref: u,
+		style: {
+			position: "absolute",
+			height: 1,
+			width: 1
+		}
+	})), a && f.children && /*#__PURE__*/ V.createElement(w.div, {
+		...f,
+		...c(e, { global: !0 }),
+		role: "row",
+		ref: t
+	}, /*#__PURE__*/ V.createElement("div", {
+		"aria-colindex": i ? 1 : void 0,
+		role: "gridcell"
+	}, f.children)));
+});
+//#endregion
+//#region src/hooks/use-drag-and-drop/process-drop-items.ts
+async function we(e, t, n) {
+	let r = [], i = [];
+	for (let n of e) if (_(n) && n.types.has(t)) try {
+		r.push(JSON.parse(await n.getText(t)));
+	} catch {}
+	else i.push(n);
+	let a = i.length > 0 && n ? await n(i) : [];
+	return [...r, ...a].map((e) => e.key == null && e.id == null ? {
+		...e,
+		key: crypto.randomUUID()
+	} : e);
+}
+//#endregion
+//#region src/hooks/use-drag-and-drop/use-drag-and-drop.ts
+var Te = "nimbus-collection-item";
+function Ee(e, t, n, r) {
+	return e.has(n) ? t.includes("move") ? "move" : "cancel" : r.onExternalDrop && (r.acceptExternalTypes ?? []).some((t) => e.has(t)) && t.includes(r.externalDropOperation) ? r.externalDropOperation : "cancel";
+}
+function De(e) {
+	let { dataFormatBase: t = Te, dragNamespace: n, onExternalDrop: r, acceptExternalTypes: i, externalDropOperation: a = "copy", serializeDragItem: o, onInsertItems: s, onAppendItems: c, onReorder: l, onRemoveItems: u } = e, d = n ? `${t}:${n}` : t, { dragAndDropHooks: f } = y({
+		getItems(e, t) {
+			return t.map((e) => ({
+				[d]: JSON.stringify(e),
+				...o?.(e) ?? {}
+			}));
+		},
+		acceptedDragTypes: r ? [d, ...i ?? []] : [d],
+		getDropOperation: (e, t, n) => Ee(t, n, d, {
+			onExternalDrop: r,
+			acceptExternalTypes: i,
+			externalDropOperation: a
+		}),
+		async onInsert(e) {
+			if (!s) return;
+			let t = await we(e.items, d, r);
+			t.length > 0 && s(t, e.target);
+		},
+		async onRootDrop(e) {
+			if (!c) return;
+			let t = await we(e.items, d, r);
+			t.length > 0 && c(t);
+		},
+		onReorder(e) {
+			l?.(e.keys, e.target);
+		},
+		async onDragEnd(e) {
+			e.dropOperation === "move" && !e.isInternal && u?.(e.keys);
+		}
+	});
+	return { dragAndDropHooks: f };
+}
+//#endregion
+//#region src/hooks/use-drag-and-drop/state-handlers.ts
+function Oe(e) {
+	return {
+		onInsertItems(t, n) {
+			n.dropPosition === "before" ? e.insertBefore(n.key, ...t) : n.dropPosition === "after" && e.insertAfter(n.key, ...t);
+		},
+		onAppendItems(t) {
+			e.append(...t);
+		},
+		onReorder(t, n) {
+			n.dropPosition === "before" ? e.moveBefore(n.key, t) : n.dropPosition === "after" && e.moveAfter(n.key, t);
+		},
+		onRemoveItems(t) {
+			e.remove(...t);
+		}
+	};
+}
+function ke(e, t = (e) => {
+	let t = e.key ?? e.id;
+	if (t == null) throw Error("createArrayHandlers: item has no `key` or `id` field. Provide a custom `getKey` function.");
+	return t;
+}) {
+	return {
+		onInsertItems(n, r) {
+			e((e) => {
+				let i = e.findIndex((e) => t(e) === r.key);
+				if (i === -1) return [...e, ...n];
+				let a = r.dropPosition === "before" ? i : i + 1;
+				return [
+					...e.slice(0, a),
+					...n,
+					...e.slice(a)
+				];
+			});
+		},
+		onAppendItems(t) {
+			e((e) => [...e, ...t]);
+		},
+		onReorder(n, r) {
+			e((e) => {
+				let i = e.filter((e) => n.has(t(e))), a = e.filter((e) => !n.has(t(e))), o = a.findIndex((e) => t(e) === r.key);
+				if (o === -1) return typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("createArrayHandlers: target key not found in remaining items — appending to end."), [...a, ...i];
+				let s = r.dropPosition === "before" ? o : o + 1;
+				return [
+					...a.slice(0, s),
+					...i,
+					...a.slice(s)
+				];
+			});
+		},
+		onRemoveItems(n) {
+			e((e) => e.filter((e) => !n.has(t(e))));
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/dequal@2.0.3/node_modules/dequal/dist/index.mjs
+var Ae = Object.prototype.hasOwnProperty;
+function je(e, t, n) {
+	for (n of e.keys()) if (Z(n, t)) return n;
+}
+function Z(e, t) {
+	var n, r, i;
+	if (e === t) return !0;
+	if (e && t && (n = e.constructor) === t.constructor) {
+		if (n === Date) return e.getTime() === t.getTime();
+		if (n === RegExp) return e.toString() === t.toString();
+		if (n === Array) {
+			if ((r = e.length) === t.length) for (; r-- && Z(e[r], t[r]););
+			return r === -1;
+		}
+		if (n === Set) {
+			if (e.size !== t.size) return !1;
+			for (r of e) if (i = r, i && typeof i == "object" && (i = je(t, i), !i) || !t.has(i)) return !1;
+			return !0;
+		}
+		if (n === Map) {
+			if (e.size !== t.size) return !1;
+			for (r of e) if (i = r[0], i && typeof i == "object" && (i = je(t, i), !i) || !Z(r[1], t.get(i))) return !1;
+			return !0;
+		}
+		if (n === ArrayBuffer) e = new Uint8Array(e), t = new Uint8Array(t);
+		else if (n === DataView) {
+			if ((r = e.byteLength) === t.byteLength) for (; r-- && e.getInt8(r) === t.getInt8(r););
+			return r === -1;
+		}
+		if (ArrayBuffer.isView(e)) {
+			if ((r = e.byteLength) === t.byteLength) for (; r-- && e[r] === t[r];);
+			return r === -1;
+		}
+		if (!n || typeof e == "object") {
+			for (n in r = 0, e) if (Ae.call(e, n) && ++r && !Ae.call(t, n) || !(n in t) || !Z(e[n], t[n])) return !1;
+			return Object.keys(t).length === r;
+		}
+	}
+	return e !== e && t !== t;
+}
+//#endregion
+//#region src/components/draggable-list/draggable-list.messages.ts
+var Me = {
+	en: R({
+		emptyMessage: "drop items here",
+		removeButtonLabel: "remove item"
+	}),
+	de: R({
+		emptyMessage: "Artikel hier ablegen",
+		removeButtonLabel: "Artikel entfernen"
+	}),
+	es: R({
+		emptyMessage: "Soltar artículos aquí",
+		removeButtonLabel: "Eliminar artículo"
+	}),
+	"fr-FR": R({
+		emptyMessage: "Déposer les articles ici",
+		removeButtonLabel: "Supprimer l'article"
+	}),
+	"pt-BR": R({
+		emptyMessage: "arrastar itens aqui",
+		removeButtonLabel: "remover item"
+	})
+}, { withProvider: Ne, withContext: Pe } = X({ key: "nimbusDraggableList" }), Fe = Ne("div", "root"), Ie = Pe("div", "item"), Le = Pe("div", "itemContent"), Re = Pe("div", "empty"), Q = ({ children: e, id: t, onRemoveItem: n, textValue: r, ...i }) => {
+	let a = L(Me), o = typeof e == "string" ? e : void 0, [s, c] = B(i);
+	return /* @__PURE__ */ Y(Ie, {
+		...s,
+		asChild: !0,
+		children: /* @__PURE__ */ Y(ye, {
+			id: t,
+			textValue: r ?? o,
+			...c,
+			children: ({ allowsDragging: r, selectionBehavior: i, selectionMode: o }) => /* @__PURE__ */ fe(de, { children: [
+				r && /* @__PURE__ */ Y(I, {
+					slot: "drag",
+					size: "2xs",
+					variant: "ghost",
+					flex: "0 0 auto",
+					colorPalette: "neutral",
+					children: /* @__PURE__ */ Y(me, {})
+				}),
+				o === "multiple" && i === "toggle" && /* @__PURE__ */ Y(f, {
+					flex: "0 0 auto",
+					slot: "selection"
+				}),
+				/* @__PURE__ */ Y(Le, { children: e }),
+				n && /* @__PURE__ */ Y(I, {
+					"aria-label": a.format("removeButtonLabel"),
+					size: "2xs",
+					variant: "ghost",
+					onPress: t ? () => n(t) : void 0,
+					flex: "0 0 auto",
+					colorPalette: "neutral",
+					children: /* @__PURE__ */ Y(pe, {})
+				})
+			] })
+		})
+	});
+};
+Q.displayName = "DraggableList.Item";
+//#endregion
+//#region src/components/draggable-list/components/draggable-list.root.tsx
+var ze = "nimbus-draggable-list-item", Be = (e) => e.key ?? e.id, $ = ({ children: e, ref: t, items: n = [], getKey: r = Be, onUpdateItems: i, removableItems: a, renderEmptyState: o, dragNamespace: s, onExternalDrop: c, acceptExternalTypes: l, externalDropOperation: u, serializeDragItem: d, ...f }) => {
+	let p = L(Me), m = o ?? p.format("emptyMessage"), h = F({
+		initialItems: n,
+		getKey: r
+	}), g = J(!1), _ = J(n ?? []);
+	q(() => {
+		if (n !== _.current && !Z(n, _.current) && !Z(n, h.items)) {
+			g.current = !0;
+			let e = h.items.map((e) => r(e));
+			if (h.remove(...e), h.append(...n), h.selectedKeys !== "all" && h.selectedKeys.size > 0) {
+				let e = new Set(n.map((e) => r(e))), t = new Set([...h.selectedKeys].filter((t) => e.has(t)));
+				h.setSelectedKeys(t);
+			}
+			_.current = n;
+			let t = !1;
+			return queueMicrotask(() => {
+				t || (g.current = !1);
+			}), () => {
+				t = !0;
+			};
+		}
+	}, [n]), q(() => {
+		g.current || (_.current = h.items, i?.(h.items));
+	}, [h.items, i]);
+	let { dragAndDropHooks: v } = De({
+		dataFormatBase: ze,
+		dragNamespace: s,
+		onExternalDrop: c,
+		acceptExternalTypes: l,
+		externalDropOperation: u,
+		serializeDragItem: d,
+		...Oe(h)
+	}), y = G((e) => {
+		h.remove(e);
+	}, [h.remove]);
+	if (!e && n?.length > 0 && (!n?.[0]?.key || !n?.[0]?.label)) throw Error("Nimbus DraggableList: when \"children\" is not provided, items must have both \"key\" and \"label\" properties");
+	let [b] = he({ key: "nimbusDraggableList" }).splitVariantProps(f), [ee, te] = B(f);
+	return /* @__PURE__ */ Y(Fe, {
+		...ee,
+		...b,
+		asChild: !0,
+		children: /* @__PURE__ */ Y(_e, {
+			ref: t,
+			...te,
+			renderEmptyState: () => /* @__PURE__ */ Y(Re, { children: m }),
+			dragAndDropHooks: v,
+			items: h.items,
+			dependencies: [y],
+			children: (t) => e ? typeof e == "function" ? e({
+				...t,
+				onRemoveItem: a ? y : void 0
+			}) : e : /* @__PURE__ */ U(Q, {
+				...t,
+				key: t.key,
+				onRemoveItem: a ? y : void 0
+			}, t.label)
+		})
+	});
+};
+$.displayName = "DraggableList.Root";
+//#endregion
+//#region src/components/draggable-list/components/draggable-list.field.tsx
+var Ve = ({ label: e, description: t, error: n, infoBox: r, isRequired: i, isInvalid: a, isDisabled: o, isReadOnly: s, id: c, items: l, ...u }) => /* @__PURE__ */ fe(z.Root, {
+	id: c,
+	isRequired: i,
+	isInvalid: a,
+	isDisabled: o,
+	isReadOnly: s,
+	children: [
+		/* @__PURE__ */ Y(z.Label, { children: e }),
+		/* @__PURE__ */ Y(z.Input, { children: /* @__PURE__ */ Y($, {
+			disabledKeys: o ? l?.map((e) => e.key) : void 0,
+			items: l,
+			...u
+		}) }),
+		t && /* @__PURE__ */ Y(z.Description, { children: t }),
+		n && /* @__PURE__ */ Y(z.Error, { children: n }),
+		r && /* @__PURE__ */ Y(z.InfoBox, { children: r })
+	]
+});
+Ve.displayName = "DraggableList.Field";
+//#endregion
+//#region src/components/draggable-list/draggable-list.tsx
+var He = {
+	Root: $,
+	Item: Q,
+	Field: Ve
+};
+//#endregion
+export { ke as a, Q as i, Ve as n, Oe as o, $ as r, De as s, He as t };
+
+//# sourceMappingURL=draggable-list-BaaRC4Yn.es.js.map