@commercetools/nimbus 3.3.0 → 3.4.0

package/dist/chunks/{draggable-list-C5aulsay.esm.js → draggable-list-DKGfS4ob.esm.js}

@@ -1,268 +1,268 @@
 import { f as e, i as t, l as n, n as r, t as i } from "./CollectionBuilder-CrO7xw2e.esm.js";
 import { t as a } from "./mergeProps-BJ6-Ao_L.esm.js";
 import { t as o } from "./useObjectRef-B_3vY5-Q.esm.js";
-import { i as s, o as c } from "./useCollection-CGf4ZguH.esm.js";
-import { t as l } from "./I18nProvider-Cw-VVV-e.esm.js";
-import { t as u } from "./filterDOMProps-Dk-4zxhC.esm.js";
-import { n as d } from "./FocusScope-CFQQWfNO.esm.js";
-import { n as f, r as p, t as m } from "./checkbox-Bto3lCdU.esm.js";
-import { n as h } from "./VisuallyHidden-C5SfYuNh.esm.js";
-import { n as g } from "./ListBox-DlI6zwM7.esm.js";
-import { n as _ } from "./useSelectableList-umEtkxYN.esm.js";
-import { t as ee } from "./useCollator-duIsyVP8.esm.js";
-import { b as v } from "./useDrop-DfEAeAm0.esm.js";
-import { n as y, t as b } from "./useDragAndDrop-D_i3CWeg.esm.js";
-import { t as x } from "./useFocusRing-CgvZuPOT.esm.js";
-import { t as S } from "./useHover-FP8QRkFh.esm.js";
-import { n as te, t as ne } from "./useGridListItem-DVNb2d76.esm.js";
-import { a as C, n as w, o as T, r as E, t as re } from "./utils-BYIK8Yf2.esm.js";
-import { n as ie, t as D } from "./Autocomplete-CdgicXR5.esm.js";
-import { t as O } from "./Button-FcraQeen.esm.js";
-import { n as ae } from "./Text-B7tENZ_I.esm.js";
-import { a as oe, i as k, n as A, r as j, t as M } from "./useLoadMoreSentinel-DEjOHrGE.esm.js";
-import { t as N } from "./SharedElementTransition-DOCV83-e.esm.js";
-import { t as se } from "./SelectionIndicator-0x-yjCVE.esm.js";
-import { t as ce } from "./inertValue-BpTB_Nl7.esm.js";
-import { n as le, t as ue } from "./useListState-BiT-W669.esm.js";
-import { t as P } from "./useListData-DuxgfYcG.esm.js";
-import { t as F } from "./icon-button-6dtfz6Yf.esm.js";
-import { n as I, t as L } from "./normalize-messages-B_f-0I5n.esm.js";
-import { t as R } from "./form-field-DRhB7O5k.esm.js";
-import { t as z } from "./extract-style-props-BPnHKmWR.esm.js";
-import B, { createContext as V, createElement as H, forwardRef as U, useCallback as W, useContext as G, useEffect as K, useMemo as de, useRef as q } from "react";
-import { Fragment as fe, jsx as J, jsxs as Y } from "react/jsx-runtime";
-import { Close as pe, DragIndicator as X } from "@commercetools/nimbus-icons";
-import { createSlotRecipeContext as me, useSlotRecipe as he } from "@chakra-ui/react/styled-system";
+import { t as s } from "./I18nProvider-Cw-VVV-e.esm.js";
+import { t as c } from "./filterDOMProps-Dk-4zxhC.esm.js";
+import { n as l } from "./FocusScope-CFQQWfNO.esm.js";
+import { n as u, r as d, t as f } from "./checkbox-dSuozQvl.esm.js";
+import { n as p } from "./VisuallyHidden-C5SfYuNh.esm.js";
+import { n as m } from "./ListBox-B8JwiURT.esm.js";
+import { n as h } from "./useSelectableList-gohzq7dg.esm.js";
+import { t as g } from "./useCollator-duIsyVP8.esm.js";
+import { b as _ } from "./useDrop-DfEAeAm0.esm.js";
+import { n as v, t as y } from "./useDragAndDrop-BAyAtCYg.esm.js";
+import { t as b } from "./useFocusRing-CgvZuPOT.esm.js";
+import { t as x } from "./useHover-FP8QRkFh.esm.js";
+import { n as S, t as C } from "./useGridListItem-C6LMK1Mv.esm.js";
+import { a as w, n as T, o as E, r as D, t as ee } from "./utils-BYIK8Yf2.esm.js";
+import { n as te, t as O } from "./Autocomplete-CdgicXR5.esm.js";
+import { r as k, t as A } from "./Collection-CgMG1nwQ.esm.js";
+import { t as ne } from "./Button-B5g2BgY8.esm.js";
+import { n as re } from "./Text-B7tENZ_I.esm.js";
+import { a as ie, i as ae, n as oe, r as j, t as M } from "./useLoadMoreSentinel-DEjOHrGE.esm.js";
+import { t as se } from "./SharedElementTransition-DOCV83-e.esm.js";
+import { t as ce } from "./SelectionIndicator-0x-yjCVE.esm.js";
+import { t as le } from "./inertValue-BpTB_Nl7.esm.js";
+import { n as ue, t as de } from "./useListState-TSrPXjzi.esm.js";
+import { t as N } from "./useListData-DuxgfYcG.esm.js";
+import { t as P } from "./icon-button-CyhrlrIv.esm.js";
+import { n as F, t as I } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as L } from "./form-field-B5H98u7s.esm.js";
+import { t as R } from "./extract-style-props-D519tVOc.esm.js";
+import z, { createContext as B, createElement as V, forwardRef as H, useCallback as U, useContext as W, useEffect as G, useMemo as fe, useRef as K } from "react";
+import { Fragment as pe, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { Close as me, DragIndicator as Y } 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.19.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__*/ V(null), _e = /*#__PURE__*/ U(function(e, n) {
-	return [e, n] = w(e, n, ge), /*#__PURE__*/ B.createElement(r, { content: /*#__PURE__*/ B.createElement(t, e) }, (t) => /*#__PURE__*/ B.createElement(ve, {
+var ge = /*#__PURE__*/ B(null), _e = /*#__PURE__*/ H(function(e, n) {
+	return [e, n] = T(e, n, ge), /*#__PURE__*/ z.createElement(r, { content: /*#__PURE__*/ z.createElement(t, e) }, (t) => /*#__PURE__*/ z.createElement(ve, {
 		props: e,
 		collection: t,
 		gridListRef: n
 	}));
 });
 function ve({ props: e, collection: t, gridListRef: n }) {
-	[e, n] = w(e, n, ie);
-	let { shouldUseVirtualFocus: r, filter: i, disallowTypeAhead: o, UNSTABLE_focusOnEntry: c, ...f } = e, { dragAndDropHooks: p, keyboardNavigationBehavior: m = "arrow", layout: h = "stack", orientation: v = "vertical" } = e, { CollectionRoot: y, isVirtualized: b, layoutDelegate: S, dropTargetDelegate: ne } = G(s), C = le(ue({
-		...f,
+	[e, n] = T(e, n, te);
+	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: x, layoutDelegate: C, dropTargetDelegate: w } = W(A), O = ue(de({
+		...d,
 		collection: t,
 		children: void 0,
-		layoutDelegate: S
-	}), i), D = ee({
+		layoutDelegate: C
+	}), i), k = g({
 		usage: "search",
 		sensitivity: "base"
-	}), { disabledBehavior: O, disabledKeys: ae } = C.selectionManager, { direction: M } = l(), se = de(() => new _({
-		collection: C.collection,
-		collator: D,
+	}), { disabledBehavior: ne, disabledKeys: re } = O.selectionManager, { direction: M } = s(), ce = fe(() => new h({
+		collection: O.collection,
+		collator: k,
 		ref: n,
-		disabledKeys: ae,
-		disabledBehavior: O,
-		layoutDelegate: S,
-		layout: h,
+		disabledKeys: re,
+		disabledBehavior: ne,
+		layoutDelegate: C,
+		layout: _,
 		orientation: v,
 		direction: M
 	}), [
-		C.collection,
+		O.collection,
 		n,
-		h,
+		_,
 		v,
-		ae,
-		O,
-		S,
-		D,
+		re,
+		ne,
+		C,
+		k,
 		M
-	]), { gridProps: ce } = te({
-		...f,
-		keyboardDelegate: se,
-		keyboardNavigationBehavior: h === "grid" ? "tab" : m,
-		isVirtualized: b,
+	]), { gridProps: le } = S({
+		...d,
+		keyboardDelegate: ce,
+		keyboardNavigationBehavior: _ === "grid" ? "tab" : p,
+		isVirtualized: x,
 		shouldSelectOnPressUp: e.shouldSelectOnPressUp,
 		disallowTypeAhead: o,
-		UNSTABLE_focusOnEntry: c
-	}, C, n), P = C.selectionManager, F = !!p?.useDraggableCollectionState, I = !!p?.useDroppableCollectionState, L = q(F), R = q(I);
-	K(() => {
-		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, V, H, U = !1, W = null, fe = q(null);
-	if (F && p) {
-		z = p.useDraggableCollectionState({
-			collection: C.collection,
-			selectionManager: P,
-			preview: p.renderDragPreview ? fe : void 0
-		}), p.useDraggableCollection({}, z, n);
-		let e = p.DragPreview;
-		W = p.renderDragPreview ? /*#__PURE__*/ B.createElement(e, { ref: fe }, p.renderDragPreview) : null;
+		UNSTABLE_focusOnEntry: u
+	}, O, n), N = O.selectionManager, P = !!f?.useDraggableCollectionState, F = !!f?.useDroppableCollectionState, I = K(P), L = K(F);
+	G(() => {
+		process.env.NODE_ENV !== "production" && (I.current !== P && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), L.current !== F && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."));
+	}, [P, F]);
+	let R, B, V, H = !1, U = null, pe = K(null);
+	if (P && f) {
+		R = f.useDraggableCollectionState({
+			collection: O.collection,
+			selectionManager: N,
+			preview: f.renderDragPreview ? pe : void 0
+		}), f.useDraggableCollection({}, R, n);
+		let e = f.DragPreview;
+		U = f.renderDragPreview ? /*#__PURE__*/ z.createElement(e, { ref: pe }, f.renderDragPreview) : null;
 	}
-	if (I && p) {
-		V = p.useDroppableCollectionState({
-			collection: C.collection,
-			selectionManager: P
+	if (F && f) {
+		B = f.useDroppableCollectionState({
+			collection: O.collection,
+			selectionManager: N
 		});
-		let e = p.dropTargetDelegate || ne || new p.ListDropTargetDelegate(t, n, {
-			layout: h,
+		let e = f.dropTargetDelegate || w || new f.ListDropTargetDelegate(t, n, {
+			layout: _,
 			direction: M,
 			orientation: v
 		});
-		H = p.useDroppableCollection({
-			keyboardDelegate: se,
+		V = f.useDroppableCollection({
+			keyboardDelegate: ce,
 			dropTargetDelegate: e
-		}, V, n), U = V.isDropTarget({ type: "root" });
+		}, B, n), H = B.isDropTarget({ type: "root" });
 	}
-	let { focusProps: J, isFocused: Y, isFocusVisible: pe } = x(), X = C.collection.size === 0, me = {
-		isDropTarget: U,
+	let { focusProps: q, isFocused: J, isFocusVisible: me } = b(), Y = O.collection.size === 0, X = {
+		isDropTarget: H,
 		orientation: v,
-		isEmpty: X,
-		isFocused: Y,
-		isFocusVisible: pe,
-		layout: h,
-		state: C
-	}, he = E({
+		isEmpty: Y,
+		isFocused: J,
+		isFocusVisible: me,
+		layout: _,
+		state: O
+	}, he = D({
 		...e,
 		children: void 0,
 		defaultClassName: "react-aria-GridList",
-		values: me
+		values: X
 	}), ge = null;
-	if (X && e.renderEmptyState) {
-		let t = e.renderEmptyState(me);
-		ge = /*#__PURE__*/ B.createElement("div", {
+	if (Y && e.renderEmptyState) {
+		let t = e.renderEmptyState(X);
+		ge = /*#__PURE__*/ z.createElement("div", {
 			role: "row",
 			"aria-rowindex": 1,
 			style: { display: "contents" }
-		}, /*#__PURE__*/ B.createElement("div", {
+		}, /*#__PURE__*/ z.createElement("div", {
 			role: "gridcell",
 			style: { display: "contents" }
 		}, t));
 	}
-	let _e = u(e, { global: !0 });
-	return /*#__PURE__*/ B.createElement(d, null, /*#__PURE__*/ B.createElement(T.div, {
-		...a(_e, he, ce, J, H?.collectionProps, null),
+	let _e = c(e, { global: !0 });
+	return /*#__PURE__*/ z.createElement(l, null, /*#__PURE__*/ z.createElement(E.div, {
+		...a(_e, he, le, q, V?.collectionProps, null),
 		ref: n,
 		slot: e.slot || void 0,
 		onScroll: e.onScroll,
-		"data-drop-target": U || void 0,
-		"data-empty": X || void 0,
-		"data-focused": Y || void 0,
-		"data-focus-visible": pe || void 0,
-		"data-layout": h,
+		"data-drop-target": H || void 0,
+		"data-empty": Y || void 0,
+		"data-focused": J || void 0,
+		"data-focus-visible": me || void 0,
+		"data-layout": _,
 		"data-orientation": v
-	}, /*#__PURE__*/ B.createElement(re, { values: [
-		[g, C],
+	}, /*#__PURE__*/ z.createElement(ee, { values: [
+		[m, O],
 		[j, {
-			dragAndDropHooks: p,
-			dragState: z,
-			dropState: V
+			dragAndDropHooks: f,
+			dragState: R,
+			dropState: B
 		}],
-		[oe, { render: be }]
-	] }, I && /*#__PURE__*/ B.createElement(Ce, null), /*#__PURE__*/ B.createElement(N, null, /*#__PURE__*/ B.createElement(y, {
-		collection: C.collection,
+		[ie, { render: be }]
+	] }, F && /*#__PURE__*/ z.createElement(Ce, null), /*#__PURE__*/ z.createElement(se, null, /*#__PURE__*/ z.createElement(y, {
+		collection: O.collection,
 		scrollRef: n,
-		persistedKeys: k(P, p, V),
-		renderDropIndicator: A(p, V)
-	}))), ge, W));
+		persistedKeys: ae(N, f, B),
+		renderDropIndicator: oe(f, B)
+	}))), ge, U));
 }
 var ye = /*#__PURE__*/ i(e, function(e, t, n) {
-	let r = G(g), { dragAndDropHooks: i, dragState: l, dropState: d } = G(j), m = o(t), { isVirtualized: _ } = G(s), ee = l && !(l.isDisabled || l.selectionManager.isDisabled(n.key)), { rowProps: v, gridCellProps: b, descriptionProps: te, ...w } = ne({
+	let r = W(m), { dragAndDropHooks: i, dragState: s, dropState: l } = W(j), f = o(t), { isVirtualized: h } = W(A), g = s && !(s.isDisabled || s.selectionManager.isDisabled(n.key)), { rowProps: _, gridCellProps: y, descriptionProps: S, ...T } = C({
 		node: n,
-		shouldSelectOnPressUp: !!l,
-		isVirtualized: _
-	}, r, m), { hoverProps: oe, isHovered: k } = S({
-		isDisabled: !w.allowsSelection && !w.hasAction && !ee,
+		shouldSelectOnPressUp: !!s,
+		isVirtualized: h
+	}, r, f), { hoverProps: ie, isHovered: ae } = x({
+		isDisabled: !T.allowsSelection && !T.hasAction && !g,
 		onHoverStart: n.props.onHoverStart,
 		onHoverChange: n.props.onHoverChange,
 		onHoverEnd: n.props.onHoverEnd
-	}), { isFocusVisible: A, focusProps: M } = x(), { isFocusVisible: N, focusProps: ce } = x({ within: !0 }), { checkboxProps: le } = y({ key: n.key }, r), ue = r.selectionManager.disabledBehavior === "all" && w.isDisabled ? { isDisabled: !0 } : {}, P = null;
-	l && i && (P = i.useDraggableItem({
+	}), { isFocusVisible: oe, focusProps: M } = b(), { isFocusVisible: se, focusProps: le } = b({ within: !0 }), { checkboxProps: ue } = v({ key: n.key }, r), de = r.selectionManager.disabledBehavior === "all" && T.isDisabled ? { isDisabled: !0 } : {}, N = null;
+	s && i && (N = i.useDraggableItem({
 		key: n.key,
 		hasDragButton: !0
-	}, l));
-	let F = null, I = q(null), { visuallyHiddenProps: L } = h();
-	d && i && (F = i.useDropIndicator({ target: {
+	}, s));
+	let P = null, F = K(null), { visuallyHiddenProps: I } = p();
+	l && i && (P = i.useDropIndicator({ target: {
 		type: "item",
 		key: n.key,
 		dropPosition: "on"
-	} }, d, I));
-	let R = l && l.isDragging(n.key), z = E({
+	} }, l, F));
+	let L = s && s.isDragging(n.key), R = D({
 		...e,
 		id: void 0,
 		children: n.rendered,
 		defaultClassName: "react-aria-GridListItem",
 		values: {
-			...w,
-			isHovered: k,
-			isFocusVisible: A,
-			isFocusVisibleWithin: N,
+			...T,
+			isHovered: ae,
+			isFocusVisible: oe,
+			isFocusVisibleWithin: se,
 			selectionMode: r.selectionManager.selectionMode,
 			selectionBehavior: r.selectionManager.selectionBehavior,
-			allowsDragging: !!l,
-			isDragging: R,
-			isDropTarget: F?.isDropTarget,
+			allowsDragging: !!s,
+			isDragging: L,
+			isDropTarget: P?.isDropTarget,
 			id: n.key,
 			state: r
 		}
-	}), V = q(null);
-	K(() => {
-		l && !V.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.");
-	}, []), K(() => {
+	}), B = K(null);
+	G(() => {
+		s && !B.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.");
+	}, []), G(() => {
 		!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 H = u(e, { global: !0 });
-	return delete H.id, delete H.onClick, /*#__PURE__*/ B.createElement(B.Fragment, null, F && !F.isHidden && /*#__PURE__*/ B.createElement("div", {
+	let V = c(e, { global: !0 });
+	return delete V.id, delete V.onClick, /*#__PURE__*/ z.createElement(z.Fragment, null, P && !P.isHidden && /*#__PURE__*/ z.createElement("div", {
 		role: "row",
 		style: { position: "absolute" }
-	}, /*#__PURE__*/ B.createElement("div", { role: "gridcell" }, /*#__PURE__*/ B.createElement("div", {
+	}, /*#__PURE__*/ z.createElement("div", { role: "gridcell" }, /*#__PURE__*/ z.createElement("div", {
 		role: "button",
-		...L,
-		...F?.dropIndicatorProps,
-		ref: I
-	}))), /*#__PURE__*/ B.createElement(T.div, {
-		...a(H, z, v, M, ce, oe, P?.dragProps),
-		ref: m,
-		"data-selected": w.isSelected || void 0,
-		"data-disabled": w.isDisabled || void 0,
-		"data-hovered": k || void 0,
-		"data-focused": w.isFocused || void 0,
-		"data-focus-visible": A || void 0,
-		"data-focus-visible-within": N || void 0,
-		"data-pressed": w.isPressed || void 0,
-		"data-allows-dragging": !!l || void 0,
-		"data-dragging": R || void 0,
-		"data-drop-target": F?.isDropTarget || void 0,
+		...I,
+		...P?.dropIndicatorProps,
+		ref: F
+	}))), /*#__PURE__*/ z.createElement(E.div, {
+		...a(V, R, _, M, le, ie, N?.dragProps),
+		ref: f,
+		"data-selected": T.isSelected || void 0,
+		"data-disabled": T.isDisabled || void 0,
+		"data-hovered": ae || void 0,
+		"data-focused": T.isFocused || void 0,
+		"data-focus-visible": oe || void 0,
+		"data-focus-visible-within": se || void 0,
+		"data-pressed": T.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__*/ B.createElement("div", {
-		...b,
+	}, /*#__PURE__*/ z.createElement("div", {
+		...y,
 		style: { display: "contents" }
-	}, /*#__PURE__*/ B.createElement(re, { values: [
-		[f, { slots: {
-			[C]: {},
-			selection: le
+	}, /*#__PURE__*/ z.createElement(ee, { values: [
+		[u, { slots: {
+			[w]: {},
+			selection: ue
 		} }],
-		[p, { slots: {
-			[C]: {},
-			selection: le
+		[d, { slots: {
+			[w]: {},
+			selection: ue
 		} }],
-		[O, { slots: {
-			[C]: ue,
+		[ne, { slots: {
+			[w]: de,
 			drag: {
-				...P?.dragButtonProps,
-				ref: V,
+				...N?.dragButtonProps,
+				ref: B,
 				style: { pointerEvents: "none" }
 			}
 		} }],
-		[ae, { slots: {
-			[C]: {},
-			description: te
+		[re, { slots: {
+			[w]: {},
+			description: S
 		} }],
-		[s, c],
-		[g, null],
-		[ie, null],
-		[D, null],
-		[se, { isSelected: w.isSelected }]
-	] }, z.children))));
+		[A, k],
+		[m, null],
+		[te, null],
+		[O, null],
+		[ce, { isSelected: T.isSelected }]
+	] }, R.children))));
 });
 function be(e, t) {
 	t = o(t);
-	let { dragAndDropHooks: n, dropState: r } = G(j), i = q(null), { dropIndicatorProps: a, isHidden: s, isDropTarget: c } = n.useDropIndicator(e, r, i);
-	return s ? null : /*#__PURE__*/ B.createElement(Se, {
+	let { dragAndDropHooks: n, dropState: r } = W(j), i = K(null), { dropIndicatorProps: a, isHidden: s, isDropTarget: c } = n.useDropIndicator(e, r, i);
+	return s ? null : /*#__PURE__*/ z.createElement(Se, {
 		...e,
 		dropIndicatorProps: a,
 		isDropTarget: c,
@@ -271,31 +271,31 @@ function be(e, t) {
 	});
 }
 function xe(e, t) {
-	let { dropIndicatorProps: n, isDropTarget: r, buttonRef: i, ...a } = e, { visuallyHiddenProps: o } = h(), s = E({
+	let { dropIndicatorProps: n, isDropTarget: r, buttonRef: i, ...a } = e, { visuallyHiddenProps: o } = p(), s = D({
 		...a,
 		defaultClassName: "react-aria-DropIndicator",
 		values: { isDropTarget: r }
 	});
-	return /*#__PURE__*/ B.createElement(T.div, {
+	return /*#__PURE__*/ z.createElement(E.div, {
 		...s,
 		role: "row",
 		ref: t,
 		"data-drop-target": r || void 0
-	}, /*#__PURE__*/ B.createElement("div", { role: "gridcell" }, /*#__PURE__*/ B.createElement("div", {
+	}, /*#__PURE__*/ z.createElement("div", { role: "gridcell" }, /*#__PURE__*/ z.createElement("div", {
 		...o,
 		role: "button",
 		...n,
 		ref: i
 	}), s.children));
 }
-var Se = /*#__PURE__*/ U(xe);
+var Se = /*#__PURE__*/ H(xe);
 function Ce() {
-	let { dragAndDropHooks: e, dropState: t } = G(j), n = q(null), { dropIndicatorProps: r } = e.useDropIndicator({ target: { type: "root" } }, t, n), i = t.isDropTarget({ type: "root" }), { visuallyHiddenProps: a } = h();
-	return !i && r["aria-hidden"] ? null : /*#__PURE__*/ B.createElement("div", {
+	let { dragAndDropHooks: e, dropState: t } = W(j), n = K(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__*/ z.createElement("div", {
 		role: "row",
 		"aria-hidden": r["aria-hidden"],
 		style: { position: "absolute" }
-	}, /*#__PURE__*/ B.createElement("div", { role: "gridcell" }, /*#__PURE__*/ B.createElement("div", {
+	}, /*#__PURE__*/ z.createElement("div", { role: "gridcell" }, /*#__PURE__*/ z.createElement("div", {
 		role: "button",
 		...a,
 		...r,
@@ -303,54 +303,54 @@ function Ce() {
 	})));
 }
 i(n, function(e, t, n) {
-	let r = G(g), { isVirtualized: i } = G(s), { isLoading: a, onLoadMore: o, scrollOffset: c, ...l } = e, d = q(null);
-	M(de(() => ({
+	let r = W(m), { isVirtualized: i } = W(A), { isLoading: a, onLoadMore: o, scrollOffset: s, ...l } = e, u = K(null);
+	M(fe(() => ({
 		onLoadMore: o,
 		collection: r?.collection,
-		sentinelRef: d,
-		scrollOffset: c
+		sentinelRef: u,
+		scrollOffset: s
 	}), [
 		o,
-		c,
+		s,
 		r?.collection
-	]), d);
-	let f = E({
+	]), u);
+	let d = D({
 		...l,
 		id: void 0,
 		children: n.rendered,
 		defaultClassName: "react-aria-GridListLoadingIndicator",
 		values: void 0
 	});
-	return /*#__PURE__*/ B.createElement(B.Fragment, null, /*#__PURE__*/ B.createElement("div", {
+	return /*#__PURE__*/ z.createElement(z.Fragment, null, /*#__PURE__*/ z.createElement("div", {
 		style: {
 			position: "relative",
 			width: 0,
 			height: 0
 		},
-		inert: ce(!0)
-	}, /*#__PURE__*/ B.createElement("div", {
+		inert: le(!0)
+	}, /*#__PURE__*/ z.createElement("div", {
 		"data-testid": "loadMoreSentinel",
-		ref: d,
+		ref: u,
 		style: {
 			position: "absolute",
 			height: 1,
 			width: 1
 		}
-	})), a && f.children && /*#__PURE__*/ B.createElement(T.div, {
-		...f,
-		...u(e, { global: !0 }),
+	})), a && d.children && /*#__PURE__*/ z.createElement(E.div, {
+		...d,
+		...c(e, { global: !0 }),
 		role: "row",
 		ref: t
-	}, /*#__PURE__*/ B.createElement("div", {
+	}, /*#__PURE__*/ z.createElement("div", {
 		"aria-colindex": i ? 1 : void 0,
 		role: "gridcell"
-	}, f.children)));
+	}, d.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 (v(n) && n.types.has(t)) try {
+	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);
@@ -367,7 +367,7 @@ 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 } = b({
+	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),
@@ -500,57 +500,57 @@ function Z(e, t) {
 //#endregion
 //#region src/components/draggable-list/draggable-list.messages.ts
 var Me = {
-	en: L({
+	en: I({
 		emptyMessage: "drop items here",
 		removeButtonLabel: "remove item"
 	}),
-	de: L({
+	de: I({
 		emptyMessage: "Artikel hier ablegen",
 		removeButtonLabel: "Artikel entfernen"
 	}),
-	es: L({
+	es: I({
 		emptyMessage: "Soltar artículos aquí",
 		removeButtonLabel: "Eliminar artículo"
 	}),
-	"fr-FR": L({
+	"fr-FR": I({
 		emptyMessage: "Déposer les articles ici",
 		removeButtonLabel: "Supprimer l'article"
 	}),
-	"pt-BR": L({
+	"pt-BR": I({
 		emptyMessage: "arrastar itens aqui",
 		removeButtonLabel: "remover item"
 	})
-}, { withProvider: Ne, withContext: Pe } = me({ 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 = I(Me), o = typeof e == "string" ? e : void 0, [s, c] = z(i);
-	return /* @__PURE__ */ J(Ie, {
+}, { 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 = F(Me), o = typeof e == "string" ? e : void 0, [s, c] = R(i);
+	return /* @__PURE__ */ q(Ie, {
 		...s,
 		asChild: !0,
-		children: /* @__PURE__ */ J(ye, {
+		children: /* @__PURE__ */ q(ye, {
 			id: t,
 			textValue: r ?? o,
 			...c,
-			children: ({ allowsDragging: r, selectionBehavior: i, selectionMode: o }) => /* @__PURE__ */ Y(fe, { children: [
-				r && /* @__PURE__ */ J(F, {
+			children: ({ allowsDragging: r, selectionBehavior: i, selectionMode: o }) => /* @__PURE__ */ J(pe, { children: [
+				r && /* @__PURE__ */ q(P, {
 					slot: "drag",
 					size: "2xs",
 					variant: "ghost",
 					flex: "0 0 auto",
 					colorPalette: "neutral",
-					children: /* @__PURE__ */ J(X, {})
+					children: /* @__PURE__ */ q(Y, {})
 				}),
-				o === "multiple" && i === "toggle" && /* @__PURE__ */ J(m, {
+				o === "multiple" && i === "toggle" && /* @__PURE__ */ q(f, {
 					flex: "0 0 auto",
 					slot: "selection"
 				}),
-				/* @__PURE__ */ J(Le, { children: e }),
-				n && /* @__PURE__ */ J(F, {
+				/* @__PURE__ */ q(Le, { children: e }),
+				n && /* @__PURE__ */ q(P, {
 					"aria-label": a.format("removeButtonLabel"),
 					size: "2xs",
 					variant: "ghost",
 					onPress: t ? () => n(t) : void 0,
 					flex: "0 0 auto",
 					colorPalette: "neutral",
-					children: /* @__PURE__ */ J(pe, {})
+					children: /* @__PURE__ */ q(me, {})
 				})
 			] })
 		})
@@ -560,11 +560,11 @@ 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 = I(Me), m = o ?? p.format("emptyMessage"), h = P({
+	let p = F(Me), m = o ?? p.format("emptyMessage"), h = N({
 		initialItems: n,
 		getKey: r
-	}), g = q(!1), _ = q(n ?? []);
-	K(() => {
+	}), g = K(!1), _ = K(n ?? []);
+	G(() => {
 		if (n !== _.current && !Z(n, _.current) && !Z(n, h.items)) {
 			g.current = !0;
 			let e = h.items.map((e) => r(e));
@@ -580,10 +580,10 @@ var ze = "nimbus-draggable-list-item", Be = (e) => e.key ?? e.id, $ = ({ childre
 				t = !0;
 			};
 		}
-	}, [n]), K(() => {
+	}, [n]), G(() => {
 		g.current || (_.current = h.items, i?.(h.items));
 	}, [h.items, i]);
-	let { dragAndDropHooks: ee } = De({
+	let { dragAndDropHooks: v } = De({
 		dataFormatBase: ze,
 		dragNamespace: s,
 		onExternalDrop: c,
@@ -591,29 +591,29 @@ var ze = "nimbus-draggable-list-item", Be = (e) => e.key ?? e.id, $ = ({ childre
 		externalDropOperation: u,
 		serializeDragItem: d,
 		...Oe(h)
-	}), v = W((e) => {
+	}), y = U((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 [y] = he({ key: "nimbusDraggableList" }).splitVariantProps(f), [b, x] = z(f);
-	return /* @__PURE__ */ J(Fe, {
+	let [b] = he({ key: "nimbusDraggableList" }).splitVariantProps(f), [x, S] = R(f);
+	return /* @__PURE__ */ q(Fe, {
+		...x,
 		...b,
-		...y,
 		asChild: !0,
-		children: /* @__PURE__ */ J(_e, {
+		children: /* @__PURE__ */ q(_e, {
 			ref: t,
-			...x,
-			renderEmptyState: () => /* @__PURE__ */ J(Re, { children: m }),
-			dragAndDropHooks: ee,
+			...S,
+			renderEmptyState: () => /* @__PURE__ */ q(Re, { children: m }),
+			dragAndDropHooks: v,
 			items: h.items,
-			dependencies: [v],
+			dependencies: [y],
 			children: (t) => e ? typeof e == "function" ? e({
 				...t,
-				onRemoveItem: a ? v : void 0
-			}) : e : /* @__PURE__ */ H(Q, {
+				onRemoveItem: a ? y : void 0
+			}) : e : /* @__PURE__ */ V(Q, {
 				...t,
 				key: t.key,
-				onRemoveItem: a ? v : void 0
+				onRemoveItem: a ? y : void 0
 			}, t.label)
 		})
 	});
@@ -621,22 +621,22 @@ var ze = "nimbus-draggable-list-item", Be = (e) => e.key ?? e.id, $ = ({ childre
 $.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__ */ Y(R.Root, {
+var Ve = ({ label: e, description: t, error: n, infoBox: r, isRequired: i, isInvalid: a, isDisabled: o, isReadOnly: s, id: c, items: l, ...u }) => /* @__PURE__ */ J(L.Root, {
 	id: c,
 	isRequired: i,
 	isInvalid: a,
 	isDisabled: o,
 	isReadOnly: s,
 	children: [
-		/* @__PURE__ */ J(R.Label, { children: e }),
-		/* @__PURE__ */ J(R.Input, { children: /* @__PURE__ */ J($, {
+		/* @__PURE__ */ q(L.Label, { children: e }),
+		/* @__PURE__ */ q(L.Input, { children: /* @__PURE__ */ q($, {
 			disabledKeys: o ? l?.map((e) => e.key) : void 0,
 			items: l,
 			...u
 		}) }),
-		t && /* @__PURE__ */ J(R.Description, { children: t }),
-		n && /* @__PURE__ */ J(R.Error, { children: n }),
-		r && /* @__PURE__ */ J(R.InfoBox, { children: r })
+		t && /* @__PURE__ */ q(L.Description, { children: t }),
+		n && /* @__PURE__ */ q(L.Error, { children: n }),
+		r && /* @__PURE__ */ q(L.InfoBox, { children: r })
 	]
 });
 Ve.displayName = "DraggableList.Field";
@@ -650,4 +650,4 @@ var He = {
 //#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-C5aulsay.esm.js.map
+//# sourceMappingURL=draggable-list-DKGfS4ob.esm.js.map