intergalactic 15.128.0-prerelease.0 → 15.128.0-prerelease.2

package/drag-and-drop/lib/esm/DragAndDrop.mjs

@@ -4,11 +4,11 @@ import W from "@babel/runtime/helpers/esm/classCallCheck";
 import L from "@babel/runtime/helpers/esm/createClass";
 import p from "@babel/runtime/helpers/esm/assertThisInitialized";
 import U from "@babel/runtime/helpers/esm/inherits";
-import J from "@babel/runtime/helpers/esm/createSuper";
+import q from "@babel/runtime/helpers/esm/createSuper";
 import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as X } from 'intergalactic/utils/lib/core/index';
-import Y, { sstyled as F, assignProps as Z, Component as j } from 'intergalactic/core';
-import q from "react";
+import { sstyled as J } from 'intergalactic/utils/lib/core/index';
+import X, { sstyled as F, assignProps as Z, Component as Y } from 'intergalactic/core';
+import I from "react";
 import { Box as O, ScreenReaderOnly as G } from 'intergalactic/flex-box';
 import { localizedMessages as R } from "./translations/__intergalactic-dynamic-locales.mjs";
 import Q from 'intergalactic/utils/lib/enhances/i18nEnhance';
@@ -16,43 +16,43 @@ import V from 'intergalactic/utils/lib/use/useEnhancedEffect';
 import $ from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import ee from 'intergalactic/utils/lib/uniqueID';
 import te from 'intergalactic/utils/lib/canUseDOM';
