@commercetools/nimbus 3.7.0 → 3.8.0

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

@@ -1,667 +0,0 @@
-import { f as e, i as t, l as n, n as r, t as i } from "./CollectionBuilder-OWlKjhbP.es.js";
-import { t as a } from "./mergeProps-D74xOLhF.es.js";
-import { t as o } from "./useObjectRef-UPiQ-wgG.es.js";
-import { i as s } from "./useCollection-uCcokHU7.es.js";
-import { t as c } from "./I18nProvider-LFxJLmHp.es.js";
-import { t as l } from "./filterDOMProps-CZHILofi.es.js";
-import { n as u } from "./FocusScope-BuIAYk88.es.js";
-import { n as d, r as f, t as p } from "./checkbox-adwjke4D.es.js";
-import { n as m } from "./VisuallyHidden-cyijwc-X.es.js";
-import { n as h } from "./ListBox-JpLQPSJJ.es.js";
-import { n as g, t as _ } from "./useLoadMoreSentinel-CLm9NwX_.es.js";
-import { t as v } from "./useCollator-DuzKyztP.es.js";
-import { b as y } from "./useDrop-CaeeaOlz.es.js";
-import { n as ee, t as b } from "./useDragAndDrop-BI0iJ3Cu.es.js";
-import { t as x } from "./useFocusRing-DPOJbWNj.es.js";
-import { t as te } from "./useHover-DYXAy5Ot.es.js";
-import { n as ne, t as re } from "./useGridListItem-BbfGnBvw.es.js";
-import { t as S } from "./drag-indicator-KlMyvWDu.es.js";
-import { a as C, n as w, o as T, r as E, t as ie } from "./utils-ChZxBMXR.es.js";
-import { n as ae, t as oe } from "./Autocomplete-Bdfg2RmW.es.js";
-import { r as se, t as D } from "./Collection-BTq1tvC-.es.js";
-import { t as O } from "./Button-BeWWdVxO.es.js";
-import { n as k } from "./Text-B4cArCqX.es.js";
-import { i as ce, n as A, r as j, t as le } from "./DragAndDrop-Uyo0-VCg.es.js";
-import { t as M } from "./SharedElementTransition-B-Byb6dW.es.js";
-import { t as ue } from "./SelectionIndicator-DeWHM53y.es.js";
-import { n as de, t as N } from "./useListState-CLVdXC9t.es.js";
-import { t as P } from "./useListData-Bf7O-Rs7.es.js";
-import { t as F } from "./close-CzuqwrnN.es.js";
-import { t as I } from "./form-field-DgMcUjKC.es.js";
-import { n as L, t as R } from "./normalize-messages-DMFgMK8l.es.js";
-import { t as z } from "./icon-button-BDAGhNlL.es.js";
-import { t as B } from "./extract-style-props-YWZOestG.es.js";
-import V, { createContext as H, createElement as U, forwardRef as W, useCallback as G, useContext as K, useEffect as q, useMemo as fe, useRef as J } from "react";
-import { Fragment as pe, jsx as Y, jsxs as X } from "react/jsx-runtime";
-import { createSlotRecipeContext as Z, useSlotRecipe as me } from "@chakra-ui/react/styled-system";
-//#region ../../node_modules/.pnpm/react-aria-components@1.21.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/GridList.mjs
-var he = /*#__PURE__*/ H(null), ge = /*#__PURE__*/ W(function(e, n) {
-	return [e, n] = w(e, n, he), /*#__PURE__*/ V.createElement(r, { content: /*#__PURE__*/ V.createElement(t, e) }, (t) => /*#__PURE__*/ V.createElement(_e, {
-		props: e,
-		collection: t,
-		gridListRef: n
-	}));
-});
-function _e({ props: e, collection: t, gridListRef: n }) {
-	[e, n] = w(e, n, ae);
-	let { shouldUseVirtualFocus: r, filter: i, disallowTypeAhead: o, UNSTABLE_focusOnEntry: s, ...d } = e, { dragAndDropHooks: f, keyboardNavigationBehavior: p = "arrow", layout: m = "stack", orientation: _ = "vertical" } = e, { CollectionRoot: y, isVirtualized: ee, layoutDelegate: b, dropTargetDelegate: te } = K(D), re = N({
-		...d,
-		collection: t,
-		children: void 0,
-		layoutDelegate: b
-	}), S = de(re, i), C = v({
-		usage: "search",
-		sensitivity: "base"
-	}), { disabledBehavior: oe, disabledKeys: se } = S.selectionManager, { direction: O } = c(), k = fe(() => new g({
-		collection: S.collection,
-		collator: C,
-		ref: n,
-		disabledKeys: se,
-		disabledBehavior: oe,
-		layoutDelegate: b,
-		layout: m,
-		orientation: _,
-		direction: O
-	}), [
-		S.collection,
-		n,
-		m,
-		_,
-		se,
-		oe,
-		b,
-		C,
-		O
-	]), { gridProps: ue } = ne({
-		...d,
-		keyboardDelegate: k,
-		keyboardNavigationBehavior: m === "grid" ? "tab" : p,
-		isVirtualized: ee,
-		shouldSelectOnPressUp: e.shouldSelectOnPressUp,
-		disallowTypeAhead: o,
-		UNSTABLE_focusOnEntry: s
-	}, S, n), P = S.selectionManager, F = !!f?.useDraggableCollectionState, I = !!f?.useDroppableCollectionState, L = J(F), R = J(I);
-	q(() => {
-		process.env.NODE_ENV !== "production" && (L.current !== F && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), R.current !== I && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."));
-	}, [F, I]);
-	let z, B, H, U = !1, W = null, G = J(null);
-	if (F && f) {
-		z = f.useDraggableCollectionState({
-			collection: S.collection,
-			selectionManager: P,
-			preview: f.renderDragPreview ? G : void 0
-		}), f.useDraggableCollection({}, z, n);
-		let e = f.DragPreview;
-		W = f.renderDragPreview ? /*#__PURE__*/ V.createElement(e, { ref: G }, f.renderDragPreview) : null;
-	}
-	if (I && f) {
-		B = f.useDroppableCollectionState({
-			collection: S.collection,
-			selectionManager: P
-		});
-		let e = f.dropTargetDelegate || te || new f.ListDropTargetDelegate(t, n, {
-			layout: m,
-			direction: O,
-			orientation: _
-		});
-		H = f.useDroppableCollection({
-			keyboardDelegate: k,
-			dropTargetDelegate: e
-		}, B, n), U = B.isDropTarget({ type: "root" });
-	}
-	let { focusProps: pe, isFocused: Y, isFocusVisible: X } = x(), Z = S.collection.size === 0, me = {
-		isDropTarget: U,
-		orientation: _,
-		isEmpty: Z,
-		isFocused: Y,
-		isFocusVisible: X,
-		layout: m,
-		state: S
-	}, he = E({
-		...e,
-		children: void 0,
-		defaultClassName: "react-aria-GridList",
-		values: me
-	}), ge = null;
-	if (Z && e.renderEmptyState) {
-		let t = e.renderEmptyState(me);
-		ge = /*#__PURE__*/ V.createElement("div", {
-			role: "row",
-			"aria-rowindex": 1,
-			style: { display: "contents" }
-		}, /*#__PURE__*/ V.createElement("div", {
-			role: "gridcell",
-			style: { display: "contents" }
-		}, t));
-	}
-	let _e = l(e, { global: !0 });
-	return /*#__PURE__*/ V.createElement(u, null, /*#__PURE__*/ V.createElement(T.div, {
-		...a(_e, he, ue, pe, H?.collectionProps, null),
-		ref: n,
-		slot: e.slot || void 0,
-		onScroll: e.onScroll,
-		"data-drop-target": U || void 0,
-		"data-empty": Z || void 0,
-		"data-focused": Y || void 0,
-		"data-focus-visible": X || void 0,
-		"data-layout": m,
-		"data-orientation": _
-	}, /*#__PURE__*/ V.createElement(ie, { values: [
-		[h, S],
-		[A, {
-			dragAndDropHooks: f,
-			dragState: z,
-			dropState: B
-		}],
-		[ce, { render: ye }]
-	] }, I && /*#__PURE__*/ V.createElement(Se, null), /*#__PURE__*/ V.createElement(M, null, /*#__PURE__*/ V.createElement(y, {
-		collection: S.collection,
-		scrollRef: n,
-		persistedKeys: j(P, f, B),
-		renderDropIndicator: le(f, B)
-	}))), ge, W));
-}
-var ve = /*#__PURE__*/ i(e, function(e, t, n) {
-	let r = K(h), { dragAndDropHooks: i, dragState: s, dropState: c } = K(A), u = o(t), { isVirtualized: p } = K(D), g = s && !(s.isDisabled || s.selectionManager.isDisabled(n.key)), { rowProps: _, gridCellProps: v, descriptionProps: y, ...b } = re({
-		node: n,
-		shouldSelectOnPressUp: !!s,
-		isVirtualized: p,
-		focusMode: e.focusMode,
-		allowsArrowNavigation: e.allowsArrowNavigation
-	}, r, u), { hoverProps: ne, isHovered: S } = te({
-		isDisabled: !b.allowsSelection && !b.hasAction && !g,
-		onHoverStart: n.props.onHoverStart,
-		onHoverChange: n.props.onHoverChange,
-		onHoverEnd: n.props.onHoverEnd
-	}), { isFocusVisible: w, focusProps: ce } = x(), { isFocusVisible: j, focusProps: le } = x({ within: !0 }), { checkboxProps: M } = ee({ key: n.key }, r), de = r.selectionManager.disabledBehavior === "all" && b.isDisabled ? { isDisabled: !0 } : {}, N = null;
-	s && i && (N = i.useDraggableItem({
-		key: n.key,
-		hasDragButton: !0
-	}, s));
-	let P = null, F = J(null), { visuallyHiddenProps: I } = m();
-	c && i && (P = i.useDropIndicator({ target: {
-		type: "item",
-		key: n.key,
-		dropPosition: "on"
-	} }, c, F));
-	let L = s && s.isDragging(n.key), R = E({
-		...e,
-		id: void 0,
-		children: n.rendered,
-		defaultClassName: "react-aria-GridListItem",
-		values: {
-			...b,
-			isHovered: S,
-			isFocusVisible: w,
-			isFocusVisibleWithin: j,
-			selectionMode: r.selectionManager.selectionMode,
-			selectionBehavior: r.selectionManager.selectionBehavior,
-			allowsDragging: !!s,
-			isDragging: L,
-			isDropTarget: P?.isDropTarget,
-			id: n.key,
-			state: r
-		}
-	}), z = J(null);
-	q(() => {
-		s && !z.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 B = l(e, { global: !0 });
-	return delete B.id, delete B.onClick, /*#__PURE__*/ V.createElement(V.Fragment, null, P && !P.isHidden && /*#__PURE__*/ V.createElement("div", {
-		role: "row",
-		style: { position: "absolute" }
-	}, /*#__PURE__*/ V.createElement("div", { role: "gridcell" }, /*#__PURE__*/ V.createElement("div", {
-		role: "button",
-		...I,
-		...P?.dropIndicatorProps,
-		ref: F
-	}))), /*#__PURE__*/ V.createElement(T.div, {
-		...a(B, R, _, ce, le, ne, N?.dragProps),
-		ref: u,
-		"data-selected": b.isSelected || void 0,
-		"data-disabled": b.isDisabled || void 0,
-		"data-hovered": S || void 0,
-		"data-focused": b.isFocused || void 0,
-		"data-focus-visible": w || void 0,
-		"data-focus-visible-within": j || void 0,
-		"data-pressed": b.isPressed || void 0,
-		"data-allows-dragging": !!s || void 0,
-		"data-dragging": L || void 0,
-		"data-drop-target": P?.isDropTarget || void 0,
-		"data-selection-mode": r.selectionManager.selectionMode === "none" ? void 0 : r.selectionManager.selectionMode
-	}, /*#__PURE__*/ V.createElement("div", {
-		...v,
-		style: { display: "contents" }
-	}, /*#__PURE__*/ V.createElement(ie, { values: [
-		[d, { slots: {
-			[C]: {},
-			selection: M
-		} }],
-		[f, { slots: {
-			[C]: {},
-			selection: M
-		} }],
-		[O, { slots: {
-			[C]: de,
-			drag: {
-				...N?.dragButtonProps,
-				ref: z,
-				style: { pointerEvents: "none" }
-			}
-		} }],
-		[k, { slots: {
-			[C]: {},
-			description: y
-		} }],
-		[D, se],
-		[h, null],
-		[ae, null],
-		[oe, null],
-		[ue, { isSelected: b.isSelected }]
-	] }, R.children))));
-});
-function ye(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(xe, {
-		...e,
-		dropIndicatorProps: a,
-		isDropTarget: c,
-		buttonRef: i,
-		ref: t
-	});
-}
-function be(e, t) {
-	let { dropIndicatorProps: n, isDropTarget: r, buttonRef: i, ...a } = e, { visuallyHiddenProps: o } = m(), s = E({
-		...a,
-		defaultClassName: "react-aria-DropIndicator",
-		values: { isDropTarget: r }
-	});
-	return /*#__PURE__*/ V.createElement(T.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 xe = /*#__PURE__*/ W(be);
-function Se() {
-	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 } = m();
-	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(h), { isVirtualized: i } = K(D), { isLoading: a, onLoadMore: o, scrollOffset: c, ...u } = e, d = J(null), f = fe(() => ({
-		onLoadMore: o,
-		collection: r?.collection,
-		sentinelRef: d,
-		scrollOffset: c
-	}), [
-		o,
-		c,
-		d,
-		r?.collection
-	]);
-	_(f, d);
-	let p = E({
-		...u,
-		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: s(!0)
-	}, /*#__PURE__*/ V.createElement("div", {
-		"data-testid": "loadMoreSentinel",
-		ref: d,
-		style: {
-			position: "absolute",
-			height: 1,
-			width: 1
-		}
-	})), a && p.children && /*#__PURE__*/ V.createElement(T.div, {
-		...p,
-		...l(e, { global: !0 }),
-		role: "row",
-		ref: t
-	}, /*#__PURE__*/ V.createElement("div", {
-		"aria-colindex": i ? 1 : void 0,
-		role: "gridcell"
-	}, p.children)));
-});
-//#endregion
-//#region src/hooks/use-drag-and-drop/process-drop-items.ts
-async function Ce(e, t, n) {
-	let r = [], i = [];
-	for (let n of e) if (y(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 we = "nimbus-collection-item";
-function Te(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 Ee(e) {
-	let { dataFormatBase: t = we, 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 } = b({
-		getItems(e, t) {
-			return t.map((e) => ({
-				[d]: JSON.stringify(e),
-				...o?.(e) ?? {}
-			}));
-		},
-		acceptedDragTypes: r ? [d, ...i ?? []] : [d],
-		getDropOperation: (e, t, n) => Te(t, n, d, {
-			onExternalDrop: r,
-			acceptExternalTypes: i,
-			externalDropOperation: a
-		}),
-		async onInsert(e) {
-			if (!s) return;
-			let t = await Ce(e.items, d, r);
-			t.length > 0 && s(t, e.target);
-		},
-		async onRootDrop(e) {
-			if (!c) return;
-			let t = await Ce(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 De(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);
-		}
-	};
-}
-var Oe = (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;
-};
-function ke(e, t, n, r) {
-	if (typeof process > "u" || process.env.NODE_ENV === "production") return;
-	let i = n && t.some((e) => e.key != null && e.id != null && r(e));
-	console.warn(i ? `createArrayHandlers: ${e} matched no item. Your items have both a \`key\` and an \`id\` field, so the default getKey used \`key\`, but this collection is keyed by \`id\`. Pass an explicit getKey, e.g. createArrayHandlers(setItems, (item) => item.id).` : `createArrayHandlers: ${e} matched no item.`);
-}
-function Ae(e, t = Oe) {
-	let n = t === Oe;
-	return {
-		onInsertItems(r, i) {
-			e((e) => {
-				let a = e.findIndex((e) => t(e) === i.key);
-				if (a === -1) return ke("the drop target", e, n, (e) => e.id === i.key), [...e, ...r];
-				let o = i.dropPosition === "before" ? a : a + 1;
-				return [
-					...e.slice(0, o),
-					...r,
-					...e.slice(o)
-				];
-			});
-		},
-		onAppendItems(t) {
-			e((e) => [...e, ...t]);
-		},
-		onReorder(r, i) {
-			e((e) => {
-				let a = e.filter((e) => r.has(t(e))), o = e.filter((e) => !r.has(t(e))), s = o.findIndex((e) => t(e) === i.key);
-				if (s === -1) return ke("the reorder target", e, n, (e) => e.id === i.key), [...o, ...a];
-				let c = i.dropPosition === "before" ? s : s + 1;
-				return [
-					...o.slice(0, c),
-					...a,
-					...o.slice(c)
-				];
-			});
-		},
-		onRemoveItems(r) {
-			e((e) => {
-				let i = e.filter((e) => !r.has(t(e)));
-				return i.length === e.length && r.size > 0 && ke("the keys to remove", e, n, (e) => r.has(e.id)), i;
-			});
-		}
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/dequal@2.0.3/node_modules/dequal/dist/index.mjs
-var je = Object.prototype.hasOwnProperty;
-function Me(e, t, n) {
-	for (n of e.keys()) if (Q(n, t)) return n;
-}
-function Q(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-- && Q(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 = Me(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 = Me(t, i), !i) || !Q(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 (je.call(e, n) && ++r && !je.call(t, n) || !(n in t) || !Q(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 Ne = {
-	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: Pe, withContext: Fe } = Z({ key: "nimbusDraggableList" }), Ie = Pe("div", "root"), Le = Fe("div", "item"), Re = Fe("div", "itemContent"), ze = Fe("div", "empty"), Be = ({ children: e, id: t, onRemoveItem: n, removeButtonLabel: r, textValue: i, ...a }) => {
-	let o = L(Ne), s = typeof e == "string" ? e : void 0, [c, l] = B(a);
-	return /* @__PURE__ */ Y(Le, {
-		...c,
-		asChild: !0,
-		children: /* @__PURE__ */ Y(ve, {
-			id: t,
-			textValue: i ?? s,
-			...l,
-			children: ({ allowsDragging: i, selectionBehavior: a, selectionMode: s }) => /* @__PURE__ */ X(pe, { children: [
-				i && /* @__PURE__ */ Y(z, {
-					slot: "drag",
-					size: "2xs",
-					variant: "ghost",
-					flex: "0 0 auto",
-					colorPalette: "neutral",
-					children: /* @__PURE__ */ Y(S, {})
-				}),
-				s === "multiple" && a === "toggle" && /* @__PURE__ */ Y(p, {
-					flex: "0 0 auto",
-					slot: "selection"
-				}),
-				/* @__PURE__ */ Y(Re, { children: e }),
-				n && /* @__PURE__ */ Y(z, {
-					"aria-label": r ?? o.format("removeButtonLabel"),
-					size: "2xs",
-					variant: "ghost",
-					onPress: t ? () => n(t) : void 0,
-					flex: "0 0 auto",
-					colorPalette: "neutral",
-					children: /* @__PURE__ */ Y(F, {})
-				})
-			] })
-		})
-	});
-};
-Be.displayName = "DraggableList.Item";
-//#endregion
-//#region src/components/draggable-list/components/draggable-list.root.tsx
-var Ve = "nimbus-draggable-list-item", He = (e) => e.key ?? e.id, $ = ({ children: e, ref: t, items: n = [], getKey: r = He, onUpdateItems: i, removableItems: a, renderEmptyState: o, dragNamespace: s, onExternalDrop: c, acceptExternalTypes: l, externalDropOperation: u, serializeDragItem: d, ...f }) => {
-	let p = L(Ne), m = o ?? p.format("emptyMessage"), h = P({
-		initialItems: n,
-		getKey: r
-	}), g = J(!1), _ = J(n ?? []);
-	q(() => {
-		if (n !== _.current && !Q(n, _.current) && !Q(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 } = Ee({
-		dataFormatBase: Ve,
-		dragNamespace: s,
-		onExternalDrop: c,
-		acceptExternalTypes: l,
-		externalDropOperation: u,
-		serializeDragItem: d,
-		...De(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 [ee] = me({ key: "nimbusDraggableList" }).splitVariantProps(f), [b, x] = B(f);
-	return /* @__PURE__ */ Y(Ie, {
-		...b,
-		...ee,
-		asChild: !0,
-		children: /* @__PURE__ */ Y(ge, {
-			ref: t,
-			...x,
-			renderEmptyState: () => /* @__PURE__ */ Y(ze, { 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(Be, {
-				...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 Ue = ({ label: e, description: t, error: n, infoBox: r, isRequired: i, isInvalid: a, isDisabled: o, isReadOnly: s, id: c, items: l, ...u }) => /* @__PURE__ */ X(I.Root, {
-	id: c,
-	isRequired: i,
-	isInvalid: a,
-	isDisabled: o,
-	isReadOnly: s,
-	children: [
-		/* @__PURE__ */ Y(I.Label, { children: e }),
-		/* @__PURE__ */ Y(I.Input, { children: /* @__PURE__ */ Y($, {
-			disabledKeys: o ? l?.map((e) => e.key) : void 0,
-			items: l,
-			...u
-		}) }),
-		t && /* @__PURE__ */ Y(I.Description, { children: t }),
-		n && /* @__PURE__ */ Y(I.Error, { children: n }),
-		r && /* @__PURE__ */ Y(I.InfoBox, { children: r })
-	]
-});
-Ue.displayName = "DraggableList.Field";
-//#endregion
-//#region src/components/draggable-list/draggable-list.tsx
-var We = {
-	Root: $,
-	Item: Be,
-	Field: Ue
-};
-//#endregion
-export { Ee as i, Ae as n, De as r, We as t };
-
-//# sourceMappingURL=draggable-list-DtepcH47.es.js.map