intergalactic 15.128.0 → 15.129.0-prerelease.0

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

@@ -1,58 +1,58 @@
-import N from "@babel/runtime/helpers/esm/objectSpread2";
-import z from "@babel/runtime/helpers/esm/toConsumableArray";
-import W from "@babel/runtime/helpers/esm/classCallCheck";
-import L from "@babel/runtime/helpers/esm/createClass";
+import M from "@babel/runtime/helpers/esm/objectSpread2";
+import Z from "@babel/runtime/helpers/esm/toConsumableArray";
+import B from "@babel/runtime/helpers/esm/classCallCheck";
+import W from "@babel/runtime/helpers/esm/createClass";
 import p from "@babel/runtime/helpers/esm/assertThisInitialized";
-import U from "@babel/runtime/helpers/esm/inherits";
-import q from "@babel/runtime/helpers/esm/createSuper";
+import L from "@babel/runtime/helpers/esm/inherits";
+import U from "@babel/runtime/helpers/esm/createSuper";
 import s from "@babel/runtime/helpers/esm/defineProperty";
 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 X, { sstyled as C, assignProps as F, Component as Y } from 'intergalactic/core';
+import q from "react";
+import { Box as N, ScreenReaderOnly as G } from 'intergalactic/flex-box';
+import { localizedMessages as O } from "./translations/__intergalactic-dynamic-locales.mjs";
 import Q from 'intergalactic/utils/lib/enhances/i18nEnhance';
 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 ae = (
+import ne from 'intergalactic/utils/lib/canUseDOM';
+var te = (
   /*__reshadow_css_start__*/
   (J.insert(
     /*__inner_css_start__*/
-    '.___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_19qjn_gg_.__draggable_19qjn_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_19qjn_gg_.__draggable_19qjn_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_19qjn_gg_.__draggable_19qjn_gg_:hover::before{display:block}}.___SDraggable_19qjn_gg_.__draggable_19qjn_gg_.__hideHoverEffect_19qjn_gg_:not(._role_menuitemcheckbox_19qjn_gg_)::before{display:none}.___SDraggable_19qjn_gg_._placement_right_19qjn_gg_::before{right:0}.___SDraggable_19qjn_gg_._placement_bottom_19qjn_gg_::before{bottom:0}.___SDraggable_19qjn_gg_._placement_left_19qjn_gg_::before{left:0}.___SDraggable_19qjn_gg_._placement_top_19qjn_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_19qjn_gg_._placement_bottom_19qjn_gg_::before{left:0;width:100%;height:16px}.___SDraggable_19qjn_gg_._placement_left_19qjn_gg_::before,.___SDraggable_19qjn_gg_._placement_right_19qjn_gg_::before{top:0;width:16px;height:100%}.___SDropZone_19qjn_gg_{position:relative}.___SDraggable_19qjn_gg_.__dropPreview_19qjn_gg_,.___SDropZone_19qjn_gg_.__dropPreview_19qjn_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_19qjn_gg_.__dark_19qjn_gg_.__dropPreview_19qjn_gg_,.___SDropZone_19qjn_gg_.__dark_19qjn_gg_.__dropPreview_19qjn_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_19qjn_gg_:focus{outline:0}.___SDraggable_19qjn_gg_.__keyboardFocused_19qjn_gg_:focus{box-shadow:none}.___SDraggable_19qjn_gg_.__keyboardFocused_19qjn_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_19qjn_gg_.__keyboardDragging_19qjn_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_19qjn_gg_.__keyboardDragging_19qjn_gg_.__hideHoverEffect_19qjn_gg_::before,.___SDraggable_19qjn_gg_.__keyboardDragging_19qjn_gg_::before{display:block}.___SDraggable_19qjn_gg_.__keyboardDragging_19qjn_gg_.__reversedScaling_19qjn_gg_{scale:.95}.___SDraggable_19qjn_gg_.__animatedScaling_19qjn_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_19qjn_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_19qjn_gg_{transition:none}}',
+    "19qjn_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_"
+    __SDraggable: "___SDraggable_19qjn_gg_",
+    _placement_top: "_placement_top_19qjn_gg_",
+    _placement_right: "_placement_right_19qjn_gg_",
+    _placement_left: "_placement_left_19qjn_gg_",
+    _placement_bottom: "_placement_bottom_19qjn_gg_",
+    __SDropZone: "___SDropZone_19qjn_gg_",
+    _dropPreview: "__dropPreview_19qjn_gg_",
+    _dark: "__dark_19qjn_gg_",
+    _keyboardFocused: "__keyboardFocused_19qjn_gg_",
+    _keyboardDragging: "__keyboardDragging_19qjn_gg_",
+    _reversedScaling: "__reversedScaling_19qjn_gg_",
+    _animatedScaling: "__animatedScaling_19qjn_gg_",
+    __SA11yHint: "___SA11yHint_19qjn_gg_",
+    _draggable: "__draggable_19qjn_gg_",
+    _hideHoverEffect: "__hideHoverEffect_19qjn_gg_",
+    _role_menuitemcheckbox: "_role_menuitemcheckbox_19qjn_gg_"
   })
-), T = function() {
-}, K = /* @__PURE__ */ I.createContext({
-  attach: T,
-  detach: T
-}), P = /* @__PURE__ */ function(H) {
-  U(b, H);
-  var v = q(b);
+), z = function() {
+}, R = /* @__PURE__ */ q.createContext({
+  attach: z,
+  detach: z
+}), A = /* @__PURE__ */ function(E) {
+  L(b, E);
+  var c = U(b);
   function b() {
     var e;
-    W(this, b);
+    B(this, b);
     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", {
+    return e = c.call.apply(c, [this].concat(_)), s(p(e), "state", {
       items: [],
       dragging: null,
       dragOver: null,
@@ -62,201 +62,201 @@ var ae = (
       keyboardDraggingIndex: null,
       animatedScaling: null,
       reversedScaling: !1
-    }), 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) {
+    }), s(p(e), "containerRef", /* @__PURE__ */ q.createRef()), s(p(e), "clearA11yHintTimeout", 0), s(p(e), "handleItemDragStart", function(n) {
+      var r = e.state.items, t = r[n];
+      if (t) {
+        var a = t.node.getAttribute("aria-label") || t.node.textContent || "".concat(n + 1), i = t.zoneName, g = i ? r.filter(function(l) {
           return (l == null ? void 0 : l.zoneName) === i;
-        }) : 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;
+        }) : r, o = g.length, u = g.findIndex(function(l) {
+          return (l == null ? void 0 : l.node) === t.node || (l == null ? void 0 : l.id) && (l == null ? void 0 : l.id) === t.id;
         });
         e.setA11yHint(i ? "grabbedWithZone" : "grabbed", {
-          itemText: r,
+          itemText: a,
           itemPosition: u + 1,
           itemsCount: o,
           zoneName: i || ""
         }), e.setState(function(l) {
           return {
             dragging: {
-              index: t,
-              initialItemsRects: l.items.map(function(c) {
-                return c == null ? void 0 : c.node.getBoundingClientRect();
+              index: n,
+              initialItemsRects: l.items.map(function(f) {
+                return f == null ? void 0 : f.node.getBoundingClientRect();
               })
             }
           };
         });
       }
-    }), s(p(e), "handleItemDragEnd", function(t) {
-      t.preventDefault(), e.setState({
+    }), s(p(e), "handleItemDragEnd", function(n) {
+      n.preventDefault(), e.setState({
         dragging: null,
         dragOver: null,
         reversedScaling: !1,
         keyboardDraggingIndex: null
       });
-    }), s(p(e), "handleItemDragOver", function(t) {
-      t.preventDefault();
-      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 = a[g], u = a[r.index];
+    }), s(p(e), "handleItemDragOver", function(n) {
+      n.preventDefault();
+      var r = e.state, t = r.items, a = r.dragging, i = r.dragOver;
+      if (a) {
+        var g = a.initialItemsRects.findIndex(function(d) {
+          return d && n.clientX > d.x && n.clientX < d.x + d.width && n.clientY > d.y && n.clientY < d.y + d.height;
+        }), o = t[g], u = t[a.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) {
+          var l = o.isDropZone ? u.node : o.node, f = l.getAttribute("aria-label") || l.textContent || "".concat(g + 1), m = o.zoneName, v = m ? t.filter(function(d) {
+            return (d == null ? void 0 : d.zoneName) === m;
+          }) : t, y = v.length, j = v.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 = f ? o.isDropZone ? "grabbingJustWithZone" : "grabbingFullWithZone" : "grabbing";
+          }), S = m ? o.isDropZone ? "grabbingJustWithZone" : "grabbingFullWithZone" : "grabbing";
           e.setA11yHint(S, {
-            itemText: c,
-            itemPosition: k + 1,
+            itemText: f,
+            itemPosition: j + 1,
             itemsCount: y,
-            zoneName: f || ""
+            zoneName: m || ""
           }), e.setState({
             dragOver: g
           }, e.swapElements);
         }
       }
     }), s(p(e), "handleItemDrop", function() {
-      var t = e.asProps.onDnD;
-      if (t) {
-        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];
+      var n = e.asProps.onDnD;
+      if (n) {
+        var r = e.state, t = r.items, a = r.dragging, i = r.dragOver;
+        if (a) {
+          var g = i !== null ? t[i] : t[a.index], o = t[a.index];
           if (!(!g || !o)) {
-            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) {
+            var u = g.isDropZone ? o.node : g.node, l = u.getAttribute("aria-label") || u.textContent || "".concat((i ?? a.index) + 1), f = g.zoneName, m = f ? t.filter(function(x) {
+              return (x == null ? void 0 : x.zoneName) === f;
+            }) : t, v = m.length, y = m.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 = c ? g.isDropZone ? "droppedJustWithZone" : "droppedFullWithZone" : "dropped";
-            if (e.setA11yHint(k, {
+            }), j = f ? g.isDropZone ? "droppedJustWithZone" : "droppedFullWithZone" : "dropped";
+            if (e.setA11yHint(j, {
               itemText: l,
               itemPosition: y + 1,
-              itemsCount: m,
-              zoneName: c || ""
+              itemsCount: v,
+              zoneName: f || ""
             }), e.setState({
               dragging: null,
               dragOver: null,
               keyboardDraggingIndex: null,
               hideHoverEffect: !0,
               reversedScaling: !1
-            }), r && a[r.index]) {
-              var S = a[r.index];
-              S && t({
+            }), a && t[a.index]) {
+              var S = t[a.index];
+              S && n({
                 fromId: S.id,
-                fromIndex: r.index,
+                fromIndex: a.index,
                 toId: g.id,
-                toIndex: i ?? r.index
+                toIndex: i ?? a.index
               });
             }
             if (g.draggingAllowed) {
-              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);
+              var I, H, P;
+              (I = (H = e.asProps).onSwapDraggable) === null || I === void 0 || I.call(H, (P = t[a.index]) === null || P === void 0 ? void 0 : P.children, g.children);
             } else {
-              var d, w, E;
-              (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);
+              var d, k, w;
+              (d = (k = e.asProps).onInsertDroppable) === null || d === void 0 || d.call(k, (w = t[a.index]) === null || w === void 0 ? void 0 : w.children, g.children);
             }
           }
         }
       }
-    }), s(p(e), "handleItemDragEnter", function(t) {
-      t.preventDefault();
+    }), s(p(e), "handleItemDragEnter", function(n) {
+      n.preventDefault();
     }), s(p(e), "handleItemMouseMove", function() {
       e.state.hideHoverEffect && e.setState({
         hideHoverEffect: !1
       });
     }), s(p(e), "updateItemScaling", function() {
-      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 n, r = (n = e.state.items[0]) === null || n === void 0 ? void 0 : n.node;
+      if (r && !e.state.reversedScaling) {
+        for (var t = r.getBoundingClientRect(), a = !1, i = r.parentElement; i && i !== document.body; ) {
           var g = getComputedStyle(i), o = i.getBoundingClientRect();
           if (g.overflow !== "visible") {
-            if (o.left >= a.left || o.right <= a.right || o.top >= a.top || o.bottom <= a.bottom) {
-              r = !0;
+            if (o.left >= t.left || o.right <= t.right || o.top >= t.top || o.bottom <= t.bottom) {
+              a = !0;
               break;
             }
-          } else if (o.left < a.left && o.right > a.right && o.top < a.top && o.bottom > a.bottom)
+          } else if (o.left < t.left && o.right > t.right && o.top < t.top && o.bottom > t.bottom)
             break;
           i = i.parentElement;
         }
-        e.state.reversedScaling !== r && e.setState({
-          reversedScaling: r
+        e.state.reversedScaling !== a && e.setState({
+          reversedScaling: a
         });
       }
     }), s(p(e), "swapElements", function() {
-      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;
+      var n, r, t, a = e.state, i = a.items, g = a.dragging, o = a.dragOver, u = (n = g == null ? void 0 : g.index) !== null && n !== void 0 ? n : 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)) {
+        var l = (r = i[u]) === null || r === void 0 ? void 0 : r.node, f = (t = i[o]) === null || t === void 0 ? void 0 : t.node;
+        if (!(!l || !f)) {
           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);
+            var m, v, y, j = (m = (v = i[o + 1]) === null || v === void 0 ? void 0 : v.node) !== null && m !== void 0 ? m : null;
+            (y = e.containerRef.current) === null || y === void 0 || y.insertBefore(l, j);
           } else if (u > o) {
             var S;
-            (S = e.containerRef.current) === null || S === void 0 || S.insertBefore(l, c);
+            (S = e.containerRef.current) === null || S === void 0 || S.insertBefore(l, f);
           } else {
             var d;
-            (d = e.containerRef.current) === null || d === void 0 || d.insertBefore(l, c.nextSibling);
+            (d = e.containerRef.current) === null || d === void 0 || d.insertBefore(l, f.nextSibling);
           }
           l.focus();
         }
       }
-    }), 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 a;
-          return t.preventDefault(), t.stopPropagation(), e.state.dragging ? (e.handleItemDrop(), e.setState({
+    }), s(p(e), "handleItemKeyDown", function(n, r) {
+      if (n.target === n.currentTarget) {
+        if (e.state.dragging && n.key === "Tab" && (n.preventDefault(), n.stopPropagation()), n.key === " ") {
+          var t;
+          return n.preventDefault(), n.stopPropagation(), e.state.dragging ? (e.handleItemDrop(), e.setState({
             dragging: null,
             dragOver: null,
             keyboardDraggingIndex: null,
-            animatedScaling: n,
+            animatedScaling: r,
             hideHoverEffect: !0
-          })) : (a = e.state.items[n]) !== null && a !== void 0 && a.draggingAllowed && (e.handleItemDragStart(n), e.setState({
-            keyboardDraggingIndex: n,
-            animatedScaling: n
+          })) : (t = e.state.items[r]) !== null && t !== void 0 && t.draggingAllowed && (e.handleItemDragStart(r), e.setState({
+            keyboardDraggingIndex: r,
+            animatedScaling: r
           }), e.updateItemScaling()), !1;
-        } else if (t.key === "Escape" && e.state.dragging) {
-          t.preventDefault(), t.stopPropagation(), e.setA11yHint("discarded"), e.setState({
+        } else if (n.key === "Escape" && e.state.dragging) {
+          n.preventDefault(), n.stopPropagation(), e.setA11yHint("discarded"), e.setState({
             dragging: null,
             dragOver: null,
             keyboardDraggingIndex: null,
             hideHoverEffect: !0
           });
-          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;
+          for (var a = e.state.items, i = a.length - 1; i >= 0; i--) {
+            var g, o, u, l = (g = a[i]) === null || g === void 0 ? void 0 : g.node, f = (o = (u = a[i + 1]) === null || u === void 0 ? void 0 : u.node) !== null && o !== void 0 ? o : null;
             if (l) {
-              var f;
-              (f = e.containerRef.current) === null || f === void 0 || f.insertBefore(l, c);
+              var m;
+              (m = e.containerRef.current) === null || m === void 0 || m.insertBefore(l, f);
             }
           }
-          return t.target instanceof HTMLElement && t.target.focus(), !1;
-        } else if (t.key.startsWith("Arrow") && e.state.dragging) {
+          return n.target instanceof HTMLElement && n.target.focus(), !1;
+        } else if (n.key.startsWith("Arrow") && e.state.dragging) {
           e.state.animatedScaling !== null && e.setState({
             animatedScaling: null
           });
-          var m = t.currentTarget;
-          if (!m || m !== document.activeElement) return;
-          t.preventDefault(), t.stopPropagation(), requestAnimationFrame(function() {
+          var v = n.currentTarget;
+          if (!v || v !== document.activeElement) return;
+          n.preventDefault(), n.stopPropagation(), requestAnimationFrame(function() {
             var y;
-            if (!(!(m instanceof HTMLElement) || m !== document.activeElement)) {
-              var k = [], S = {
+            if (!(!(v instanceof HTMLElement) || v !== document.activeElement)) {
+              var j = [], S = {
                 top: 0,
                 right: 0,
                 bottom: 0,
                 left: 0
               };
-              (y = e.containerRef.current) === null || y === void 0 || y.childNodes.forEach(function(w, E) {
-                if (w instanceof HTMLElement && w.getAttribute("draggable") !== null) {
-                  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)
+              (y = e.containerRef.current) === null || y === void 0 || y.childNodes.forEach(function(k, w) {
+                if (k instanceof HTMLElement && k.getAttribute("draggable") !== null) {
+                  var I = k.getBoundingClientRect(), H = {
+                    top: Math.round(I.top),
+                    right: Math.round(I.right),
+                    bottom: Math.round(I.bottom),
+                    left: Math.round(I.left)
                   };
-                  k.push(A), w === m && (S = A);
+                  j.push(H), k === v && (S = H);
                 }
               });
-              var d = ne(k, S, t.key);
-              return d === -1 || m && e.state.dragging !== null && (e.setA11yHint("grabbing", {
+              var d = re(j, S, n.key);
+              return d === -1 || v && e.state.dragging !== null && (e.setA11yHint("grabbing", {
                 itemPosition: d + 1,
                 itemsCount: e.state.items.length
               }), e.setState({
@@ -270,66 +270,66 @@ var ae = (
       }
     }), s(p(e), "handleItemFocus", function() {
       e.state.dragging && e.updateItemScaling();
-    }), s(p(e), "makeItemDragStartHandler", function(t) {
+    }), s(p(e), "makeItemDragStartHandler", function(n) {
       return function() {
-        return e.handleItemDragStart(t);
+        return e.handleItemDragStart(n);
       };
-    }), s(p(e), "makeItemKeyDownHandler", function(t) {
-      return function(n) {
-        return e.handleItemKeyDown(n, t);
+    }), s(p(e), "makeItemKeyDownHandler", function(n) {
+      return function(r) {
+        return e.handleItemKeyDown(r, n);
       };
-    }), s(p(e), "handlePageKeyDown", function(t) {
+    }), s(p(e), "handlePageKeyDown", function(n) {
       if (e.asProps.customFocus !== void 0) {
-        var n = e.getCustomFocusItemIndex(e.asProps.customFocus);
-        e.state.items[n] && e.handleItemKeyDown(t, n);
+        var r = e.getCustomFocusItemIndex(e.asProps.customFocus);
+        e.state.items[r] && e.handleItemKeyDown(n, r);
       }
-    }), s(p(e), "attach", function(t) {
-      var n = t.index, a = t.children, r = t.node, i = t.id, g = t.draggingAllowed, o = t.zoneName, u = t.isDropZone;
+    }), s(p(e), "attach", function(n) {
+      var r = n.index, t = n.children, a = n.node, i = n.id, g = n.draggingAllowed, o = n.zoneName, u = n.isDropZone;
       e.setState(function(l) {
-        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,
+        var f, m;
+        if (((f = l.items[r]) === null || f === void 0 ? void 0 : f.children) === t && ((m = l.items[r]) === null || m === void 0 ? void 0 : m.node) === a) return l;
+        var v = l.items;
+        return v[r] = {
+          children: t,
+          node: a,
           id: i,
           draggingAllowed: g,
           zoneName: o,
           isDropZone: u
         }, {
-          items: z(m)
+          items: Z(v)
         };
       });
-    }), s(p(e), "detach", function(t) {
-      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), "detach", function(n) {
+      e.setState(function(r) {
+        if (!r.items[n]) return r;
+        var t = r.items;
+        return t[n] = void 0, {
+          items: Z(t)
         };
       });
-    }), s(p(e), "getCustomFocusItemIndex", function(t) {
-      if (t !== void 0) {
-        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), "getCustomFocusItemIndex", function(n) {
+      if (n !== void 0) {
+        var r = n;
+        if (typeof r == "string" && (r = e.state.items.findIndex(function(t) {
+          return (t == null ? void 0 : t.id) === n;
+        })), !(r === -1 || typeof r != "number"))
+          return r;
       }
-    }), s(p(e), "setA11yHint", function(t) {
-      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    }), s(p(e), "setA11yHint", function(n) {
+      var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
       clearTimeout(e.clearA11yHintTimeout);
-      var a = e.asProps.getI18nText;
+      var t = e.asProps.getI18nText;
       e.setState({
-        a11yHint: a(t, n)
-      }), (t === "dropped" || t === "discarded") && te() && (e.clearA11yHintTimeout = window.setTimeout(function() {
+        a11yHint: t(n, r)
+      }), (n === "dropped" || n === "discarded") && ne() && (e.clearA11yHintTimeout = window.setTimeout(function() {
         e.setState({
           a11yHint: null
         });
       }, 2e3));
     }), e;
   }
-  return L(b, [{
+  return W(b, [{
     key: "getDraggableProps",
     value: function(h, _) {
       var D = this.asProps.uid;
@@ -377,21 +377,21 @@ var ae = (
   }, {
     key: "render",
     value: function() {
-      var h = this.asProps, _, D = this.attach, t = this.detach, n = "div", a = this.state, r = a.a11yHint;
-      a.dragging;
+      var h = this.asProps, _, D = this.attach, n = this.detach, r = "div", t = this.state, a = t.a11yHint;
+      t.dragging;
       var i = {
         attach: D,
-        detach: t
+        detach: n
       }, g = this.asProps, o = g.getI18nText, u = g.uid;
-      return _ = F(this.asProps.styles), /* @__PURE__ */ I.createElement(K.Provider, {
+      return _ = C(this.asProps.styles), /* @__PURE__ */ q.createElement(R.Provider, {
         value: i
-      }, r && /* @__PURE__ */ I.createElement(n, _.cn("SA11yHint", {
+      }, a && /* @__PURE__ */ q.createElement(r, _.cn("SA11yHint", {
         role: "alert",
         "aria-live": "assertive"
-      }), r), /* @__PURE__ */ I.createElement(O, Z({
+      }), a), /* @__PURE__ */ q.createElement(N, F({
         role: "group",
         ref: this.containerRef
-      }, h)), /* @__PURE__ */ I.createElement(G, _.cn("ScreenReaderOnly", {
+      }, h)), /* @__PURE__ */ q.createElement(G, _.cn("ScreenReaderOnly", {
         id: "describe-draggable-".concat(u),
         "aria-hidden": "true"
       }), o("describe", {
@@ -400,91 +400,91 @@ var ae = (
     }
   }]), b;
 }(Y);
-s(P, "displayName", "DragAndDrop");
-s(P, "enhance", [Q(R), ee()]);
-s(P, "defaultProps", {
+s(A, "displayName", "DragAndDrop");
+s(A, "enhance", [Q(O), ee()]);
+s(A, "defaultProps", {
   theme: "default",
-  i18n: R,
+  i18n: O,
   locale: "en"
 });
-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]);
+s(A, "style", te);
+var K = function(c) {
+  var b = arguments[0], e, h = N, _ = q.useRef(), D = q.useContext(R), n = D.attach, r = D.detach, t = c.styles, a = c.placement, i = a === void 0 ? "right" : a, g = c.noDrag, o = g === void 0 ? !1 : g, u = c.index, l = c.children, f = c.Children, m = c.id, v = c.zoneName, y = c.isDropZone, j = y === void 0 ? !1 : y, S = c.uid, d = c.isCustomFocus, k = d === void 0 ? !1 : d, w = c.keyboardFocused, I = q.useMemo(function() {
+    return typeof l == "function" ? l(c) : l;
+  }, [l, c]);
   return V(function() {
-    return t({
+    return n({
       index: u,
-      children: j,
+      children: I,
       node: _.current,
-      id: f,
+      id: m,
       draggingAllowed: !o,
-      zoneName: m,
-      isDropZone: k
+      zoneName: v,
+      isDropZone: j
     }), function() {
-      return n(u);
+      return r(u);
     };
-  }, [u, j, t, n, f]), e = F(a), /* @__PURE__ */ I.createElement(h, e.cn("SDraggable", N({}, Z({
+  }, [u, I, n, r, m]), e = C(t), /* @__PURE__ */ q.createElement(h, e.cn("SDraggable", M({}, F({
     ref: _,
     draggable: !o,
     placement: i,
     role: "group",
     "aria-describedby": "describe-draggable-".concat(S),
-    "use:keyboardFocused": w ? !1 : E
-  }, b))), /* @__PURE__ */ I.createElement(c, e.cn("Children", {})));
+    "use:keyboardFocused": k ? !1 : w
+  }, b))), /* @__PURE__ */ q.createElement(f, e.cn("Children", {})));
 };
-B.enhance = [$()];
-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 n = b.top <= t.bottom && b.bottom >= t.top, a = b.left <= t.right && b.right >= t.left;
-      if (!(!n && !a))
+K.enhance = [$()];
+var re = function(c, b, e) {
+  for (var h = null, _ = 1 / 0, D = 0; D < c.length; D++) {
+    var n = c[D];
+    if (n && n !== b) {
+      var r = b.top <= n.bottom && b.bottom >= n.top, t = b.left <= n.right && b.right >= n.left;
+      if (!(!r && !t))
         switch (e) {
           case "ArrowRight": {
-            if (!n) continue;
-            var r = t.left - b.right;
-            if (r < 0 || r >= _) continue;
-            h = t, _ = r;
+            if (!r) continue;
+            var a = n.left - b.right;
+            if (a < 0 || a >= _) continue;
+            h = n, _ = a;
             break;
           }
           case "ArrowLeft": {
-            if (!n) continue;
-            var i = b.left - t.right;
+            if (!r) continue;
+            var i = b.left - n.right;
             if (i < 0 || i >= _) continue;
-            h = t, _ = i;
+            h = n, _ = i;
             break;
           }
           case "ArrowUp": {
-            if (!a) continue;
-            var g = b.top - t.bottom;
+            if (!t) continue;
+            var g = b.top - n.bottom;
             if (g < 0 || g >= _) continue;
-            h = t, _ = g;
+            h = n, _ = g;
             break;
           }
           case "ArrowDown": {
-            if (!a) continue;
-            var o = t.top - b.bottom;
+            if (!t) continue;
+            var o = n.top - b.bottom;
             if (o < 0 || o >= _) continue;
-            h = t, _ = o;
+            h = n, _ = o;
             break;
           }
         }
     }
   }
-  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({
+  return c.indexOf(h);
+}, T = function(c) {
+  var b = arguments[0], e, h = ae.Draggable, _ = c.styles;
+  return e = C(_), /* @__PURE__ */ q.createElement(h, e.cn("SDropZone", M({}, F({
     noDrag: !0,
     isDropZone: !0,
     "aria-describedby": null
   }, b))));
-}, re = X(P, {
-  Draggable: B,
-  DropZone: M,
-  Dropable: M
+}, ae = X(A, {
+  Draggable: K,
+  DropZone: T,
+  Dropable: T
 });
 export {
-  re as default
+  ae as default
 };