-var ne = (
+var ae = (
   /*__reshadow_css_start__*/
-  (X.insert(
+  (J.insert(
     /*__inner_css_start__*/
-    '.___SDraggable_1qul7_gg_.__draggable_1qul7_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1qul7_gg_.__draggable_1qul7_gg_::before{content:"";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1qul7_gg_.__draggable_1qul7_gg_:hover::before{display:block}}.___SDraggable_1qul7_gg_.__draggable_1qul7_gg_.__hideHoverEffect_1qul7_gg_:not(._role_menuitemcheckbox_1qul7_gg_)::before{display:none}.___SDraggable_1qul7_gg_._placement_right_1qul7_gg_::before{right:0}.___SDraggable_1qul7_gg_._placement_bottom_1qul7_gg_::before{bottom:0}.___SDraggable_1qul7_gg_._placement_left_1qul7_gg_::before{left:0}.___SDraggable_1qul7_gg_._placement_top_1qul7_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1qul7_gg_._placement_bottom_1qul7_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1qul7_gg_._placement_left_1qul7_gg_::before,.___SDraggable_1qul7_gg_._placement_right_1qul7_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1qul7_gg_{position:relative}.___SDraggable_1qul7_gg_.__dropPreview_1qul7_gg_,.___SDropZone_1qul7_gg_.__dropPreview_1qul7_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1qul7_gg_.__dark_1qul7_gg_.__dropPreview_1qul7_gg_,.___SDropZone_1qul7_gg_.__dark_1qul7_gg_.__dropPreview_1qul7_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1qul7_gg_:focus{outline:0}.___SDraggable_1qul7_gg_.__keyboardFocused_1qul7_gg_:focus{box-shadow:none}.___SDraggable_1qul7_gg_.__keyboardFocused_1qul7_gg_:focus:after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_1qul7_gg_.__keyboardDragging_1qul7_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_1qul7_gg_.__keyboardDragging_1qul7_gg_.__hideHoverEffect_1qul7_gg_::before,.___SDraggable_1qul7_gg_.__keyboardDragging_1qul7_gg_::before{display:block}.___SDraggable_1qul7_gg_.__keyboardDragging_1qul7_gg_.__reversedScaling_1qul7_gg_{scale:.95}.___SDraggable_1qul7_gg_.__animatedScaling_1qul7_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1qul7_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1qul7_gg_{transition:none}}',
-    "1qul7_gg_"
+    '.___SDraggable_1ajtv_gg_.__draggable_1ajtv_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1ajtv_gg_.__draggable_1ajtv_gg_::before{content:"";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1ajtv_gg_.__draggable_1ajtv_gg_:hover::before{display:block}}.___SDraggable_1ajtv_gg_.__draggable_1ajtv_gg_.__hideHoverEffect_1ajtv_gg_:not(._role_menuitemcheckbox_1ajtv_gg_)::before{display:none}.___SDraggable_1ajtv_gg_._placement_right_1ajtv_gg_::before{right:0}.___SDraggable_1ajtv_gg_._placement_bottom_1ajtv_gg_::before{bottom:0}.___SDraggable_1ajtv_gg_._placement_left_1ajtv_gg_::before{left:0}.___SDraggable_1ajtv_gg_._placement_top_1ajtv_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1ajtv_gg_._placement_bottom_1ajtv_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1ajtv_gg_._placement_left_1ajtv_gg_::before,.___SDraggable_1ajtv_gg_._placement_right_1ajtv_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1ajtv_gg_{position:relative}.___SDraggable_1ajtv_gg_.__dropPreview_1ajtv_gg_,.___SDropZone_1ajtv_gg_.__dropPreview_1ajtv_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1ajtv_gg_.__dark_1ajtv_gg_.__dropPreview_1ajtv_gg_,.___SDropZone_1ajtv_gg_.__dark_1ajtv_gg_.__dropPreview_1ajtv_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1ajtv_gg_:focus{outline:0}.___SDraggable_1ajtv_gg_.__keyboardFocused_1ajtv_gg_:focus{box-shadow:none}.___SDraggable_1ajtv_gg_.__keyboardFocused_1ajtv_gg_:focus:after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_1ajtv_gg_.__keyboardDragging_1ajtv_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_1ajtv_gg_.__keyboardDragging_1ajtv_gg_.__hideHoverEffect_1ajtv_gg_::before,.___SDraggable_1ajtv_gg_.__keyboardDragging_1ajtv_gg_::before{display:block}.___SDraggable_1ajtv_gg_.__keyboardDragging_1ajtv_gg_.__reversedScaling_1ajtv_gg_{scale:.95}.___SDraggable_1ajtv_gg_.__animatedScaling_1ajtv_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1ajtv_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1ajtv_gg_{transition:none}}',
+    "1ajtv_gg_"
   ), {
-    __SDraggable: "___SDraggable_1qul7_gg_",
-    _placement_top: "_placement_top_1qul7_gg_",
-    _placement_right: "_placement_right_1qul7_gg_",
-    _placement_left: "_placement_left_1qul7_gg_",
-    _placement_bottom: "_placement_bottom_1qul7_gg_",
-    __SDropZone: "___SDropZone_1qul7_gg_",
-    _dropPreview: "__dropPreview_1qul7_gg_",
-    _dark: "__dark_1qul7_gg_",
-    _keyboardFocused: "__keyboardFocused_1qul7_gg_",
-    _keyboardDragging: "__keyboardDragging_1qul7_gg_",
-    _reversedScaling: "__reversedScaling_1qul7_gg_",
-    _animatedScaling: "__animatedScaling_1qul7_gg_",
-    __SA11yHint: "___SA11yHint_1qul7_gg_",
-    _draggable: "__draggable_1qul7_gg_",
-    _hideHoverEffect: "__hideHoverEffect_1qul7_gg_",
-    _role_menuitemcheckbox: "_role_menuitemcheckbox_1qul7_gg_"
+    __SDraggable: "___SDraggable_1ajtv_gg_",
+    _placement_top: "_placement_top_1ajtv_gg_",
+    _placement_right: "_placement_right_1ajtv_gg_",
+    _placement_left: "_placement_left_1ajtv_gg_",
+    _placement_bottom: "_placement_bottom_1ajtv_gg_",
+    __SDropZone: "___SDropZone_1ajtv_gg_",
+    _dropPreview: "__dropPreview_1ajtv_gg_",
+    _dark: "__dark_1ajtv_gg_",
+    _keyboardFocused: "__keyboardFocused_1ajtv_gg_",
+    _keyboardDragging: "__keyboardDragging_1ajtv_gg_",
+    _reversedScaling: "__reversedScaling_1ajtv_gg_",
+    _animatedScaling: "__animatedScaling_1ajtv_gg_",
+    __SA11yHint: "___SA11yHint_1ajtv_gg_",
+    _draggable: "__draggable_1ajtv_gg_",
+    _hideHoverEffect: "__hideHoverEffect_1ajtv_gg_",
+    _role_menuitemcheckbox: "_role_menuitemcheckbox_1ajtv_gg_"
   })
 ), T = function() {
-}, K = /* @__PURE__ */ q.createContext({
+}, K = /* @__PURE__ */ I.createContext({
   attach: T,
   detach: T
 }), P = /* @__PURE__ */ function(H) {
   U(b, H);
-  var c = J(b);
+  var v = q(b);
   function b() {
     var e;
     W(this, b);
-    for (var h = arguments.length, u = new Array(h), D = 0; D < h; D++)
-      u[D] = arguments[D];
-    return e = c.call.apply(c, [this].concat(u)), s(p(e), "state", {
+    for (var h = arguments.length, _ = new Array(h), D = 0; D < h; D++)
+      _[D] = arguments[D];
+    return e = v.call.apply(v, [this].concat(_)), s(p(e), "state", {
       items: [],
       dragging: null,
       dragOver: null,
@@ -62,25 +62,25 @@ var ne = (
       keyboardDraggingIndex: null,
       animatedScaling: null,
       reversedScaling: !1
-    }), s(p(e), "containerRef", /* @__PURE__ */ q.createRef()), s(p(e), "clearA11yHintTimeout", 0), s(p(e), "handleItemDragStart", function(t) {
-      var r = e.state.items, n = r[t];
-      if (n) {
-        var a = n.node.getAttribute("aria-label") || n.node.textContent || "".concat(t + 1), i = n.zoneName, g = i ? r.filter(function(l) {
+    }), s(p(e), "containerRef", /* @__PURE__ */ I.createRef()), s(p(e), "clearA11yHintTimeout", 0), s(p(e), "handleItemDragStart", function(t) {
+      var n = e.state.items, a = n[t];
+      if (a) {
+        var r = a.node.getAttribute("aria-label") || a.node.textContent || "".concat(t + 1), i = a.zoneName, g = i ? n.filter(function(l) {
           return (l == null ? void 0 : l.zoneName) === i;
-        }) : r, o = g.length, _ = g.findIndex(function(l) {
-          return (l == null ? void 0 : l.node) === n.node || (l == null ? void 0 : l.id) && (l == null ? void 0 : l.id) === n.id;
+        }) : n, o = g.length, u = g.findIndex(function(l) {
+          return (l == null ? void 0 : l.node) === a.node || (l == null ? void 0 : l.id) && (l == null ? void 0 : l.id) === a.id;
         });
         e.setA11yHint(i ? "grabbedWithZone" : "grabbed", {
-          itemText: a,
-          itemPosition: _ + 1,
+          itemText: r,
+          itemPosition: u + 1,
           itemsCount: o,
           zoneName: i || ""
         }), e.setState(function(l) {
           return {
             dragging: {
               index: t,
-              initialItemsRects: l.items.map(function(f) {
-                return f == null ? void 0 : f.node.getBoundingClientRect();
+              initialItemsRects: l.items.map(function(c) {
+                return c == null ? void 0 : c.node.getBoundingClientRect();
               })
             }
           };
@@ -95,22 +95,22 @@ var ne = (
       });
     }), s(p(e), "handleItemDragOver", function(t) {
       t.preventDefault();
-      var r = e.state, n = r.items, a = r.dragging, i = r.dragOver;
-      if (a) {
-        var g = a.initialItemsRects.findIndex(function(d) {
+      var n = e.state, a = n.items, r = n.dragging, i = n.dragOver;
+      if (r) {
+        var g = r.initialItemsRects.findIndex(function(d) {
           return d && t.clientX > d.x && t.clientX < d.x + d.width && t.clientY > d.y && t.clientY < d.y + d.height;
-        }), o = n[g], _ = n[a.index];
-        if (!(!o || !_ || g === i)) {
-          var l = o.isDropZone ? _.node : o.node, f = l.getAttribute("aria-label") || l.textContent || "".concat(g + 1), m = o.zoneName, v = m ? n.filter(function(d) {
-            return (d == null ? void 0 : d.zoneName) === m;
-          }) : n, y = v.length, k = v.findIndex(function(d) {
+        }), o = a[g], u = a[r.index];
+        if (!(!o || !u || g === i)) {
+          var l = o.isDropZone ? u.node : o.node, c = l.getAttribute("aria-label") || l.textContent || "".concat(g + 1), f = o.zoneName, m = f ? a.filter(function(d) {
+            return (d == null ? void 0 : d.zoneName) === f;
+          }) : a, y = m.length, k = m.findIndex(function(d) {
             return (d == null ? void 0 : d.node) === o.node || (d == null ? void 0 : d.id) && (d == null ? void 0 : d.id) === o.id;
-          }), S = m ? o.isDropZone ? "grabbingJustWithZone" : "grabbingFullWithZone" : "grabbing";
+          }), S = f ? o.isDropZone ? "grabbingJustWithZone" : "grabbingFullWithZone" : "grabbing";
           e.setA11yHint(S, {
-            itemText: f,
+            itemText: c,
             itemPosition: k + 1,
             itemsCount: y,
-            zoneName: m || ""
+            zoneName: f || ""
           }), e.setState({
             dragOver: g
           }, e.swapElements);
@@ -119,41 +119,41 @@ var ne = (
     }), s(p(e), "handleItemDrop", function() {
       var t = e.asProps.onDnD;
       if (t) {
-        var r = e.state, n = r.items, a = r.dragging, i = r.dragOver;
-        if (a) {
-          var g = i !== null ? n[i] : n[a.index], o = n[a.index];
+        var n = e.state, a = n.items, r = n.dragging, i = n.dragOver;
+        if (r) {
+          var g = i !== null ? a[i] : a[r.index], o = a[r.index];
           if (!(!g || !o)) {
-            var _ = g.isDropZone ? o.node : g.node, l = _.getAttribute("aria-label") || _.textContent || "".concat((i ?? a.index) + 1), f = g.zoneName, m = f ? n.filter(function(x) {
-              return (x == null ? void 0 : x.zoneName) === f;
-            }) : n, v = m.length, y = m.findIndex(function(x) {
+            var u = g.isDropZone ? o.node : g.node, l = u.getAttribute("aria-label") || u.textContent || "".concat((i ?? r.index) + 1), c = g.zoneName, f = c ? a.filter(function(x) {
+              return (x == null ? void 0 : x.zoneName) === c;
+            }) : a, m = f.length, y = f.findIndex(function(x) {
               return (x == null ? void 0 : x.node) === g.node || (x == null ? void 0 : x.id) && (x == null ? void 0 : x.id) === g.id;
-            }), k = f ? g.isDropZone ? "droppedJustWithZone" : "droppedFullWithZone" : "dropped";
+            }), k = c ? g.isDropZone ? "droppedJustWithZone" : "droppedFullWithZone" : "dropped";
             if (e.setA11yHint(k, {
               itemText: l,
               itemPosition: y + 1,
-              itemsCount: v,
-              zoneName: f || ""
+              itemsCount: m,
+              zoneName: c || ""
             }), e.setState({
               dragging: null,
               dragOver: null,
               keyboardDraggingIndex: null,
               hideHoverEffect: !0,
               reversedScaling: !1
-            }), a && n[a.index]) {
-              var S = n[a.index];
+            }), r && a[r.index]) {
+              var S = a[r.index];
               S && t({
                 fromId: S.id,
-                fromIndex: a.index,
+                fromIndex: r.index,
                 toId: g.id,
-                toIndex: i ?? a.index
+                toIndex: i ?? r.index
               });
             }
             if (g.draggingAllowed) {
-              var I, A, C;
-              (I = (A = e.asProps).onSwapDraggable) === null || I === void 0 || I.call(A, (C = n[a.index]) === null || C === void 0 ? void 0 : C.children, g.children);
+              var j, A, C;
+              (j = (A = e.asProps).onSwapDraggable) === null || j === void 0 || j.call(A, (C = a[r.index]) === null || C === void 0 ? void 0 : C.children, g.children);
             } else {
               var d, w, E;
-              (d = (w = e.asProps).onInsertDroppable) === null || d === void 0 || d.call(w, (E = n[a.index]) === null || E === void 0 ? void 0 : E.children, g.children);
+              (d = (w = e.asProps).onInsertDroppable) === null || d === void 0 || d.call(w, (E = a[r.index]) === null || E === void 0 ? void 0 : E.children, g.children);
             }
           }
         }
@@ -165,54 +165,54 @@ var ne = (
         hideHoverEffect: !1
       });
     }), s(p(e), "updateItemScaling", function() {
-      var t, r = (t = e.state.items[0]) === null || t === void 0 ? void 0 : t.node;
-      if (r && !e.state.reversedScaling) {
-        for (var n = r.getBoundingClientRect(), a = !1, i = r.parentElement; i && i !== document.body; ) {
+      var t, n = (t = e.state.items[0]) === null || t === void 0 ? void 0 : t.node;
+      if (n && !e.state.reversedScaling) {
+        for (var a = n.getBoundingClientRect(), r = !1, i = n.parentElement; i && i !== document.body; ) {
           var g = getComputedStyle(i), o = i.getBoundingClientRect();
           if (g.overflow !== "visible") {
-            if (o.left >= n.left || o.right <= n.right || o.top >= n.top || o.bottom <= n.bottom) {
-              a = !0;
+            if (o.left >= a.left || o.right <= a.right || o.top >= a.top || o.bottom <= a.bottom) {
+              r = !0;
               break;
             }
-          } else if (o.left < n.left && o.right > n.right && o.top < n.top && o.bottom > n.bottom)
+          } else if (o.left < a.left && o.right > a.right && o.top < a.top && o.bottom > a.bottom)
             break;
           i = i.parentElement;
         }
-        e.state.reversedScaling !== a && e.setState({
-          reversedScaling: a
+        e.state.reversedScaling !== r && e.setState({
+          reversedScaling: r
         });
       }
     }), s(p(e), "swapElements", function() {
-      var t, r, n, a = e.state, i = a.items, g = a.dragging, o = a.dragOver, _ = (t = g == null ? void 0 : g.index) !== null && t !== void 0 ? t : null;
-      if (!(_ === null || o === null)) {
-        var l = (r = i[_]) === null || r === void 0 ? void 0 : r.node, f = (n = i[o]) === null || n === void 0 ? void 0 : n.node;
-        if (!(!l || !f)) {
-          if (_ === o) {
-            var m, v, y, k = (m = (v = i[o + 1]) === null || v === void 0 ? void 0 : v.node) !== null && m !== void 0 ? m : null;
+      var t, n, a, r = e.state, i = r.items, g = r.dragging, o = r.dragOver, u = (t = g == null ? void 0 : g.index) !== null && t !== void 0 ? t : null;
+      if (!(u === null || o === null)) {
+        var l = (n = i[u]) === null || n === void 0 ? void 0 : n.node, c = (a = i[o]) === null || a === void 0 ? void 0 : a.node;
+        if (!(!l || !c)) {
+          if (u === o) {
+            var f, m, y, k = (f = (m = i[o + 1]) === null || m === void 0 ? void 0 : m.node) !== null && f !== void 0 ? f : null;
             (y = e.containerRef.current) === null || y === void 0 || y.insertBefore(l, k);
-          } else if (_ > o) {
+          } else if (u > o) {
             var S;
-            (S = e.containerRef.current) === null || S === void 0 || S.insertBefore(l, f);
+            (S = e.containerRef.current) === null || S === void 0 || S.insertBefore(l, c);
           } else {
             var d;
-            (d = e.containerRef.current) === null || d === void 0 || d.insertBefore(l, f.nextSibling);
+            (d = e.containerRef.current) === null || d === void 0 || d.insertBefore(l, c.nextSibling);
           }
           l.focus();
         }
       }
-    }), s(p(e), "handleItemKeyDown", function(t, r) {
+    }), s(p(e), "handleItemKeyDown", function(t, n) {
       if (t.target === t.currentTarget) {
         if (e.state.dragging && t.key === "Tab" && (t.preventDefault(), t.stopPropagation()), t.key === " ") {
-          var n;
+          var a;
           return t.preventDefault(), t.stopPropagation(), e.state.dragging ? (e.handleItemDrop(), e.setState({
             dragging: null,
             dragOver: null,
             keyboardDraggingIndex: null,
-            animatedScaling: r,
+            animatedScaling: n,
             hideHoverEffect: !0
-          })) : (n = e.state.items[r]) !== null && n !== void 0 && n.draggingAllowed && (e.handleItemDragStart(r), e.setState({
-            keyboardDraggingIndex: r,
-            animatedScaling: r
+          })) : (a = e.state.items[n]) !== null && a !== void 0 && a.draggingAllowed && (e.handleItemDragStart(n), e.setState({
+            keyboardDraggingIndex: n,
+            animatedScaling: n
           }), e.updateItemScaling()), !1;
         } else if (t.key === "Escape" && e.state.dragging) {
           t.preventDefault(), t.stopPropagation(), e.setA11yHint("discarded"), e.setState({
@@ -221,11 +221,11 @@ var ne = (
             keyboardDraggingIndex: null,
             hideHoverEffect: !0
           });
-          for (var a = e.state.items, i = a.length - 1; i >= 0; i--) {
-            var g, o, _, l = (g = a[i]) === null || g === void 0 ? void 0 : g.node, f = (o = (_ = a[i + 1]) === null || _ === void 0 ? void 0 : _.node) !== null && o !== void 0 ? o : null;
+          for (var r = e.state.items, i = r.length - 1; i >= 0; i--) {
+            var g, o, u, l = (g = r[i]) === null || g === void 0 ? void 0 : g.node, c = (o = (u = r[i + 1]) === null || u === void 0 ? void 0 : u.node) !== null && o !== void 0 ? o : null;
             if (l) {
-              var m;
-              (m = e.containerRef.current) === null || m === void 0 || m.insertBefore(l, f);
+              var f;
+              (f = e.containerRef.current) === null || f === void 0 || f.insertBefore(l, c);
             }
           }
           return t.target instanceof HTMLElement && t.target.focus(), !1;
@@ -233,11 +233,11 @@ var ne = (
           e.state.animatedScaling !== null && e.setState({
             animatedScaling: null
           });
-          var v = t.currentTarget;
-          if (!v || v !== document.activeElement) return;
+          var m = t.currentTarget;
+          if (!m || m !== document.activeElement) return;
           t.preventDefault(), t.stopPropagation(), requestAnimationFrame(function() {
             var y;
-            if (!(!(v instanceof HTMLElement) || v !== document.activeElement)) {
+            if (!(!(m instanceof HTMLElement) || m !== document.activeElement)) {
               var k = [], S = {
                 top: 0,
                 right: 0,
@@ -246,17 +246,17 @@ var ne = (
               };
               (y = e.containerRef.current) === null || y === void 0 || y.childNodes.forEach(function(w, E) {
                 if (w instanceof HTMLElement && w.getAttribute("draggable") !== null) {
-                  var I = w.getBoundingClientRect(), A = {
-                    top: Math.round(I.top),
-                    right: Math.round(I.right),
-                    bottom: Math.round(I.bottom),
-                    left: Math.round(I.left)
+                  var j = w.getBoundingClientRect(), A = {
+                    top: Math.round(j.top),
+                    right: Math.round(j.right),
+                    bottom: Math.round(j.bottom),
+                    left: Math.round(j.left)
                   };
-                  k.push(A), w === v && (S = A);
+                  k.push(A), w === m && (S = A);
                 }
               });
-              var d = re(k, S, t.key);
-              return d === -1 || v && e.state.dragging !== null && (e.setA11yHint("grabbing", {
+              var d = ne(k, S, t.key);
+              return d === -1 || m && e.state.dragging !== null && (e.setA11yHint("grabbing", {
                 itemPosition: d + 1,
                 itemsCount: e.state.items.length
               }), e.setState({
@@ -275,53 +275,53 @@ var ne = (
         return e.handleItemDragStart(t);
       };
     }), s(p(e), "makeItemKeyDownHandler", function(t) {
-      return function(r) {
-        return e.handleItemKeyDown(r, t);
+      return function(n) {
+        return e.handleItemKeyDown(n, t);
       };
     }), s(p(e), "handlePageKeyDown", function(t) {
       if (e.asProps.customFocus !== void 0) {
-        var r = e.getCustomFocusItemIndex(e.asProps.customFocus);
-        e.state.items[r] && e.handleItemKeyDown(t, r);
+        var n = e.getCustomFocusItemIndex(e.asProps.customFocus);
+        e.state.items[n] && e.handleItemKeyDown(t, n);
       }
     }), s(p(e), "attach", function(t) {
-      var r = t.index, n = t.children, a = t.node, i = t.id, g = t.draggingAllowed, o = t.zoneName, _ = t.isDropZone;
+      var n = t.index, a = t.children, r = t.node, i = t.id, g = t.draggingAllowed, o = t.zoneName, u = t.isDropZone;
       e.setState(function(l) {
-        var f, m;
-        if (((f = l.items[r]) === null || f === void 0 ? void 0 : f.children) === n && ((m = l.items[r]) === null || m === void 0 ? void 0 : m.node) === a) return l;
-        var v = l.items;
-        return v[r] = {
-          children: n,
-          node: a,
+        var c, f;
+        if (((c = l.items[n]) === null || c === void 0 ? void 0 : c.children) === a && ((f = l.items[n]) === null || f === void 0 ? void 0 : f.node) === r) return l;
+        var m = l.items;
+        return m[n] = {
+          children: a,
+          node: r,
           id: i,
           draggingAllowed: g,
           zoneName: o,
-          isDropZone: _
+          isDropZone: u
         }, {
-          items: z(v)
+          items: z(m)
         };
       });
     }), s(p(e), "detach", function(t) {
-      e.setState(function(r) {
-        if (!r.items[t]) return r;
-        var n = r.items;
-        return n[t] = void 0, {
-          items: z(n)
+      e.setState(function(n) {
+        if (!n.items[t]) return n;
+        var a = n.items;
+        return a[t] = void 0, {
+          items: z(a)
         };
       });
     }), s(p(e), "getCustomFocusItemIndex", function(t) {
       if (t !== void 0) {
-        var r = t;
-        if (typeof r == "string" && (r = e.state.items.findIndex(function(n) {
-          return (n == null ? void 0 : n.id) === t;
-        })), !(r === -1 || typeof r != "number"))
-          return r;
+        var n = t;
+        if (typeof n == "string" && (n = e.state.items.findIndex(function(a) {
+          return (a == null ? void 0 : a.id) === t;
+        })), !(n === -1 || typeof n != "number"))
+          return n;
       }
     }), s(p(e), "setA11yHint", function(t) {
-      var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
       clearTimeout(e.clearA11yHintTimeout);
-      var n = e.asProps.getI18nText;
+      var a = e.asProps.getI18nText;
       e.setState({
-        a11yHint: n(t, r)
+        a11yHint: a(t, n)
       }), (t === "dropped" || t === "discarded") && te() && (e.clearA11yHintTimeout = window.setTimeout(function() {
         e.setState({
           a11yHint: null
@@ -331,25 +331,25 @@ var ne = (
   }
   return L(b, [{
     key: "getDraggableProps",
-    value: function(h, u) {
+    value: function(h, _) {
       var D = this.asProps.uid;
       return {
         uid: D,
-        index: u,
-        onDragStart: this.makeItemDragStartHandler(u),
+        index: _,
+        onDragStart: this.makeItemDragStartHandler(_),
         onDragEnd: this.handleItemDragEnd,
         onDragOver: this.handleItemDragOver,
         onDragEnter: this.handleItemDragEnter,
         onDrop: this.handleItemDrop,
         onMouseMove: this.handleItemMouseMove,
-        onKeyDown: this.makeItemKeyDownHandler(u),
+        onKeyDown: this.makeItemKeyDownHandler(_),
         onFocus: this.handleItemFocus,
-        dropPreview: u === this.state.dragOver,
-        keyboardDragging: u === this.state.keyboardDraggingIndex,
+        dropPreview: _ === this.state.dragOver,
+        keyboardDragging: _ === this.state.keyboardDraggingIndex,
         reversedScaling: this.state.reversedScaling,
         dark: this.asProps.theme === "dark",
         hideHoverEffect: this.state.hideHoverEffect,
-        animatedScaling: u === this.state.animatedScaling
+        animatedScaling: _ === this.state.animatedScaling
       };
     }
   }, {
@@ -370,36 +370,36 @@ var ne = (
     key: "componentDidUpdate",
     value: function(h) {
       if (h.customFocus !== this.asProps.customFocus) {
-        var u = this.getCustomFocusItemIndex(this.asProps.customFocus);
-        this.state.items[u] && this.handleItemFocus();
+        var _ = this.getCustomFocusItemIndex(this.asProps.customFocus);
+        this.state.items[_] && this.handleItemFocus();
       }
     }
   }, {
     key: "render",
     value: function() {
-      var h = this.asProps, u, D = this.attach, t = this.detach, r = "div", n = this.state, a = n.a11yHint;
-      n.dragging;
+      var h = this.asProps, _, D = this.attach, t = this.detach, n = "div", a = this.state, r = a.a11yHint;
+      a.dragging;
       var i = {
         attach: D,
         detach: t
-      }, g = this.asProps, o = g.getI18nText, _ = g.uid;
-      return u = F(this.asProps.styles), /* @__PURE__ */ q.createElement(K.Provider, {
+      }, g = this.asProps, o = g.getI18nText, u = g.uid;
+      return _ = F(this.asProps.styles), /* @__PURE__ */ I.createElement(K.Provider, {
         value: i
-      }, a && /* @__PURE__ */ q.createElement(r, u.cn("SA11yHint", {
+      }, r && /* @__PURE__ */ I.createElement(n, _.cn("SA11yHint", {
         role: "alert",
         "aria-live": "assertive"
-      }), a), /* @__PURE__ */ q.createElement(O, Z({
+      }), r), /* @__PURE__ */ I.createElement(O, Z({
         role: "group",
         ref: this.containerRef
-      }, h)), /* @__PURE__ */ q.createElement(G, u.cn("ScreenReaderOnly", {
-        id: "describe-draggable-".concat(_),
+      }, h)), /* @__PURE__ */ I.createElement(G, _.cn("ScreenReaderOnly", {
+        id: "describe-draggable-".concat(u),
         "aria-hidden": "true"
       }), o("describe", {
         control: "Space"
       })));
     }
   }]), b;
-}(j);
+}(Y);
 s(P, "displayName", "DragAndDrop");
 s(P, "enhance", [Q(R), ee()]);
 s(P, "defaultProps", {
@@ -407,84 +407,84 @@ s(P, "defaultProps", {
   i18n: R,
   locale: "en"
 });
-s(P, "style", ne);
-var B = function(c) {
-  var b = arguments[0], e, h = O, u = q.useRef(), D = q.useContext(K), t = D.attach, r = D.detach, n = c.styles, a = c.placement, i = a === void 0 ? "right" : a, g = c.noDrag, o = g === void 0 ? !1 : g, _ = c.index, l = c.children, f = c.Children, m = c.id, v = c.zoneName, y = c.isDropZone, k = y === void 0 ? !1 : y, S = c.uid, d = c.isCustomFocus, w = d === void 0 ? !1 : d, E = c.keyboardFocused, I = q.useMemo(function() {
-    return typeof l == "function" ? l(c) : l;
-  }, [l, c]);
+s(P, "style", ae);
+var B = function(v) {
+  var b = arguments[0], e, h = O, _ = I.useRef(), D = I.useContext(K), t = D.attach, n = D.detach, a = v.styles, r = v.placement, i = r === void 0 ? "right" : r, g = v.noDrag, o = g === void 0 ? !1 : g, u = v.index, l = v.children, c = v.Children, f = v.id, m = v.zoneName, y = v.isDropZone, k = y === void 0 ? !1 : y, S = v.uid, d = v.isCustomFocus, w = d === void 0 ? !1 : d, E = v.keyboardFocused, j = I.useMemo(function() {
+    return typeof l == "function" ? l(v) : l;
+  }, [l, v]);
   return V(function() {
     return t({
-      index: _,
-      children: I,
-      node: u.current,
-      id: m,
+      index: u,
+      children: j,
+      node: _.current,
+      id: f,
       draggingAllowed: !o,
-      zoneName: v,
+      zoneName: m,
       isDropZone: k
     }), function() {
-      return r(_);
+      return n(u);
     };
-  }, [_, I, t, r, m]), e = F(n), /* @__PURE__ */ q.createElement(h, e.cn("SDraggable", N({}, Z({
-    ref: u,
+  }, [u, j, t, n, f]), e = F(a), /* @__PURE__ */ I.createElement(h, e.cn("SDraggable", N({}, Z({
+    ref: _,
     draggable: !o,
     placement: i,
     role: "group",
     "aria-describedby": "describe-draggable-".concat(S),
     "use:keyboardFocused": w ? !1 : E
-  }, b))), /* @__PURE__ */ q.createElement(f, e.cn("Children", {})));
+  }, b))), /* @__PURE__ */ I.createElement(c, e.cn("Children", {})));
 };
 B.enhance = [$()];
-var re = function(c, b, e) {
-  for (var h = null, u = 1 / 0, D = 0; D < c.length; D++) {
-    var t = c[D];
+var ne = function(v, b, e) {
+  for (var h = null, _ = 1 / 0, D = 0; D < v.length; D++) {
+    var t = v[D];
     if (t && t !== b) {
-      var r = b.top <= t.bottom && b.bottom >= t.top, n = b.left <= t.right && b.right >= t.left;
-      if (!(!r && !n))
+      var n = b.top <= t.bottom && b.bottom >= t.top, a = b.left <= t.right && b.right >= t.left;
+      if (!(!n && !a))
         switch (e) {
           case "ArrowRight": {
-            if (!r) continue;
-            var a = t.left - b.right;
-            if (a < 0 || a >= u) continue;
-            h = t, u = a;
+            if (!n) continue;
+            var r = t.left - b.right;
+            if (r < 0 || r >= _) continue;
+            h = t, _ = r;
             break;
           }
           case "ArrowLeft": {
-            if (!r) continue;
+            if (!n) continue;
             var i = b.left - t.right;
-            if (i < 0 || i >= u) continue;
-            h = t, u = i;
+            if (i < 0 || i >= _) continue;
+            h = t, _ = i;
             break;
           }
           case "ArrowUp": {
-            if (!n) continue;
+            if (!a) continue;
             var g = b.top - t.bottom;
-            if (g < 0 || g >= u) continue;
-            h = t, u = g;
+            if (g < 0 || g >= _) continue;
+            h = t, _ = g;
             break;
           }
           case "ArrowDown": {
-            if (!n) continue;
+            if (!a) continue;
             var o = t.top - b.bottom;
-            if (o < 0 || o >= u) continue;
-            h = t, u = o;
+            if (o < 0 || o >= _) continue;
+            h = t, _ = o;
             break;
           }
         }
     }
   }
-  return c.indexOf(h);
-}, M = function(c) {
-  var b = arguments[0], e, h = ae.Draggable, u = c.styles;
-  return e = F(u), /* @__PURE__ */ q.createElement(h, e.cn("SDropZone", N({}, Z({
+  return v.indexOf(h);
+}, M = function(v) {
+  var b = arguments[0], e, h = re.Draggable, _ = v.styles;
+  return e = F(_), /* @__PURE__ */ I.createElement(h, e.cn("SDropZone", N({}, Z({
     noDrag: !0,
     isDropZone: !0,
     "aria-describedby": null
   }, b))));
-}, ae = Y(P, {
+}, re = X(P, {
   Draggable: B,
   DropZone: M,
   Dropable: M
 });
 export {
-  ae as default
+  re as default
 };