@react-aria/dnd 3.0.0-alpha.1 → 3.0.0-alpha.5

package/dist/main.js

@@ -1,2196 +1,1827 @@
-var {
-  useMessageFormatter
-} = require("@react-aria/i18n");
-
-var _reactDom = $parcel$interopDefault(require("react-dom"));
-
-var {
-  useId,
-  useDescription,
-  mergeProps,
-  getScrollParent,
-  isIOS,
-  isWebKit,
-  chain
-} = require("@react-aria/utils");
-
-var {
-  getInteractionModality,
-  useInteractionModality,
-  setInteractionModality,
-  useFocus
-} = require("@react-aria/interactions");
-
-var _babelRuntimeHelpersWrapAsyncGenerator = $parcel$interopDefault(require("@babel/runtime/helpers/wrapAsyncGenerator"));
-
-var _babelRuntimeHelpersAwaitAsyncGenerator = $parcel$interopDefault(require("@babel/runtime/helpers/awaitAsyncGenerator"));
-
-var {
-  ariaHideOutside
-} = require("@react-aria/overlays");
-
-var {
-  announce
-} = require("@react-aria/live-announcer");
-
-var {
-  useRef,
-  useState,
-  useEffect,
-  useLayoutEffect,
-  useCallback
-} = require("react");
-
-var _babelRuntimeHelpersInteropRequireDefault = $parcel$interopDefault(require("@babel/runtime/helpers/interopRequireDefault"));
+var $67uu7$react = require("react");
+var $67uu7$reactdom = require("react-dom");
+var $67uu7$reactariautils = require("@react-aria/utils");
+var $67uu7$reactariai18n = require("@react-aria/i18n");
+var $67uu7$reactarialiveannouncer = require("@react-aria/live-announcer");
+var $67uu7$reactariaoverlays = require("@react-aria/overlays");
+var $67uu7$reactariainteractions = require("@react-aria/interactions");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
+  return dest;
+}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-
-// ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/dnd/src/constants.ts
-var $b29ea0269b2ea2bf4827b4fa19ddc83e$var$_temp;
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-let $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION; // See https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/effectAllowed
-
-(function (DROP_OPERATION) {
-  DROP_OPERATION[DROP_OPERATION["none"] = 0] = "none";
-  DROP_OPERATION[DROP_OPERATION["cancel"] = 0] = "cancel";
-  DROP_OPERATION[DROP_OPERATION["move"] = 1] = "move";
-  DROP_OPERATION[DROP_OPERATION["copy"] = 2] = "copy";
-  DROP_OPERATION[DROP_OPERATION["link"] = 4] = "link";
-  DROP_OPERATION[DROP_OPERATION["all"] = 7] = "all";
-})($b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION || ($b29ea0269b2ea2bf4827b4fa19ddc83e$var$_temp = $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION = {}, $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION, $b29ea0269b2ea2bf4827b4fa19ddc83e$var$_temp));
-
-const $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION_ALLOWED = _babelRuntimeHelpersExtends({}, $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION, {
-  copyMove: $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.copy | $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.move,
-  copyLink: $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.copy | $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.link,
-  linkMove: $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.link | $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.move,
-  all: $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.all,
-  uninitialized: $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.all
-});
-
-const $b29ea0269b2ea2bf4827b4fa19ddc83e$export$EFFECT_ALLOWED = $b29ea0269b2ea2bf4827b4fa19ddc83e$var$invert($b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION_ALLOWED);
-const $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_EFFECT = $b29ea0269b2ea2bf4827b4fa19ddc83e$var$invert($b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION);
-const $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_EFFECT_TO_DROP_OPERATION = {
-  none: 'cancel',
-  link: 'link',
-  copy: 'copy',
-  move: 'move'
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $e2630e07d35639b3$exports = {};
+
+$parcel$export($e2630e07d35639b3$exports, "useDrag", () => $e2630e07d35639b3$export$7941f8aafa4b6021);
+
+
+
+let $d7547fb11526b355$export$60b7b4bcf3903d8e;
+(function($d7547fb11526b355$export$60b7b4bcf3903d8e) {
+    $d7547fb11526b355$export$60b7b4bcf3903d8e[$d7547fb11526b355$export$60b7b4bcf3903d8e["none"] = 0] = "none";
+    $d7547fb11526b355$export$60b7b4bcf3903d8e[$d7547fb11526b355$export$60b7b4bcf3903d8e["cancel"] = 0] = "cancel";
+    $d7547fb11526b355$export$60b7b4bcf3903d8e[$d7547fb11526b355$export$60b7b4bcf3903d8e["move"] = 1] = "move";
+    $d7547fb11526b355$export$60b7b4bcf3903d8e[$d7547fb11526b355$export$60b7b4bcf3903d8e["copy"] = 2] = "copy";
+    $d7547fb11526b355$export$60b7b4bcf3903d8e[$d7547fb11526b355$export$60b7b4bcf3903d8e["link"] = 4] = "link";
+    $d7547fb11526b355$export$60b7b4bcf3903d8e[$d7547fb11526b355$export$60b7b4bcf3903d8e["all"] = 7] = "all";
+})($d7547fb11526b355$export$60b7b4bcf3903d8e || ($d7547fb11526b355$export$60b7b4bcf3903d8e = {
+}));
+const $d7547fb11526b355$export$9bbdfc78cf083e16 = {
+    ...$d7547fb11526b355$export$60b7b4bcf3903d8e,
+    copyMove: $d7547fb11526b355$export$60b7b4bcf3903d8e.copy | $d7547fb11526b355$export$60b7b4bcf3903d8e.move,
+    copyLink: $d7547fb11526b355$export$60b7b4bcf3903d8e.copy | $d7547fb11526b355$export$60b7b4bcf3903d8e.link,
+    linkMove: $d7547fb11526b355$export$60b7b4bcf3903d8e.link | $d7547fb11526b355$export$60b7b4bcf3903d8e.move,
+    all: $d7547fb11526b355$export$60b7b4bcf3903d8e.all,
+    uninitialized: $d7547fb11526b355$export$60b7b4bcf3903d8e.all
 };
-const $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION_TO_DROP_EFFECT = $b29ea0269b2ea2bf4827b4fa19ddc83e$var$invert($b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_EFFECT_TO_DROP_OPERATION);
-
-function $b29ea0269b2ea2bf4827b4fa19ddc83e$var$invert(object) {
-  let res = {};
-
-  for (let key in object) {
-    res[object[key]] = key;
-  }
-
-  return res;
+const $d7547fb11526b355$export$dd0165308d8bff45 = $d7547fb11526b355$var$invert($d7547fb11526b355$export$9bbdfc78cf083e16);
+const $d7547fb11526b355$export$d7ebf00f36b7a95e = $d7547fb11526b355$var$invert($d7547fb11526b355$export$60b7b4bcf3903d8e);
+const $d7547fb11526b355$export$608ecc6f1b23c35d = {
+    none: 'cancel',
+    link: 'link',
+    copy: 'copy',
+    move: 'move'
+};
+const $d7547fb11526b355$export$5eacb0769d26d3b2 = $d7547fb11526b355$var$invert($d7547fb11526b355$export$608ecc6f1b23c35d);
+function $d7547fb11526b355$var$invert(object) {
+    let res = {
+    };
+    for(let key in object)res[object[key]] = key;
+    return res;
 }
+const $d7547fb11526b355$export$4a7729b856e9a690 = new Set([
+    'text/plain',
+    'text/uri-list',
+    'text/html'
+]);
+const $d7547fb11526b355$export$fd9f9fc120c5402d = 'application/vnd.react-aria.items+json';
+const $d7547fb11526b355$export$f8fc6581787339b3 = 'application/octet-stream';
 
-const $b29ea0269b2ea2bf4827b4fa19ddc83e$export$NATIVE_DRAG_TYPES = new Set(['text/plain', 'text/uri-list', 'text/html']);
-const $b29ea0269b2ea2bf4827b4fa19ddc83e$export$CUSTOM_DRAG_TYPE = 'application/vnd.react-aria.items+json';
-const $b29ea0269b2ea2bf4827b4fa19ddc83e$export$GENERIC_TYPE = 'application/octet-stream';
-const $bc29619458500c186021634c18dc$var$droppableCollectionIds = new WeakMap();
-
-function $bc29619458500c186021634c18dc$export$useDroppableCollectionId(state) {
-  let id = useId();
-  $bc29619458500c186021634c18dc$var$droppableCollectionIds.set(state, id);
-  return id;
-}
 
-function $bc29619458500c186021634c18dc$export$getDroppableCollectionId(state) {
-  let id = $bc29619458500c186021634c18dc$var$droppableCollectionIds.get(state);
 
-  if (!id) {
-    throw new Error('Droppable item outside a droppable collection');
-  }
 
-  return id;
+const $29c8537521cf08fe$var$droppableCollectionIds = new WeakMap();
+function $29c8537521cf08fe$export$b1601eb39394a581(state) {
+    let id = $67uu7$reactariautils.useId();
+    $29c8537521cf08fe$var$droppableCollectionIds.set(state, id);
+    return id;
 }
-
-function $bc29619458500c186021634c18dc$export$getTypes(items) {
-  let types = new Set();
-
-  for (let item of items) {
-    for (let type of Object.keys(item)) {
-      types.add(type);
-    }
-  }
-
-  return types;
+function $29c8537521cf08fe$export$3093291712f09a77(state) {
+    let id = $29c8537521cf08fe$var$droppableCollectionIds.get(state);
+    if (!id) throw new Error('Droppable item outside a droppable collection');
+    return id;
 }
-
-function $bc29619458500c186021634c18dc$var$mapModality(modality) {
-  if (!modality) {
-    modality = 'virtual';
-  }
-
-  if (modality === 'pointer') {
-    modality = 'virtual';
-  }
-
-  if (modality === 'virtual' && 'ontouchstart' in window) {
-    modality = 'touch';
-  }
-
-  return modality;
+function $29c8537521cf08fe$export$e1d41611756c6326(items) {
+    let types = new Set();
+    for (let item of items)for (let type of Object.keys(item))types.add(type);
+    return types;
 }
-
-function $bc29619458500c186021634c18dc$export$useDragModality() {
-  return $bc29619458500c186021634c18dc$var$mapModality(useInteractionModality());
+function $29c8537521cf08fe$var$mapModality(modality) {
+    if (!modality) modality = 'virtual';
+    if (modality === 'pointer') modality = 'virtual';
+    if (modality === 'virtual' && 'ontouchstart' in window) modality = 'touch';
+    return modality;
 }
-
-function $bc29619458500c186021634c18dc$export$getDragModality() {
-  return $bc29619458500c186021634c18dc$var$mapModality(getInteractionModality());
+function $29c8537521cf08fe$export$49bac5d6d4b352ea() {
+    return $29c8537521cf08fe$var$mapModality($67uu7$reactariainteractions.useInteractionModality());
 }
-
-function $bc29619458500c186021634c18dc$export$writeToDataTransfer(dataTransfer, items) {
-  // The data transfer API doesn't support more than one item of a given type at once.
-  // In addition, only a small set of types are supported natively for transfer between applications.
-  // We allow for both multiple items, as well as multiple representations of a single item.
-  // In order to make our API work with the native API, we serialize all items to JSON and
-  // store as a single native item. We only need to do this if there is more than one item
-  // of the same type, or if an item has more than one representation. Otherwise the native
-  // API is sufficient.
-  //
-  // The DataTransferItemList API also theoretically supports adding files, which would enable
-  // dragging binary data out of the browser onto the user's desktop for example. Unfortunately,
-  // this does not currently work in any browser, so it is not currently supported by our API.
-  // See e.g. https://bugs.chromium.org/p/chromium/issues/detail?id=438479.
-  let groupedByType = new Map();
-  let needsCustomData = false;
-  let customData = [];
-
-  for (let item of items) {
-    let types = Object.keys(item);
-
-    if (types.length > 1) {
-      needsCustomData = true;
-    }
-
-    let dataByType = {};
-
-    for (let type of types) {
-      let typeItems = groupedByType.get(type);
-
-      if (!typeItems) {
-        typeItems = [];
-        groupedByType.set(type, typeItems);
-      } else {
-        needsCustomData = true;
-      }
-
-      let data = item[type];
-      dataByType[type] = data;
-      typeItems.push(data);
-    }
-
-    customData.push(dataByType);
-  }
-
-  for (let [type, items] of groupedByType) {
-    if ($b29ea0269b2ea2bf4827b4fa19ddc83e$export$NATIVE_DRAG_TYPES.has(type)) {
-      // Only one item of a given type can be set on a data transfer.
-      // Join all of the items together separated by newlines.
-      let data = items.join('\n');
-      dataTransfer.items.add(data, type);
-    } else {
-      // Set data to the first item so we have access to the list of types.
-      dataTransfer.items.add(items[0], type);
-    }
-  }
-
-  if (needsCustomData) {
-    let data = JSON.stringify(customData);
-    dataTransfer.items.add(data, $b29ea0269b2ea2bf4827b4fa19ddc83e$export$CUSTOM_DRAG_TYPE);
-  }
+function $29c8537521cf08fe$export$1fb2158d224b542c() {
+    return $29c8537521cf08fe$var$mapModality($67uu7$reactariainteractions.getInteractionModality());
 }
-
-class $bc29619458500c186021634c18dc$export$DragTypes {
-  constructor(dataTransfer) {
-    this.types = void 0;
-    this.includesUnknownTypes = void 0;
-    this.types = new Set();
-    let hasFiles = false;
-
-    for (let item of dataTransfer.items) {
-      if (item.type !== $b29ea0269b2ea2bf4827b4fa19ddc83e$export$CUSTOM_DRAG_TYPE) {
-        if (item.kind === 'file') {
-          hasFiles = true;
+function $29c8537521cf08fe$export$f9c1490890ddd063(dataTransfer, items) {
+    // The data transfer API doesn't support more than one item of a given type at once.
+    // In addition, only a small set of types are supported natively for transfer between applications.
+    // We allow for both multiple items, as well as multiple representations of a single item.
+    // In order to make our API work with the native API, we serialize all items to JSON and
+    // store as a single native item. We only need to do this if there is more than one item
+    // of the same type, or if an item has more than one representation. Otherwise the native
+    // API is sufficient.
+    //
+    // The DataTransferItemList API also theoretically supports adding files, which would enable
+    // dragging binary data out of the browser onto the user's desktop for example. Unfortunately,
+    // this does not currently work in any browser, so it is not currently supported by our API.
+    // See e.g. https://bugs.chromium.org/p/chromium/issues/detail?id=438479.
+    let groupedByType = new Map();
+    let needsCustomData = false;
+    let customData = [];
+    for (let item of items){
+        let types = Object.keys(item);
+        if (types.length > 1) needsCustomData = true;
+        let dataByType = {
+        };
+        for (let type of types){
+            let typeItems = groupedByType.get(type);
+            if (!typeItems) {
+                typeItems = [];
+                groupedByType.set(type, typeItems);
+            } else needsCustomData = true;
+            let data = item[type];
+            dataByType[type] = data;
+            typeItems.push(data);
         }
-
-        if (item.type) {
-          this.types.add(item.type);
-        } else {
-          // Files with unknown types or extensions that don't map to a known mime type
-          // are sometimes exposed as an empty string by the browser. Map to a generic
-          // mime type instead. Note that this could also be a directory as there's no
-          // way to determine if something is a file or directory until drop.
-          this.types.add($b29ea0269b2ea2bf4827b4fa19ddc83e$export$GENERIC_TYPE);
+        customData.push(dataByType);
+    }
+    for (let [type, items1] of groupedByType)if ($d7547fb11526b355$export$4a7729b856e9a690.has(type)) {
+        // Only one item of a given type can be set on a data transfer.
+        // Join all of the items together separated by newlines.
+        let data = items1.join('\n');
+        dataTransfer.items.add(data, type);
+    } else // Set data to the first item so we have access to the list of types.
+    dataTransfer.items.add(items1[0], type);
+    if (needsCustomData) {
+        let data = JSON.stringify(customData);
+        dataTransfer.items.add(data, $d7547fb11526b355$export$fd9f9fc120c5402d);
+    }
+}
+class $29c8537521cf08fe$export$7f04ce188c91447c {
+    has(type) {
+        if (this.includesUnknownTypes) return true;
+        return this.types.has(type);
+    }
+    constructor(dataTransfer){
+        this.types = new Set();
+        let hasFiles = false;
+        for (let item of dataTransfer.items)if (item.type !== $d7547fb11526b355$export$fd9f9fc120c5402d) {
+            if (item.kind === 'file') hasFiles = true;
+            if (item.type) this.types.add(item.type);
+            else // Files with unknown types or extensions that don't map to a known mime type
+            // are sometimes exposed as an empty string by the browser. Map to a generic
+            // mime type instead. Note that this could also be a directory as there's no
+            // way to determine if something is a file or directory until drop.
+            this.types.add($d7547fb11526b355$export$f8fc6581787339b3);
         }
-      }
-    } // In Safari, when dragging files, the dataTransfer.items list is empty, but dataTransfer.types contains "Files".
-    // Unfortunately, this doesn't tell us what types of files the user is dragging, so we need to assume that any
-    // type the user checks for is included. See https://bugs.webkit.org/show_bug.cgi?id=223517.
-
-
-    this.includesUnknownTypes = !hasFiles && dataTransfer.types.includes('Files');
-  }
-
-  has(type) {
-    if (this.includesUnknownTypes) {
-      return true;
+        // In Safari, when dragging files, the dataTransfer.items list is empty, but dataTransfer.types contains "Files".
+        // Unfortunately, this doesn't tell us what types of files the user is dragging, so we need to assume that any
+        // type the user checks for is included. See https://bugs.webkit.org/show_bug.cgi?id=223517.
+        this.includesUnknownTypes = !hasFiles && dataTransfer.types.includes('Files');
     }
-
-    return this.types.has(type);
-  }
-
 }
-
-function $bc29619458500c186021634c18dc$export$readFromDataTransfer(dataTransfer) {
-  let items = []; // If our custom drag type is available, use that. This is a JSON serialized
-  // representation of all items in the drag, set when there are multiple items
-  // of the same type, or an individual item has multiple representations.
-
-  let hasCustomType = false;
-
-  if (dataTransfer.types.includes($b29ea0269b2ea2bf4827b4fa19ddc83e$export$CUSTOM_DRAG_TYPE)) {
-    try {
-      let data = dataTransfer.getData($b29ea0269b2ea2bf4827b4fa19ddc83e$export$CUSTOM_DRAG_TYPE);
-      let parsed = JSON.parse(data);
-
-      for (let item of parsed) {
-        items.push({
-          kind: 'text',
-          types: new Set(Object.keys(item)),
-          getText: type => Promise.resolve(item[type])
+function $29c8537521cf08fe$export$d9e760437831f8b3(dataTransfer) {
+    let items = [];
+    // If our custom drag type is available, use that. This is a JSON serialized
+    // representation of all items in the drag, set when there are multiple items
+    // of the same type, or an individual item has multiple representations.
+    let hasCustomType = false;
+    if (dataTransfer.types.includes($d7547fb11526b355$export$fd9f9fc120c5402d)) try {
+        let data = dataTransfer.getData($d7547fb11526b355$export$fd9f9fc120c5402d);
+        let parsed = JSON.parse(data);
+        for (let item of parsed)items.push({
+            kind: 'text',
+            types: new Set(Object.keys(item)),
+            getText: (type)=>Promise.resolve(item[type])
         });
-      }
-
-      hasCustomType = true;
-    } catch (e) {// ignore
-    }
-  } // Otherwise, map native drag items to items of a single representation.
-
-
-  if (!hasCustomType) {
-    let stringItems = new Map();
-
-    for (let item of dataTransfer.items) {
-      if (item.kind === 'string') {
-        // The data for all formats must be read here because the data transfer gets
-        // cleared out after the event handler finishes. If the item has an empty string
-        // as a type, the mime type is unknown. Map to a generic mime type instead.
-        stringItems.set(item.type || $b29ea0269b2ea2bf4827b4fa19ddc83e$export$GENERIC_TYPE, dataTransfer.getData(item.type));
-      } else if (item.kind === 'file') {
-        // Despite the name, webkitGetAsEntry is also implemented in Firefox and Edge.
-        // In the future, we may use getAsFileSystemHandle instead, but that's currently
-        // only implemented in Chrome.
-        if (typeof item.webkitGetAsEntry === 'function') {
-          let entry = item.webkitGetAsEntry();
-
-          if (!entry) {
-            // For some reason, Firefox includes an item with type image/png when copy
-            // and pasting any file or directory (no matter the type), but returns `null` for both
-            // item.getAsFile() and item.webkitGetAsEntry(). Safari works as expected. Ignore this
-            // item if this happens. See https://bugzilla.mozilla.org/show_bug.cgi?id=1699743.
-            // This was recently fixed in Chrome Canary: https://bugs.chromium.org/p/chromium/issues/detail?id=1175483.
-            continue;
-          }
-
-          if (entry.isFile) {
-            items.push($bc29619458500c186021634c18dc$var$createFileItem(item.getAsFile()));
-          } else if (entry.isDirectory) {
-            items.push($bc29619458500c186021634c18dc$var$createDirectoryItem(entry));
-          }
-        } else {
-          // Assume it's a file.
-          items.push($bc29619458500c186021634c18dc$var$createFileItem(item.getAsFile()));
+        hasCustomType = true;
+    } catch (e) {
+    // ignore
+    }
+    // Otherwise, map native drag items to items of a single representation.
+    if (!hasCustomType) {
+        let stringItems = new Map();
+        for (let item of dataTransfer.items){
+            if (item.kind === 'string') // The data for all formats must be read here because the data transfer gets
+            // cleared out after the event handler finishes. If the item has an empty string
+            // as a type, the mime type is unknown. Map to a generic mime type instead.
+            stringItems.set(item.type || $d7547fb11526b355$export$f8fc6581787339b3, dataTransfer.getData(item.type));
+            else if (item.kind === 'file') {
+                // Despite the name, webkitGetAsEntry is also implemented in Firefox and Edge.
+                // In the future, we may use getAsFileSystemHandle instead, but that's currently
+                // only implemented in Chrome.
+                if (typeof item.webkitGetAsEntry === 'function') {
+                    let entry = item.webkitGetAsEntry();
+                    if (!entry) continue;
+                    if (entry.isFile) items.push($29c8537521cf08fe$var$createFileItem(item.getAsFile()));
+                    else if (entry.isDirectory) items.push($29c8537521cf08fe$var$createDirectoryItem(entry));
+                } else // Assume it's a file.
+                items.push($29c8537521cf08fe$var$createFileItem(item.getAsFile()));
+            }
         }
-      }
-    } // All string items are different representations of the same item. There's no way to have
-    // multiple string items at once in the current DataTransfer API.
-
-
-    if (stringItems.size > 0) {
-      items.push({
-        kind: 'text',
-        types: new Set(stringItems.keys()),
-        getText: type => Promise.resolve(stringItems.get(type))
-      });
+        // All string items are different representations of the same item. There's no way to have
+        // multiple string items at once in the current DataTransfer API.
+        if (stringItems.size > 0) items.push({
+            kind: 'text',
+            types: new Set(stringItems.keys()),
+            getText: (type)=>Promise.resolve(stringItems.get(type))
+        });
     }
-  }
-
-  return items;
-}
-
-function $bc29619458500c186021634c18dc$var$blobToString(blob) {
-  if (typeof blob.text === 'function') {
-    return blob.text();
-  } // Safari doesn't have the Blob#text() method yet...
-
-
-  return new Promise((resolve, reject) => {
-    let reader = new FileReader();
-
-    reader.onload = () => {
-      resolve(reader.result);
-    };
-
-    reader.onerror = reject;
-    reader.readAsText(blob);
-  });
+    return items;
 }
-
-function $bc29619458500c186021634c18dc$var$createFileItem(file) {
-  return {
-    kind: 'file',
-    type: file.type || $b29ea0269b2ea2bf4827b4fa19ddc83e$export$GENERIC_TYPE,
-    name: file.name,
-    getText: () => $bc29619458500c186021634c18dc$var$blobToString(file),
-    getFile: () => Promise.resolve(file)
-  };
+function $29c8537521cf08fe$var$blobToString(blob) {
+    if (typeof blob.text === 'function') return blob.text();
+    // Safari doesn't have the Blob#text() method yet...
+    return new Promise((resolve, reject)=>{
+        let reader = new FileReader;
+        reader.onload = ()=>{
+            resolve(reader.result);
+        };
+        reader.onerror = reject;
+        reader.readAsText(blob);
+    });
 }
-
-function $bc29619458500c186021634c18dc$var$createDirectoryItem(entry) {
-  return {
-    kind: 'directory',
-    name: entry.name,
-    getEntries: () => $bc29619458500c186021634c18dc$var$_getEntries2(entry)
-  };
+function $29c8537521cf08fe$var$createFileItem(file) {
+    return {
+        kind: 'file',
+        type: file.type || $d7547fb11526b355$export$f8fc6581787339b3,
+        name: file.name,
+        getText: ()=>$29c8537521cf08fe$var$blobToString(file)
+        ,
+        getFile: ()=>Promise.resolve(file)
+    };
 }
-
-function $bc29619458500c186021634c18dc$var$_getEntries2(_x) {
-  return $bc29619458500c186021634c18dc$var$_getEntries.apply(this, arguments);
+function $29c8537521cf08fe$var$createDirectoryItem(entry) {
+    return {
+        kind: 'directory',
+        name: entry.name,
+        getEntries: ()=>$29c8537521cf08fe$var$getEntries(entry)
+    };
 }
-
-function $bc29619458500c186021634c18dc$var$_getEntries() {
-  $bc29619458500c186021634c18dc$var$_getEntries = _babelRuntimeHelpersWrapAsyncGenerator(function* (item) {
-    let reader = item.createReader(); // We must call readEntries repeatedly because there may be a limit to the
+async function* $29c8537521cf08fe$var$getEntries(item) {
+    let reader = item.createReader();
+    // We must call readEntries repeatedly because there may be a limit to the
     // number of entries that are returned at once.
-
     let entries;
-
     do {
-      entries = yield _babelRuntimeHelpersAwaitAsyncGenerator(new Promise((resolve, reject) => {
-        reader.readEntries(resolve, reject);
-      }));
-
-      for (let entry of entries) {
-        if (entry.isFile) {
-          let file = yield _babelRuntimeHelpersAwaitAsyncGenerator($bc29619458500c186021634c18dc$var$getEntryFile(entry));
-          yield $bc29619458500c186021634c18dc$var$createFileItem(file);
-        } else if (entry.isDirectory) {
-          yield $bc29619458500c186021634c18dc$var$createDirectoryItem(entry);
+        entries = await new Promise((resolve, reject)=>{
+            reader.readEntries(resolve, reject);
+        });
+        for (let entry of entries){
+            if (entry.isFile) {
+                let file = await $29c8537521cf08fe$var$getEntryFile(entry);
+                yield $29c8537521cf08fe$var$createFileItem(file);
+            } else if (entry.isDirectory) yield $29c8537521cf08fe$var$createDirectoryItem(entry);
         }
-      }
-    } while (entries.length > 0);
-  });
-  return $bc29619458500c186021634c18dc$var$_getEntries.apply(this, arguments);
+    }while (entries.length > 0)
 }
-
-function $bc29619458500c186021634c18dc$var$getEntryFile(entry) {
-  return new Promise((resolve, reject) => entry.file(resolve, reject));
+function $29c8537521cf08fe$var$getEntryFile(entry) {
+    return new Promise((resolve, reject)=>entry.file(resolve, reject)
+    );
 }
 
-let $a75d092e5c30878812fba78e$var$dropTargets = new Map();
-let $a75d092e5c30878812fba78e$var$dropItems = new Map();
-let $a75d092e5c30878812fba78e$var$dragSession = null;
-let $a75d092e5c30878812fba78e$var$subscriptions = new Set();
 
-function $a75d092e5c30878812fba78e$export$registerDropTarget(target) {
-  var _dragSession;
 
-  $a75d092e5c30878812fba78e$var$dropTargets.set(target.element, target);
-  (_dragSession = $a75d092e5c30878812fba78e$var$dragSession) == null ? void 0 : _dragSession.updateValidDropTargets();
-  return () => {
-    var _dragSession2;
-
-    $a75d092e5c30878812fba78e$var$dropTargets.delete(target.element);
-    (_dragSession2 = $a75d092e5c30878812fba78e$var$dragSession) == null ? void 0 : _dragSession2.updateValidDropTargets();
-  };
+let $7b1813d52b80b911$var$dropTargets = new Map();
+let $7b1813d52b80b911$var$dropItems = new Map();
+let $7b1813d52b80b911$var$dragSession = null;
+let $7b1813d52b80b911$var$subscriptions = new Set();
+function $7b1813d52b80b911$export$c28d9fb4a54e471a(target) {
+    $7b1813d52b80b911$var$dropTargets.set(target.element, target);
+    $7b1813d52b80b911$var$dragSession === null || $7b1813d52b80b911$var$dragSession === void 0 ? void 0 : $7b1813d52b80b911$var$dragSession.updateValidDropTargets();
+    return ()=>{
+        $7b1813d52b80b911$var$dropTargets.delete(target.element);
+        $7b1813d52b80b911$var$dragSession === null || $7b1813d52b80b911$var$dragSession === void 0 ? void 0 : $7b1813d52b80b911$var$dragSession.updateValidDropTargets();
+    };
 }
-
-function $a75d092e5c30878812fba78e$export$registerDropItem(item) {
-  $a75d092e5c30878812fba78e$var$dropItems.set(item.element, item);
-  return () => {
-    $a75d092e5c30878812fba78e$var$dropItems.delete(item.element);
-  };
+function $7b1813d52b80b911$export$aef80212ac99c003(item) {
+    $7b1813d52b80b911$var$dropItems.set(item.element, item);
+    return ()=>{
+        $7b1813d52b80b911$var$dropItems.delete(item.element);
+    };
 }
-
-function $a75d092e5c30878812fba78e$export$beginDragging(target, formatMessage) {
-  if ($a75d092e5c30878812fba78e$var$dragSession) {
-    throw new Error('Cannot begin dragging while already dragging');
-  }
-
-  $a75d092e5c30878812fba78e$var$dragSession = new $a75d092e5c30878812fba78e$var$DragSession(target, formatMessage);
-  requestAnimationFrame(() => {
-    $a75d092e5c30878812fba78e$var$dragSession.setup();
-
-    if ($bc29619458500c186021634c18dc$export$getDragModality() === 'keyboard') {
-      $a75d092e5c30878812fba78e$var$dragSession.next();
-    }
-  });
-
-  for (let cb of $a75d092e5c30878812fba78e$var$subscriptions) {
-    cb();
-  }
+function $7b1813d52b80b911$export$549dbcf8649bf3b2(target, formatMessage) {
+    if ($7b1813d52b80b911$var$dragSession) throw new Error('Cannot begin dragging while already dragging');
+    $7b1813d52b80b911$var$dragSession = new $7b1813d52b80b911$var$DragSession(target, formatMessage);
+    requestAnimationFrame(()=>{
+        $7b1813d52b80b911$var$dragSession.setup();
+        if ($29c8537521cf08fe$export$1fb2158d224b542c() === 'keyboard') $7b1813d52b80b911$var$dragSession.next();
+    });
+    for (let cb of $7b1813d52b80b911$var$subscriptions)cb();
 }
-
-function $a75d092e5c30878812fba78e$export$useDragSession() {
-  let [session, setSession] = useState($a75d092e5c30878812fba78e$var$dragSession);
-  useEffect(() => {
-    let cb = () => setSession($a75d092e5c30878812fba78e$var$dragSession);
-
-    $a75d092e5c30878812fba78e$var$subscriptions.add(cb);
-    return () => {
-      $a75d092e5c30878812fba78e$var$subscriptions.delete(cb);
-    };
-  }, []);
-  return session;
+function $7b1813d52b80b911$export$418e185dd3f1b968() {
+    let [session, setSession] = $67uu7$react.useState($7b1813d52b80b911$var$dragSession);
+    $67uu7$react.useEffect(()=>{
+        let cb = ()=>setSession($7b1813d52b80b911$var$dragSession)
+        ;
+        $7b1813d52b80b911$var$subscriptions.add(cb);
+        return ()=>{
+            $7b1813d52b80b911$var$subscriptions.delete(cb);
+        };
+    }, []);
+    return session;
 }
-
-function $a75d092e5c30878812fba78e$var$endDragging() {
-  $a75d092e5c30878812fba78e$var$dragSession = null;
-
-  for (let cb of $a75d092e5c30878812fba78e$var$subscriptions) {
-    cb();
-  }
+function $7b1813d52b80b911$var$endDragging() {
+    $7b1813d52b80b911$var$dragSession = null;
+    for (let cb of $7b1813d52b80b911$var$subscriptions)cb();
 }
-
-const $a75d092e5c30878812fba78e$var$CANCELED_EVENTS = ['pointerdown', 'pointermove', 'pointerenter', 'pointerleave', 'pointerover', 'pointerout', 'pointerup', 'mousedown', 'mousemove', 'mouseenter', 'mouseleave', 'mouseover', 'mouseout', 'mouseup', 'touchstart', 'touchmove', 'touchend', 'keyup', 'focusin', 'focusout'];
-const $a75d092e5c30878812fba78e$var$CLICK_EVENTS = ['pointerup', 'mouseup', 'touchend'];
-const $a75d092e5c30878812fba78e$var$MESSAGES = {
-  keyboard: 'dragStartedKeyboard',
-  touch: 'dragStartedTouch',
-  virtual: 'dragStartedVirtual'
+const $7b1813d52b80b911$var$CANCELED_EVENTS = [
+    'pointerdown',
+    'pointermove',
+    'pointerenter',
+    'pointerleave',
+    'pointerover',
+    'pointerout',
+    'pointerup',
+    'mousedown',
+    'mousemove',
+    'mouseenter',
+    'mouseleave',
+    'mouseover',
+    'mouseout',
+    'mouseup',
+    'touchstart',
+    'touchmove',
+    'touchend',
+    'keyup',
+    'focusin',
+    'focusout'
+];
+const $7b1813d52b80b911$var$CLICK_EVENTS = [
+    'pointerup',
+    'mouseup',
+    'touchend'
+];
+const $7b1813d52b80b911$var$MESSAGES = {
+    keyboard: 'dragStartedKeyboard',
+    touch: 'dragStartedTouch',
+    virtual: 'dragStartedVirtual'
 };
-
-class $a75d092e5c30878812fba78e$var$DragSession {
-  constructor(target, formatMessage) {
-    this.dragTarget = void 0;
-    this.validDropTargets = void 0;
-    this.currentDropTarget = void 0;
-    this.currentDropItem = void 0;
-    this.dropOperation = void 0;
-    this.mutationObserver = void 0;
-    this.mutationImmediate = void 0;
-    this.restoreAriaHidden = void 0;
-    this.formatMessage = void 0;
-    this.dragTarget = target;
-    this.formatMessage = formatMessage;
-    this.onKeyDown = this.onKeyDown.bind(this);
-    this.onFocus = this.onFocus.bind(this);
-    this.onBlur = this.onBlur.bind(this);
-    this.onClick = this.onClick.bind(this);
-    this.cancelEvent = this.cancelEvent.bind(this);
-  }
-
-  setup() {
-    document.addEventListener('keydown', this.onKeyDown, true);
-    window.addEventListener('focus', this.onFocus, true);
-    window.addEventListener('blur', this.onBlur, true);
-    document.addEventListener('click', this.onClick, true);
-
-    for (let event of $a75d092e5c30878812fba78e$var$CANCELED_EVENTS) {
-      document.addEventListener(event, this.cancelEvent, true);
-    }
-
-    this.mutationObserver = new MutationObserver(() => {
-      // JSDOM has a bug where MutationObserver enters an infinite loop if mutations
-      // occur inside a MutationObserver callback. If running in Node, wait until
-      // the next tick to update valid drop targets.
-      // See https://github.com/jsdom/jsdom/issues/3096
-      if (typeof setImmediate === 'function') {
-        this.mutationImmediate = setImmediate(() => this.updateValidDropTargets());
-      } else {
+class $7b1813d52b80b911$var$DragSession {
+    setup() {
+        document.addEventListener('keydown', this.onKeyDown, true);
+        window.addEventListener('focus', this.onFocus, true);
+        window.addEventListener('blur', this.onBlur, true);
+        document.addEventListener('click', this.onClick, true);
+        for (let event of $7b1813d52b80b911$var$CANCELED_EVENTS)document.addEventListener(event, this.cancelEvent, true);
+        this.mutationObserver = new MutationObserver(()=>this.updateValidDropTargets()
+        );
         this.updateValidDropTargets();
-      }
-    });
-    this.updateValidDropTargets();
-    announce(this.formatMessage($a75d092e5c30878812fba78e$var$MESSAGES[$bc29619458500c186021634c18dc$export$getDragModality()]));
-  }
-
-  teardown() {
-    document.removeEventListener('keydown', this.onKeyDown, true);
-    window.removeEventListener('focus', this.onFocus, true);
-    window.removeEventListener('blur', this.onBlur, true);
-    document.removeEventListener('click', this.onClick, true);
-
-    for (let event of $a75d092e5c30878812fba78e$var$CANCELED_EVENTS) {
-      document.removeEventListener(event, this.cancelEvent, true);
-    }
-
-    this.mutationObserver.disconnect();
-    this.restoreAriaHidden();
-
-    if (this.mutationImmediate) {
-      clearImmediate(this.mutationImmediate);
-    }
-  }
-
-  onKeyDown(e) {
-    var _this$currentDropTarg;
-
-    this.cancelEvent(e);
-
-    if (e.key === 'Escape') {
-      this.cancel();
-      return;
-    }
-
-    if (e.key === 'Enter') {
-      if (e.altKey) {
-        this.activate();
-      } else {
-        this.drop();
-      }
-
-      return;
-    }
-
-    if (e.key === 'Tab' && !(e.metaKey || e.altKey || e.ctrlKey)) {
-      if (e.shiftKey) {
-        this.previous();
-      } else {
-        this.next();
-      }
-    }
-
-    if (typeof ((_this$currentDropTarg = this.currentDropTarget) == null ? void 0 : _this$currentDropTarg.onKeyDown) === 'function') {
-      this.currentDropTarget.onKeyDown(e, this.dragTarget);
-    }
-  }
-
-  onFocus(e) {
-    // Prevent focus events, except to the original drag target.
-    if (e.target !== this.dragTarget.element) {
-      this.cancelEvent(e);
-    } // Ignore focus events on the window/document (JSDOM). Will be handled in onBlur, below.
-
-
-    if (!(e.target instanceof HTMLElement) || e.target === this.dragTarget.element) {
-      return;
-    }
-
-    let dropTarget = this.validDropTargets.find(target => target.element.contains(e.target));
-
-    if (!dropTarget) {
-      if (this.currentDropTarget) {
-        this.currentDropTarget.element.focus();
-      } else {
-        this.dragTarget.element.focus();
-      }
-
-      return;
-    }
-
-    let item = $a75d092e5c30878812fba78e$var$dropItems.get(e.target);
-    this.setCurrentDropTarget(dropTarget, item);
-  }
-
-  onBlur(e) {
-    if (e.target !== this.dragTarget.element) {
-      this.cancelEvent(e);
-    } // If nothing is gaining focus, or e.relatedTarget is the window/document (JSDOM),
-    // restore focus back to the current drop target if any, or the original drag target.
-
-
-    if (!e.relatedTarget || !(e.relatedTarget instanceof HTMLElement)) {
-      if (this.currentDropTarget) {
-        this.currentDropTarget.element.focus();
-      } else {
-        this.dragTarget.element.focus();
-      }
-    }
-  }
-
-  onClick(e) {
-    this.cancelEvent(e);
-
-    if (e.detail !== 0) {
-      return;
-    }
-
-    if (e.target === this.dragTarget.element) {
-      this.cancel();
-      return;
-    }
-
-    let dropTarget = this.validDropTargets.find(target => target.element.contains(e.target));
-
-    if (dropTarget) {
-      let item = $a75d092e5c30878812fba78e$var$dropItems.get(e.target);
-      this.setCurrentDropTarget(dropTarget, item);
-      this.drop(item);
-    }
-  }
-
-  cancelEvent(e) {
-    // Allow default for events that might cancel a click event
-    if (!$a75d092e5c30878812fba78e$var$CLICK_EVENTS.includes(e.type)) {
-      e.preventDefault();
-    }
-
-    e.stopPropagation();
-    e.stopImmediatePropagation();
-  }
-
-  updateValidDropTargets() {
-    if (!this.mutationObserver) {
-      return;
-    }
-
-    this.mutationObserver.disconnect();
-
-    if (this.restoreAriaHidden) {
-      this.restoreAriaHidden();
-    }
-
-    this.validDropTargets = $a75d092e5c30878812fba78e$var$findValidDropTargets(this.dragTarget);
-
-    if (this.currentDropTarget && !this.validDropTargets.includes(this.currentDropTarget)) {
-      this.setCurrentDropTarget(this.validDropTargets[0]);
-    } // Find valid drop items within collections
-
-
-    let types = $bc29619458500c186021634c18dc$export$getTypes(this.dragTarget.items);
-    let validDropItems = [...$a75d092e5c30878812fba78e$var$dropItems.values()].filter(item => {
-      if (typeof item.getDropOperation === 'function') {
-        return item.getDropOperation(types, this.dragTarget.allowedDropOperations) !== 'cancel';
-      }
-
-      return true;
-    }); // Filter out drop targets that contain valid items. We don't want to stop hiding elements
-    // other than the drop items that exist inside the collection.
-
-    let visibleDropTargets = this.validDropTargets.filter(target => !validDropItems.some(item => target.element.contains(item.element)));
-    this.restoreAriaHidden = ariaHideOutside([this.dragTarget.element, ...validDropItems.map(item => item.element), ...visibleDropTargets.map(target => target.element)]);
-    this.mutationObserver.observe(document.body, {
-      subtree: true,
-      attributes: true,
-      attributeFilter: ['aria-hidden']
-    });
-  }
-
-  next() {
-    if (!this.currentDropTarget) {
-      this.setCurrentDropTarget(this.validDropTargets[0]);
-      return;
-    }
-
-    let index = this.validDropTargets.indexOf(this.currentDropTarget);
-
-    if (index < 0) {
-      this.setCurrentDropTarget(this.validDropTargets[0]);
-      return;
-    } // If we've reached the end of the valid drop targets, cycle back to the original drag target.
-    // This lets the user cancel the drag in case they don't have an Escape key (e.g. iPad keyboard case).
-
-
-    if (index === this.validDropTargets.length - 1) {
-      if (!this.dragTarget.element.closest('[aria-hidden="true"]')) {
-        this.setCurrentDropTarget(null);
-        this.dragTarget.element.focus();
-      } else {
-        this.setCurrentDropTarget(this.validDropTargets[0]);
-      }
-    } else {
-      this.setCurrentDropTarget(this.validDropTargets[index + 1]);
-    }
-  }
-
-  previous() {
-    if (!this.currentDropTarget) {
-      this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);
-      return;
-    }
-
-    let index = this.validDropTargets.indexOf(this.currentDropTarget);
-
-    if (index < 0) {
-      this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);
-      return;
-    } // If we've reached the start of the valid drop targets, cycle back to the original drag target.
-    // This lets the user cancel the drag in case they don't have an Escape key (e.g. iPad keyboard case).
-
-
-    if (index === 0) {
-      if (!this.dragTarget.element.closest('[aria-hidden="true"]')) {
-        this.setCurrentDropTarget(null);
-        this.dragTarget.element.focus();
-      } else {
-        this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);
-      }
-    } else {
-      this.setCurrentDropTarget(this.validDropTargets[index - 1]);
-    }
-  }
-
-  setCurrentDropTarget(dropTarget, item) {
-    if (dropTarget !== this.currentDropTarget) {
-      if (this.currentDropTarget && typeof this.currentDropTarget.onDropExit === 'function') {
-        let rect = this.currentDropTarget.element.getBoundingClientRect();
-        this.currentDropTarget.onDropExit({
-          type: 'dropexit',
-          x: rect.left + rect.width / 2,
-          y: rect.top + rect.height / 2
-        });
-      }
-
-      this.currentDropTarget = dropTarget;
-
-      if (dropTarget) {
-        if (typeof dropTarget.onDropEnter === 'function') {
-          let rect = dropTarget.element.getBoundingClientRect();
-          dropTarget.onDropEnter({
-            type: 'dropenter',
-            x: rect.left + rect.width / 2,
-            y: rect.top + rect.height / 2
-          }, this.dragTarget);
+        $67uu7$reactarialiveannouncer.announce(this.formatMessage($7b1813d52b80b911$var$MESSAGES[$29c8537521cf08fe$export$1fb2158d224b542c()]));
+    }
+    teardown() {
+        document.removeEventListener('keydown', this.onKeyDown, true);
+        window.removeEventListener('focus', this.onFocus, true);
+        window.removeEventListener('blur', this.onBlur, true);
+        document.removeEventListener('click', this.onClick, true);
+        for (let event of $7b1813d52b80b911$var$CANCELED_EVENTS)document.removeEventListener(event, this.cancelEvent, true);
+        this.mutationObserver.disconnect();
+        this.restoreAriaHidden();
+        if (this.mutationImmediate) clearImmediate(this.mutationImmediate);
+    }
+    onKeyDown(e) {
+        var ref;
+        this.cancelEvent(e);
+        if (e.key === 'Escape') {
+            this.cancel();
+            return;
         }
-
-        if (!item) {
-          dropTarget == null ? void 0 : dropTarget.element.focus();
+        if (e.key === 'Enter') {
+            if (e.altKey) this.activate();
+            else this.drop();
+            return;
         }
-      }
-    }
-
-    if (item !== this.currentDropItem) {
-      if (item && typeof this.currentDropTarget.onDropTargetEnter === 'function') {
-        this.currentDropTarget.onDropTargetEnter(item == null ? void 0 : item.target);
-      }
-
-      item == null ? void 0 : item.element.focus();
-      this.currentDropItem = item;
-    }
-  }
-
-  end() {
-    this.teardown();
-
-    if (typeof this.dragTarget.onDragEnd === 'function') {
-      let target = this.currentDropTarget && this.dropOperation !== 'cancel' ? this.currentDropTarget : this.dragTarget;
-      let rect = target.element.getBoundingClientRect();
-      this.dragTarget.onDragEnd({
-        type: 'dragend',
-        x: rect.x + rect.width / 2,
-        y: rect.y + rect.height / 2,
-        dropOperation: this.dropOperation
-      });
-    }
-
-    this.setCurrentDropTarget(null);
-    $a75d092e5c30878812fba78e$var$endDragging();
-  }
-
-  cancel() {
-    this.end();
-
-    if (!this.dragTarget.element.closest('[aria-hidden="true"]')) {
-      this.dragTarget.element.focus();
-    }
-
-    announce(this.formatMessage('dropCanceled'));
-  }
-
-  drop(item) {
-    if (!this.currentDropTarget) {
-      this.cancel();
-      return;
-    }
-
-    if (typeof (item == null ? void 0 : item.getDropOperation) === 'function') {
-      let types = $bc29619458500c186021634c18dc$export$getTypes(this.dragTarget.items);
-      this.dropOperation = item.getDropOperation(types, this.dragTarget.allowedDropOperations);
-    } else if (typeof this.currentDropTarget.getDropOperation === 'function') {
-      let types = $bc29619458500c186021634c18dc$export$getTypes(this.dragTarget.items);
-      this.dropOperation = this.currentDropTarget.getDropOperation(types, this.dragTarget.allowedDropOperations);
-    } else {
-      // TODO: show menu ??
-      this.dropOperation = this.dragTarget.allowedDropOperations[0];
-    }
-
-    if (typeof this.currentDropTarget.onDrop === 'function') {
-      let items = this.dragTarget.items.map(item => ({
-        kind: 'text',
-        types: new Set(Object.keys(item)),
-        getText: type => Promise.resolve(item[type])
-      }));
-      let rect = this.currentDropTarget.element.getBoundingClientRect();
-      this.currentDropTarget.onDrop({
-        type: 'drop',
-        x: rect.left + rect.width / 2,
-        y: rect.top + rect.height / 2,
-        items,
-        dropOperation: this.dropOperation
-      }, item == null ? void 0 : item.target);
-    }
-
-    this.end();
-    announce(this.formatMessage('dropComplete'));
-  }
-
-  activate() {
-    if (this.currentDropTarget && typeof this.currentDropTarget.onDropActivate === 'function') {
-      let rect = this.currentDropTarget.element.getBoundingClientRect();
-      this.currentDropTarget.onDropActivate({
-        type: 'dropactivate',
-        x: rect.left + rect.width / 2,
-        y: rect.top + rect.height / 2
-      });
-    }
-  }
-
-}
-
-function $a75d092e5c30878812fba78e$var$findValidDropTargets(options) {
-  let types = $bc29619458500c186021634c18dc$export$getTypes(options.items);
-  return [...$a75d092e5c30878812fba78e$var$dropTargets.values()].filter(target => {
-    if (target.element.closest('[aria-hidden="true"]')) {
-      return false;
-    }
-
-    if (typeof target.getDropOperation === 'function') {
-      return target.getDropOperation(types, options.allowedDropOperations) !== 'cancel';
-    }
-
-    return true;
-  });
-}
-
-// ASSET: /Users/govett/dev/react-spectrum-v3/packages/@react-aria/dnd/intl/en-US.json
-var $ece80d58838919a4624d1c28b393f77$exports = {};
-$ece80d58838919a4624d1c28b393f77$exports = JSON.parse("{\"dragItem\":\"Drag {itemText}\",\"dragSelectedItems\":\"Drag {count, plural, one {# selected item} other {# selected items}}\",\"dragDescriptionKeyboard\":\"Press Enter to start dragging.\",\"dragDescriptionTouch\":\"Double tap to start dragging.\",\"dragDescriptionVirtual\":\"Click to start dragging.\",\"dragStartedKeyboard\":\"Started dragging. Press Tab to navigate to a drop target, then press Enter to drop, or press Escape to cancel.\",\"dragStartedTouch\":\"Started dragging. Navigate to a drop target, then double tap to drop.\",\"dragStartedVirtual\":\"Started dragging. Navigate to a drop target, then click or press Enter to drop.\",\"endDragKeyboard\":\"Dragging. Press Enter to cancel drag.\",\"endDragTouch\":\"Dragging. Double tap to cancel drag.\",\"endDragVirtual\":\"Dragging. Click to cancel drag.\",\"dropDescriptionKeyboard\":\"Press Enter to drop. Press Escape to cancel drag.\",\"dropDescriptionTouch\":\"Double tap to drop.\",\"dropDescriptionVirtual\":\"Click to drop.\",\"dropCanceled\":\"Drop canceled.\",\"dropComplete\":\"Drop complete.\",\"dropIndicator\":\"drop indicator\",\"dropOnRoot\":\"Drop on\",\"dropOnItem\":\"Drop on {itemText}\",\"insertBefore\":\"Insert before {itemText}\",\"insertBetween\":\"Insert between {beforeItemText} and {afterItemText}\",\"insertAfter\":\"Insert after {itemText}\"}");
-// @ts-ignore
-const $faa3fd9c929dcb7fde0b75ef821032d3$var$intlMessages = {
-  "en-US": _babelRuntimeHelpersInteropRequireDefault($ece80d58838919a4624d1c28b393f77$exports).default
-};
-const $faa3fd9c929dcb7fde0b75ef821032d3$var$MESSAGES = {
-  keyboard: {
-    start: 'dragDescriptionKeyboard',
-    end: 'endDragKeyboard'
-  },
-  touch: {
-    start: 'dragDescriptionTouch',
-    end: 'endDragTouch'
-  },
-  virtual: {
-    start: 'dragDescriptionVirtual',
-    end: 'endDragVirtual'
-  }
-};
-
-function useDrag(options) {
-  let formatMessage = useMessageFormatter($faa3fd9c929dcb7fde0b75ef821032d3$var$intlMessages);
-  let state = useRef({
-    options,
-    x: 0,
-    y: 0
-  }).current;
-  state.options = options;
-  let [isDragging, setDragging] = useState(false);
-
-  let onDragStart = e => {
-    let items = options.getItems();
-    $bc29619458500c186021634c18dc$export$writeToDataTransfer(e.dataTransfer, items);
-
-    if (typeof options.getAllowedDropOperations === 'function') {
-      let allowedOperations = options.getAllowedDropOperations();
-      let allowed = $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.none;
-
-      for (let operation of allowedOperations) {
-        allowed |= $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION[operation] || $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.none;
-      }
-
-      e.dataTransfer.effectAllowed = $b29ea0269b2ea2bf4827b4fa19ddc83e$export$EFFECT_ALLOWED[allowed] || 'none';
-    } // If there is a renderPreview function, use it to render a custom preview image that will
-    // appear under the pointer while dragging. If not, the element itself is dragged by the browser.
-
-
-    if (typeof options.renderPreview === 'function') {
-      let preview = options.renderPreview(items);
-
-      if (preview) {
-        // Create an off-screen div to render the preview into.
-        let node = document.createElement('div');
-        node.style.zIndex = '-100';
-        node.style.position = 'absolute';
-        node.style.top = '0';
-        node.style.left = '-100000px';
-        document.body.appendChild(node); // Call renderPreview to get a JSX element, and render it into the div with React DOM.
-
-        _reactDom.render(preview, node); // Compute the offset that the preview will appear under the mouse.
-        // If possible, this is based on the point the user clicked on the target.
-        // If the preview is much smaller, then just use the center point of the preview.
-
-
-        let size = node.getBoundingClientRect();
-        let rect = e.currentTarget.getBoundingClientRect();
-        let x = e.clientX - rect.x;
-        let y = e.clientY - rect.y;
-
-        if (x > size.width || y > size.height) {
-          x = size.width / 2;
-          y = size.height / 2;
+        if (e.key === 'Tab' && !(e.metaKey || e.altKey || e.ctrlKey)) {
+            if (e.shiftKey) this.previous();
+            else this.next();
         }
-
-        e.dataTransfer.setDragImage(node, x, y); // Remove the preview from the DOM after a frame so the browser has time to paint.
-
-        requestAnimationFrame(() => {
-          document.body.removeChild(node);
-        });
-      }
-    }
-
-    if (typeof options.onDragStart === 'function') {
-      options.onDragStart({
-        type: 'dragstart',
-        x: e.clientX,
-        y: e.clientY
-      });
-    }
-
-    state.x = e.clientX;
-    state.y = e.clientY; // Wait a frame before we set dragging to true so that the browser has time to
-    // render the preview image before we update the element that has been dragged.
-
-    requestAnimationFrame(() => {
-      setDragging(true);
-    });
-  };
-
-  let onDrag = e => {
-    if (e.clientX === state.x && e.clientY === state.y) {
-      return;
-    }
-
-    if (typeof options.onDragMove === 'function') {
-      options.onDragMove({
-        type: 'dragmove',
-        x: e.clientX,
-        y: e.clientY
-      });
-    }
-
-    state.x = e.clientX;
-    state.y = e.clientY;
-  };
-
-  let onDragEnd = e => {
-    if (typeof options.onDragEnd === 'function') {
-      options.onDragEnd({
-        type: 'dragend',
-        x: e.clientX,
-        y: e.clientY,
-        dropOperation: $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_EFFECT_TO_DROP_OPERATION[e.dataTransfer.dropEffect]
-      });
-    }
-
-    setDragging(false);
-  };
-
-  let onPress = e => {
-    if (e.pointerType !== 'keyboard' && e.pointerType !== 'virtual') {
-      return;
-    }
-
-    if (typeof state.options.onDragStart === 'function') {
-      let rect = e.target.getBoundingClientRect();
-      state.options.onDragStart({
-        type: 'dragstart',
-        x: rect.x + rect.width / 2,
-        y: rect.y + rect.height / 2
-      });
-    }
-
-    $a75d092e5c30878812fba78e$export$beginDragging({
-      element: e.target,
-      items: state.options.getItems(),
-      allowedDropOperations: typeof state.options.getAllowedDropOperations === 'function' ? state.options.getAllowedDropOperations() : ['move', 'copy', 'link'],
-
-      onDragEnd(e) {
-        setDragging(false);
-
-        if (typeof state.options.onDragEnd === 'function') {
-          state.options.onDragEnd(e);
+        if (typeof ((ref = this.currentDropTarget) === null || ref === void 0 ? void 0 : ref.onKeyDown) === 'function') this.currentDropTarget.onKeyDown(e, this.dragTarget);
+    }
+    onFocus(e) {
+        // Prevent focus events, except to the original drag target.
+        if (e.target !== this.dragTarget.element) this.cancelEvent(e);
+        // Ignore focus events on the window/document (JSDOM). Will be handled in onBlur, below.
+        if (!(e.target instanceof HTMLElement) || e.target === this.dragTarget.element) return;
+        let dropTarget = this.validDropTargets.find((target)=>target.element.contains(e.target)
+        );
+        if (!dropTarget) {
+            if (this.currentDropTarget) this.currentDropTarget.element.focus();
+            else this.dragTarget.element.focus();
+            return;
+        }
+        let item = $7b1813d52b80b911$var$dropItems.get(e.target);
+        this.setCurrentDropTarget(dropTarget, item);
+    }
+    onBlur(e) {
+        if (e.target !== this.dragTarget.element) this.cancelEvent(e);
+        // If nothing is gaining focus, or e.relatedTarget is the window/document (JSDOM),
+        // restore focus back to the current drop target if any, or the original drag target.
+        if (!e.relatedTarget || !(e.relatedTarget instanceof HTMLElement)) {
+            if (this.currentDropTarget) this.currentDropTarget.element.focus();
+            else this.dragTarget.element.focus();
         }
-      }
-
-    }, formatMessage);
-    setDragging(true);
-  };
-
-  let modality = $bc29619458500c186021634c18dc$export$useDragModality();
-  let descriptionProps = useDescription(formatMessage(!isDragging ? $faa3fd9c929dcb7fde0b75ef821032d3$var$MESSAGES[modality].start : $faa3fd9c929dcb7fde0b75ef821032d3$var$MESSAGES[modality].end));
-  return {
-    dragProps: {
-      draggable: 'true',
-      onDragStart,
-      onDrag,
-      onDragEnd
-    },
-    dragButtonProps: _babelRuntimeHelpersExtends({}, descriptionProps, {
-      onPress
-    }),
-    isDragging
-  };
-}
-
-exports.useDrag = useDrag;
-// @ts-ignore
-const $ca75888e192994dbb11ae05e54$var$intlMessages = {
-  "en-US": _babelRuntimeHelpersInteropRequireDefault($ece80d58838919a4624d1c28b393f77$exports).default
-};
-const $ca75888e192994dbb11ae05e54$var$MESSAGES = {
-  keyboard: 'dropDescriptionKeyboard',
-  touch: 'dropDescriptionTouch',
-  virtual: 'dropDescriptionVirtual'
-};
-
-function $ca75888e192994dbb11ae05e54$export$useVirtualDrop() {
-  let formatMessage = useMessageFormatter($ca75888e192994dbb11ae05e54$var$intlMessages);
-  let modality = $bc29619458500c186021634c18dc$export$useDragModality();
-  let dragSession = $a75d092e5c30878812fba78e$export$useDragSession();
-  let descriptionProps = useDescription(dragSession ? formatMessage($ca75888e192994dbb11ae05e54$var$MESSAGES[modality]) : '');
-  return {
-    dropProps: _babelRuntimeHelpersExtends({}, descriptionProps, {
-      // Mobile Safari does not properly bubble click events on elements except links or inputs
-      // unless there is an onclick handler bound directly to the element itself. By adding this
-      // handler, React will take care of adding that for us, and we are able to handle document
-      // level click events in the DragManager.
-      // See https://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
-      onClick: () => {}
-    })
-  };
-}
-
-const $db0591c71140b157a950096251935c$var$DROP_ACTIVATE_TIMEOUT = 800;
-
-function useDrop(options) {
-  let [isDropTarget, setDropTarget] = useState(false);
-  let state = useRef({
-    x: 0,
-    y: 0,
-    dragEnterCount: 0,
-    dropEffect: 'none',
-    dropActivateTimer: null
-  }).current;
-
-  let onDragOver = e => {
-    e.preventDefault();
-
-    if (e.clientX === state.x && e.clientY === state.y) {
-      e.dataTransfer.dropEffect = state.dropEffect;
-      return;
-    }
-
-    state.x = e.clientX;
-    state.y = e.clientY;
-
-    if (typeof options.getDropOperationForPoint === 'function') {
-      let allowedOperations = $db0591c71140b157a950096251935c$var$effectAllowedToOperations(e.dataTransfer.effectAllowed);
-      let types = new $bc29619458500c186021634c18dc$export$DragTypes(e.dataTransfer);
-      let rect = e.currentTarget.getBoundingClientRect();
-      let dropOperation = options.getDropOperationForPoint(types, allowedOperations, state.x - rect.x, state.y - rect.y);
-      state.dropEffect = $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION_TO_DROP_EFFECT[dropOperation] || 'none';
     }
-
-    e.dataTransfer.dropEffect = state.dropEffect;
-
-    if (typeof options.onDropMove === 'function') {
-      let rect = e.currentTarget.getBoundingClientRect();
-      options.onDropMove({
-        type: 'dropmove',
-        x: state.x - rect.x,
-        y: state.y - rect.y
-      });
+    onClick(e) {
+        this.cancelEvent(e);
+        if (e.detail !== 0) return;
+        if (e.target === this.dragTarget.element) {
+            this.cancel();
+            return;
+        }
+        let dropTarget = this.validDropTargets.find((target)=>target.element.contains(e.target)
+        );
+        if (dropTarget) {
+            let item = $7b1813d52b80b911$var$dropItems.get(e.target);
+            this.setCurrentDropTarget(dropTarget, item);
+            this.drop(item);
+        }
     }
-
-    clearTimeout(state.dropActivateTimer);
-
-    if (typeof options.onDropActivate === 'function' && state.dropEffect !== 'none') {
-      let rect = e.currentTarget.getBoundingClientRect();
-      state.dropActivateTimer = setTimeout(() => {
-        options.onDropActivate({
-          type: 'dropactivate',
-          x: state.x - rect.x,
-          y: state.y - rect.y
+    cancelEvent(e) {
+        // Allow default for events that might cancel a click event
+        if (!$7b1813d52b80b911$var$CLICK_EVENTS.includes(e.type)) e.preventDefault();
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+    }
+    updateValidDropTargets() {
+        if (!this.mutationObserver) return;
+        this.mutationObserver.disconnect();
+        if (this.restoreAriaHidden) this.restoreAriaHidden();
+        this.validDropTargets = $7b1813d52b80b911$var$findValidDropTargets(this.dragTarget);
+        if (this.currentDropTarget && !this.validDropTargets.includes(this.currentDropTarget)) this.setCurrentDropTarget(this.validDropTargets[0]);
+        // Find valid drop items within collections
+        let types = $29c8537521cf08fe$export$e1d41611756c6326(this.dragTarget.items);
+        let validDropItems = [
+            ...$7b1813d52b80b911$var$dropItems.values()
+        ].filter((item)=>{
+            if (typeof item.getDropOperation === 'function') return item.getDropOperation(types, this.dragTarget.allowedDropOperations) !== 'cancel';
+            return true;
+        });
+        // Filter out drop targets that contain valid items. We don't want to stop hiding elements
+        // other than the drop items that exist inside the collection.
+        let visibleDropTargets = this.validDropTargets.filter((target)=>!validDropItems.some((item)=>target.element.contains(item.element)
+            )
+        );
+        this.restoreAriaHidden = $67uu7$reactariaoverlays.ariaHideOutside([
+            this.dragTarget.element,
+            ...validDropItems.map((item)=>item.element
+            ),
+            ...visibleDropTargets.map((target)=>target.element
+            )
+        ]);
+        this.mutationObserver.observe(document.body, {
+            subtree: true,
+            attributes: true,
+            attributeFilter: [
+                'aria-hidden'
+            ]
         });
-      }, $db0591c71140b157a950096251935c$var$DROP_ACTIVATE_TIMEOUT);
-    }
-  };
-
-  let onDragEnter = e => {
-    state.dragEnterCount++;
-
-    if (state.dragEnterCount > 1) {
-      return;
-    }
-
-    let allowedOperations = $db0591c71140b157a950096251935c$var$effectAllowedToOperations(e.dataTransfer.effectAllowed);
-    let dropOperation = allowedOperations[0];
-
-    if (typeof options.getDropOperation === 'function') {
-      let types = new $bc29619458500c186021634c18dc$export$DragTypes(e.dataTransfer);
-      dropOperation = options.getDropOperation(types, allowedOperations);
-    }
-
-    if (dropOperation !== 'cancel') {
-      setDropTarget(true);
-    }
-
-    if (typeof options.getDropOperationForPoint === 'function') {
-      let types = new $bc29619458500c186021634c18dc$export$DragTypes(e.dataTransfer);
-      let rect = e.currentTarget.getBoundingClientRect();
-      dropOperation = options.getDropOperationForPoint(types, allowedOperations, e.clientX - rect.x, e.clientY - rect.y);
     }
-
-    state.dropEffect = $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION_TO_DROP_EFFECT[dropOperation] || 'none';
-    e.dataTransfer.dropEffect = state.dropEffect;
-
-    if (typeof options.onDropEnter === 'function' && dropOperation !== 'cancel') {
-      let rect = e.currentTarget.getBoundingClientRect();
-      options.onDropEnter({
-        type: 'dropenter',
-        x: e.clientX - rect.x,
-        y: e.clientY - rect.y
-      });
+    next() {
+        if (!this.currentDropTarget) {
+            this.setCurrentDropTarget(this.validDropTargets[0]);
+            return;
+        }
+        let index = this.validDropTargets.indexOf(this.currentDropTarget);
+        if (index < 0) {
+            this.setCurrentDropTarget(this.validDropTargets[0]);
+            return;
+        }
+        // If we've reached the end of the valid drop targets, cycle back to the original drag target.
+        // This lets the user cancel the drag in case they don't have an Escape key (e.g. iPad keyboard case).
+        if (index === this.validDropTargets.length - 1) {
+            if (!this.dragTarget.element.closest('[aria-hidden="true"]')) {
+                this.setCurrentDropTarget(null);
+                this.dragTarget.element.focus();
+            } else this.setCurrentDropTarget(this.validDropTargets[0]);
+        } else this.setCurrentDropTarget(this.validDropTargets[index + 1]);
+    }
+    previous() {
+        if (!this.currentDropTarget) {
+            this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);
+            return;
+        }
+        let index = this.validDropTargets.indexOf(this.currentDropTarget);
+        if (index < 0) {
+            this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);
+            return;
+        }
+        // If we've reached the start of the valid drop targets, cycle back to the original drag target.
+        // This lets the user cancel the drag in case they don't have an Escape key (e.g. iPad keyboard case).
+        if (index === 0) {
+            if (!this.dragTarget.element.closest('[aria-hidden="true"]')) {
+                this.setCurrentDropTarget(null);
+                this.dragTarget.element.focus();
+            } else this.setCurrentDropTarget(this.validDropTargets[this.validDropTargets.length - 1]);
+        } else this.setCurrentDropTarget(this.validDropTargets[index - 1]);
+    }
+    setCurrentDropTarget(dropTarget, item) {
+        if (dropTarget !== this.currentDropTarget) {
+            if (this.currentDropTarget && typeof this.currentDropTarget.onDropExit === 'function') {
+                let rect = this.currentDropTarget.element.getBoundingClientRect();
+                this.currentDropTarget.onDropExit({
+                    type: 'dropexit',
+                    x: rect.left + rect.width / 2,
+                    y: rect.top + rect.height / 2
+                });
+            }
+            this.currentDropTarget = dropTarget;
+            if (dropTarget) {
+                if (typeof dropTarget.onDropEnter === 'function') {
+                    let rect = dropTarget.element.getBoundingClientRect();
+                    dropTarget.onDropEnter({
+                        type: 'dropenter',
+                        x: rect.left + rect.width / 2,
+                        y: rect.top + rect.height / 2
+                    }, this.dragTarget);
+                }
+                if (!item) dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.element.focus();
+            }
+        }
+        if (item !== this.currentDropItem) {
+            if (item && typeof this.currentDropTarget.onDropTargetEnter === 'function') this.currentDropTarget.onDropTargetEnter(item === null || item === void 0 ? void 0 : item.target);
+            item === null || item === void 0 ? void 0 : item.element.focus();
+            this.currentDropItem = item;
+        }
     }
-
-    state.x = e.clientX;
-    state.y = e.clientY;
-  };
-
-  let onDragLeave = e => {
-    state.dragEnterCount--;
-
-    if (state.dragEnterCount > 0) {
-      return;
+    end() {
+        this.teardown();
+        if (typeof this.dragTarget.onDragEnd === 'function') {
+            let target = this.currentDropTarget && this.dropOperation !== 'cancel' ? this.currentDropTarget : this.dragTarget;
+            let rect = target.element.getBoundingClientRect();
+            this.dragTarget.onDragEnd({
+                type: 'dragend',
+                x: rect.x + rect.width / 2,
+                y: rect.y + rect.height / 2,
+                dropOperation: this.dropOperation
+            });
+        }
+        this.setCurrentDropTarget(null);
+        $7b1813d52b80b911$var$endDragging();
     }
-
-    if (typeof options.onDropExit === 'function' && state.dropEffect !== 'none') {
-      let rect = e.currentTarget.getBoundingClientRect();
-      options.onDropExit({
-        type: 'dropexit',
-        x: e.clientX - rect.x,
-        y: e.clientY - rect.y
-      });
+    cancel() {
+        this.end();
+        if (!this.dragTarget.element.closest('[aria-hidden="true"]')) this.dragTarget.element.focus();
+        $67uu7$reactarialiveannouncer.announce(this.formatMessage('dropCanceled'));
     }
-
-    setDropTarget(false);
-    clearTimeout(state.dropActivateTimer);
-  };
-
-  let onDrop = e => {
-    e.preventDefault();
-
-    if (typeof options.onDrop === 'function') {
-      let dropOperation = $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_EFFECT_TO_DROP_OPERATION[state.dropEffect];
-      let items = $bc29619458500c186021634c18dc$export$readFromDataTransfer(e.dataTransfer);
-      let rect = e.currentTarget.getBoundingClientRect();
-      let event = {
-        type: 'drop',
-        x: e.clientX - rect.x,
-        y: e.clientY - rect.y,
-        items,
-        dropOperation
-      }; // Wait a frame to dispatch the drop event so that we ensure the dragend event fires first.
-      // Otherwise, if onDrop removes the original dragged element from the DOM, dragend will never be fired.
-      // This behavior is consistent across browsers, but see this issue for details:
-      // https://bugzilla.mozilla.org/show_bug.cgi?id=460801
-
-      setTimeout(() => {
-        options.onDrop(event);
-      }, 0);
+    drop(item1) {
+        if (!this.currentDropTarget) {
+            this.cancel();
+            return;
+        }
+        if (typeof (item1 === null || item1 === void 0 ? void 0 : item1.getDropOperation) === 'function') {
+            let types = $29c8537521cf08fe$export$e1d41611756c6326(this.dragTarget.items);
+            this.dropOperation = item1.getDropOperation(types, this.dragTarget.allowedDropOperations);
+        } else if (typeof this.currentDropTarget.getDropOperation === 'function') {
+            let types = $29c8537521cf08fe$export$e1d41611756c6326(this.dragTarget.items);
+            this.dropOperation = this.currentDropTarget.getDropOperation(types, this.dragTarget.allowedDropOperations);
+        } else // TODO: show menu ??
+        this.dropOperation = this.dragTarget.allowedDropOperations[0];
+        if (typeof this.currentDropTarget.onDrop === 'function') {
+            let items = this.dragTarget.items.map((item)=>({
+                    kind: 'text',
+                    types: new Set(Object.keys(item)),
+                    getText: (type)=>Promise.resolve(item[type])
+                })
+            );
+            let rect = this.currentDropTarget.element.getBoundingClientRect();
+            this.currentDropTarget.onDrop({
+                type: 'drop',
+                x: rect.left + rect.width / 2,
+                y: rect.top + rect.height / 2,
+                items: items,
+                dropOperation: this.dropOperation
+            }, item1 === null || item1 === void 0 ? void 0 : item1.target);
+        }
+        this.end();
+        $67uu7$reactarialiveannouncer.announce(this.formatMessage('dropComplete'));
+    }
+    activate() {
+        if (this.currentDropTarget && typeof this.currentDropTarget.onDropActivate === 'function') {
+            let rect = this.currentDropTarget.element.getBoundingClientRect();
+            this.currentDropTarget.onDropActivate({
+                type: 'dropactivate',
+                x: rect.left + rect.width / 2,
+                y: rect.top + rect.height / 2
+            });
+        }
     }
-
-    if (typeof options.onDropExit === 'function') {
-      let rect = e.currentTarget.getBoundingClientRect();
-      options.onDropExit({
-        type: 'dropexit',
-        x: e.clientX - rect.x,
-        y: e.clientY - rect.y
-      });
+    constructor(target, formatMessage){
+        this.dragTarget = target;
+        this.formatMessage = formatMessage;
+        this.onKeyDown = this.onKeyDown.bind(this);
+        this.onFocus = this.onFocus.bind(this);
+        this.onBlur = this.onBlur.bind(this);
+        this.onClick = this.onClick.bind(this);
+        this.cancelEvent = this.cancelEvent.bind(this);
     }
+}
+function $7b1813d52b80b911$var$findValidDropTargets(options) {
+    let types = $29c8537521cf08fe$export$e1d41611756c6326(options.items);
+    return [
+        ...$7b1813d52b80b911$var$dropTargets.values()
+    ].filter((target)=>{
+        if (target.element.closest('[aria-hidden="true"]')) return false;
+        if (typeof target.getDropOperation === 'function') return target.getDropOperation(types, options.allowedDropOperations) !== 'cancel';
+        return true;
+    });
+}
 
-    state.dragEnterCount = 0;
-    setDropTarget(false);
-    clearTimeout(state.dropActivateTimer);
-  };
 
-  let optionsRef = useRef(options);
-  optionsRef.current = options;
-  useLayoutEffect(() => $a75d092e5c30878812fba78e$export$registerDropTarget({
-    element: optionsRef.current.ref.current,
-    getDropOperation: optionsRef.current.getDropOperation,
 
-    onDropEnter(e) {
-      setDropTarget(true);
+var $6dae25bfb54cafe2$exports = {};
+var $6a4207e9446e3fd6$exports = {};
+$6a4207e9446e3fd6$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"اضغط Enter لبدء السحب.\",\"dragDescriptionTouch\":\"اضغط مرتين لبدء السحب.\",\"dragDescriptionVirtual\":\"انقر لبدء السحب.\",\"dragItem\":\"اسحب {itemText}\",\"dragSelectedItems\":\"اسحب {count, plural, one {# عنصر محدد} other {# عناصر محددة}}\",\"dragStartedKeyboard\":\"بدأ السحب. اضغط Tab للانتقال إلى موضع الإفلات، ثم اضغط Enter للإفلات، أو اضغط Escape للإلغاء.\",\"dragStartedTouch\":\"بدأ السحب. انتقل إلى موضع الإفلات، ثم اضغط مرتين للإفلات.\",\"dragStartedVirtual\":\"بدأ السحب. انتقل إلى مكان الإفلات، ثم انقر أو اضغط Enter للإفلات.\",\"dropCanceled\":\"تم إلغاء الإفلات.\",\"dropComplete\":\"اكتمل الإفلات.\",\"dropDescriptionKeyboard\":\"اضغط Enter للإفلات. اضغط Escape لإلغاء السحب.\",\"dropDescriptionTouch\":\"اضغط مرتين للإفلات.\",\"dropDescriptionVirtual\":\"انقر للإفلات.\",\"dropIndicator\":\"مؤشر الإفلات\",\"dropOnItem\":\"إفلات {itemText}\",\"dropOnRoot\":\"الإفلات\",\"endDragKeyboard\":\"السحب. اضغط Enter لإلغاء السحب.\",\"endDragTouch\":\"السحب. اضغط مرتين لإلغاء السحب.\",\"endDragVirtual\":\"السحب. انقر لإلغاء السحب.\",\"insertAfter\":\"أدخل بعد {itemText}\",\"insertBefore\":\"أدخل قبل {itemText}\",\"insertBetween\":\"أدخل بين {beforeItemText} و {afterItemText}\"}");
 
-      if (typeof optionsRef.current.onDropEnter === 'function') {
-        optionsRef.current.onDropEnter(e);
-      }
-    },
 
-    onDropExit(e) {
-      setDropTarget(false);
+var $b35a262c6a180bbf$exports = {};
+$b35a262c6a180bbf$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Натиснете „Enter“, за да започнете да плъзгате.\",\"dragDescriptionTouch\":\"Натиснете двукратно, за да започнете да плъзгате.\",\"dragDescriptionVirtual\":\"Щракнете, за да започнете да плъзгате.\",\"dragItem\":\"Плъзни {itemText}\",\"dragSelectedItems\":\"Плъзни {count, plural, one {# избран елемент} other {# избрани елемента}}\",\"dragStartedKeyboard\":\"Започна плъзгане. Натиснете „Tab“, за да се придвижите до целта, след което натиснете „Enter“ за пускане или натиснете „Escape“ за отмяна.\",\"dragStartedTouch\":\"Започна плъзгане. Придвижете се до целта, след което натиснете двукратно, за да пуснете.\",\"dragStartedVirtual\":\"Започна плъзгане. Придвижете се до целта, след което щракнете или натиснете „Enter“ за пускане.\",\"dropCanceled\":\"Пускането е отменено.\",\"dropComplete\":\"Пускането е завършено.\",\"dropDescriptionKeyboard\":\"Натиснете „Enter“ за пускане. Натиснете „Escape“ за отмяна на плъзгането.\",\"dropDescriptionTouch\":\"Натиснете двукратно за пускане.\",\"dropDescriptionVirtual\":\"Щракнете за пускане.\",\"dropIndicator\":\"индикатор за пускане\",\"dropOnItem\":\"Пусни върху {itemText}\",\"dropOnRoot\":\"Пусни върху\",\"endDragKeyboard\":\"Плъзгане. Натиснете „Enter“ за отмяна на плъзгането.\",\"endDragTouch\":\"Плъзгане. Натиснете двукратно за отмяна на плъзгането.\",\"endDragVirtual\":\"Плъзгане. Щракнете за отмяна.\",\"insertAfter\":\"Вмъкни след {itemText}\",\"insertBefore\":\"Вмъкни преди {itemText}\",\"insertBetween\":\"Вмъкни между {beforeItemText} и {afterItemText}\"}");
 
-      if (typeof optionsRef.current.onDropExit === 'function') {
-        optionsRef.current.onDropExit(e);
-      }
-    },
 
-    onDrop(e) {
-      if (typeof optionsRef.current.onDrop === 'function') {
-        optionsRef.current.onDrop(e);
-      }
-    },
+var $2295dfb4d9d6e70f$exports = {};
+$2295dfb4d9d6e70f$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Stisknutím klávesy Enter začnete s přetahováním.\",\"dragDescriptionTouch\":\"Poklepáním začnete s přetahováním.\",\"dragDescriptionVirtual\":\"Kliknutím začnete s přetahováním.\",\"dragItem\":\"Přetáhnout {itemText}\",\"dragSelectedItems\":\"Přetáhnout {count, plural, one {# vybranou položku} few {# vybrané položky} other {# vybraných položek}}\",\"dragStartedKeyboard\":\"Začněte s přetahováním. Po stisknutí klávesy Tab najděte požadovaný cíl a stisknutím klávesy Enter přetažení dokončete nebo stisknutím klávesy Esc akci zrušte.\",\"dragStartedTouch\":\"Začněte s přetahováním. Najděte požadovaný cíl a poklepáním přetažení dokončete.\",\"dragStartedVirtual\":\"Začněte s přetahováním. Najděte požadovaný cíl a kliknutím nebo stisknutím klávesy Enter přetažení dokončete.\",\"dropCanceled\":\"Přetažení bylo zrušeno.\",\"dropComplete\":\"Přetažení bylo dokončeno.\",\"dropDescriptionKeyboard\":\"Stisknutím klávesy Enter přetažení dokončete nebo stisknutím klávesy Esc akci zrušte.\",\"dropDescriptionTouch\":\"Poklepáním přetažení dokončete.\",\"dropDescriptionVirtual\":\"Kliknutím objekt přetáhněte.\",\"dropIndicator\":\"indikátor přetažení\",\"dropOnItem\":\"Přetáhnout na {itemText}\",\"dropOnRoot\":\"Přetáhnout na\",\"endDragKeyboard\":\"Probíhá přetahování. Stisknutím klávesy Enter přetažení zrušíte.\",\"endDragTouch\":\"Probíhá přetahování. Poklepáním přetažení zrušíte.\",\"endDragVirtual\":\"Probíhá přetahování. Kliknutím přetažení zrušíte.\",\"insertAfter\":\"Vložit za {itemText}\",\"insertBefore\":\"Vložit před {itemText}\",\"insertBetween\":\"Vložit mezi {beforeItemText} a {afterItemText}\"}");
 
-    onDropActivate(e) {
-      if (typeof optionsRef.current.onDropActivate === 'function') {
-        optionsRef.current.onDropActivate(e);
-      }
-    }
 
-  }), [optionsRef]);
-  let {
-    dropProps
-  } = $ca75888e192994dbb11ae05e54$export$useVirtualDrop();
-  return {
-    dropProps: _babelRuntimeHelpersExtends({}, dropProps, {
-      onDragEnter,
-      onDragOver,
-      onDragLeave,
-      onDrop
-    }),
-    isDropTarget
-  };
-}
+var $fe12c948c93e9e7c$exports = {};
+$fe12c948c93e9e7c$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Tryk på Enter for at starte med at trække.\",\"dragDescriptionTouch\":\"Dobbelttryk for at starte med at trække.\",\"dragDescriptionVirtual\":\"Klik for at starte med at trække.\",\"dragItem\":\"Træk {itemText}\",\"dragSelectedItems\":\"Træk {count, plural, one {# valgt element} other {# valgte elementer}}\",\"dragStartedKeyboard\":\"Startet med at trække. Tryk på Tab for at gå til et slip-mål, tryk derefter på Enter for at slippe, eller tryk på Escape for at annullere.\",\"dragStartedTouch\":\"Startet med at trække. Gå til et slip-mål, og dobbelttryk derefter for at slippe.\",\"dragStartedVirtual\":\"Startet med at trække. Gå til et slip-mål, og klik eller tryk derefter på enter for at slippe.\",\"dropCanceled\":\"Slip annulleret.\",\"dropComplete\":\"Slip fuldført.\",\"dropDescriptionKeyboard\":\"Tryk på Enter for at slippe. Tryk på Escape for at annullere trækning.\",\"dropDescriptionTouch\":\"Dobbelttryk for at slippe.\",\"dropDescriptionVirtual\":\"Klik for at slippe.\",\"dropIndicator\":\"slip-indikator\",\"dropOnItem\":\"Slip på {itemText}\",\"dropOnRoot\":\"Slip på\",\"endDragKeyboard\":\"Trækning. Tryk på enter for at annullere træk.\",\"endDragTouch\":\"Trækning. Dobbelttryk for at annullere træk.\",\"endDragVirtual\":\"Trækning. Klik for at annullere trækning.\",\"insertAfter\":\"Indsæt efter {itemText}\",\"insertBefore\":\"Indsæt før {itemText}\",\"insertBetween\":\"Indsæt mellem {beforeItemText} og {afterItemText}\"}");
 
-exports.useDrop = useDrop;
 
-function $db0591c71140b157a950096251935c$var$effectAllowedToOperations(effectAllowed) {
-  let allowedOperationsBits = $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION_ALLOWED[effectAllowed];
-  let allowedOperations = [];
+var $bd463c5fd759bcd3$exports = {};
+$bd463c5fd759bcd3$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Drücken Sie die Eingabetaste, um den Ziehvorgang zu starten.\",\"dragDescriptionTouch\":\"Tippen Sie doppelt, um den Ziehvorgang zu starten.\",\"dragDescriptionVirtual\":\"Zum Starten des Ziehvorgangs klicken.\",\"dragItem\":\"{itemText} ziehen\",\"dragSelectedItems\":\"{count, plural, one {# ausgewähltes Objekt} other {# ausgewählte Objekte}} ziehen\",\"dragStartedKeyboard\":\"Ziehvorgang gestartet. Drücken Sie die Tabulatortaste, um zu einem Ablegeziel zu navigieren und drücken Sie dann die Eingabetaste, um das Objekt abzulegen, oder Escape, um den Vorgang abzubrechen.\",\"dragStartedTouch\":\"Ziehvorgang gestartet. Navigieren Sie zu einem Ablegeziel und tippen Sie doppelt, um das Objekt abzulegen.\",\"dragStartedVirtual\":\"Ziehvorgang gestartet. Navigieren Sie zu einem Ablegeziel und klicken Sie oder drücken Sie die Eingabetaste, um das Objekt abzulegen.\",\"dropCanceled\":\"Ablegen abgebrochen.\",\"dropComplete\":\"Ablegen abgeschlossen.\",\"dropDescriptionKeyboard\":\"Drücken Sie die Eingabetaste, um das Objekt abzulegen. Drücken Sie Escape, um den Vorgang abzubrechen.\",\"dropDescriptionTouch\":\"Tippen Sie doppelt, um das Objekt abzulegen.\",\"dropDescriptionVirtual\":\"Zum Ablegen klicken.\",\"dropIndicator\":\"Ablegeanzeiger\",\"dropOnItem\":\"Auf {itemText} ablegen\",\"dropOnRoot\":\"Ablegen auf\",\"endDragKeyboard\":\"Ziehvorgang läuft. Drücken Sie die Eingabetaste, um den Vorgang abzubrechen.\",\"endDragTouch\":\"Ziehvorgang läuft. Tippen Sie doppelt, um den Vorgang abzubrechen.\",\"endDragVirtual\":\"Ziehvorgang läuft. Klicken Sie, um den Vorgang abzubrechen.\",\"insertAfter\":\"Nach {itemText} einfügen\",\"insertBefore\":\"Vor {itemText} einfügen\",\"insertBetween\":\"Zwischen {beforeItemText} und {afterItemText} einfügen\"}");
 
-  if (allowedOperationsBits & $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.move) {
-    allowedOperations.push('move');
-  }
 
-  if (allowedOperationsBits & $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.copy) {
-    allowedOperations.push('copy');
-  }
+var $c53fec58c9b57aed$exports = {};
+$c53fec58c9b57aed$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Πατήστε Enter για έναρξη της μεταφοράς.\",\"dragDescriptionTouch\":\"Πατήστε δύο φορές για έναρξη της μεταφοράς.\",\"dragDescriptionVirtual\":\"Κάντε κλικ για να ξεκινήσετε τη μεταφορά.\",\"dragItem\":\"Μεταφορά {itemText}\",\"dragSelectedItems\":\"Μεταφορά σε {count, plural, one {# επιλεγμένο στοιχείο} other {# επιλεγμένα στοιχεία}}\",\"dragStartedKeyboard\":\"Η μεταφορά ξεκίνησε. Πατήστε το πλήκτρο Tab για να μεταβείτε σε έναν προορισμό απόθεσης και, στη συνέχεια, πατήστε Enter για απόθεση ή πατήστε Escape για ακύρωση.\",\"dragStartedTouch\":\"Η μεταφορά ξεκίνησε. Μεταβείτε σε έναν προορισμό απόθεσης και, στη συνέχεια, πατήστε δύο φορές για απόθεση.\",\"dragStartedVirtual\":\"Η μεταφορά ξεκίνησε. Μεταβείτε σε έναν προορισμό απόθεσης και, στη συνέχεια, κάντε κλικ ή πατήστε Enter για απόθεση.\",\"dropCanceled\":\"Η απόθεση ακυρώθηκε.\",\"dropComplete\":\"Η απόθεση ολοκληρώθηκε.\",\"dropDescriptionKeyboard\":\"Πατήστε Enter για απόθεση. Πατήστε Escape για ακύρωση της μεταφοράς.\",\"dropDescriptionTouch\":\"Πατήστε δύο φορές για απόθεση.\",\"dropDescriptionVirtual\":\"Κάντε κλικ για απόθεση.\",\"dropIndicator\":\"δείκτης απόθεσης\",\"dropOnItem\":\"Απόθεση σε {itemText}\",\"dropOnRoot\":\"Απόθεση σε\",\"endDragKeyboard\":\"Μεταφορά σε εξέλιξη. Πατήστε Enter για ακύρωση της μεταφοράς.\",\"endDragTouch\":\"Μεταφορά σε εξέλιξη. Πατήστε δύο φορές για ακύρωση της μεταφοράς.\",\"endDragVirtual\":\"Μεταφορά σε εξέλιξη. Κάντε κλικ για ακύρωση της μεταφοράς.\",\"insertAfter\":\"Εισαγωγή μετά από {itemText}\",\"insertBefore\":\"Εισαγωγή πριν από {itemText}\",\"insertBetween\":\"Εισαγωγή μεταξύ {beforeItemText} και {afterItemText}\"}");
 
-  if (allowedOperationsBits & $b29ea0269b2ea2bf4827b4fa19ddc83e$export$DROP_OPERATION.link) {
-    allowedOperations.push('link');
-  }
 
-  return allowedOperations;
-}
+var $5203da54239cc53b$exports = {};
+$5203da54239cc53b$exports = JSON.parse("{\"dragItem\":\"Drag {itemText}\",\"dragSelectedItems\":\"Drag {count, plural, one {# selected item} other {# selected items}}\",\"dragDescriptionKeyboard\":\"Press Enter to start dragging.\",\"dragDescriptionTouch\":\"Double tap to start dragging.\",\"dragDescriptionVirtual\":\"Click to start dragging.\",\"dragStartedKeyboard\":\"Started dragging. Press Tab to navigate to a drop target, then press Enter to drop, or press Escape to cancel.\",\"dragStartedTouch\":\"Started dragging. Navigate to a drop target, then double tap to drop.\",\"dragStartedVirtual\":\"Started dragging. Navigate to a drop target, then click or press Enter to drop.\",\"endDragKeyboard\":\"Dragging. Press Enter to cancel drag.\",\"endDragTouch\":\"Dragging. Double tap to cancel drag.\",\"endDragVirtual\":\"Dragging. Click to cancel drag.\",\"dropDescriptionKeyboard\":\"Press Enter to drop. Press Escape to cancel drag.\",\"dropDescriptionTouch\":\"Double tap to drop.\",\"dropDescriptionVirtual\":\"Click to drop.\",\"dropCanceled\":\"Drop canceled.\",\"dropComplete\":\"Drop complete.\",\"dropIndicator\":\"drop indicator\",\"dropOnRoot\":\"Drop on\",\"dropOnItem\":\"Drop on {itemText}\",\"insertBefore\":\"Insert before {itemText}\",\"insertBetween\":\"Insert between {beforeItemText} and {afterItemText}\",\"insertAfter\":\"Insert after {itemText}\"}");
 
-const $cf2100581419e36b2fe8caccc6dbd4b$var$AUTOSCROLL_AREA_SIZE = 20;
 
-function $cf2100581419e36b2fe8caccc6dbd4b$export$useAutoScroll(ref) {
-  let scrollableRef = useRef(null);
-  useEffect(() => {
-    if (ref.current) {
-      scrollableRef.current = getScrollParent(ref.current);
-    }
-  }, [ref]);
-  let state = useRef({
-    timer: null,
-    dx: 0,
-    dy: 0
-  }).current;
-  let scroll = useCallback(() => {
-    scrollableRef.current.scrollLeft += state.dx;
-    scrollableRef.current.scrollTop += state.dy;
-
-    if (state.timer) {
-      state.timer = requestAnimationFrame(scroll);
-    }
-  }, [scrollableRef, state]);
-  return {
-    move(x, y) {
-      // Most browsers auto scroll natively, but WebKit on macOS does not (iOS does 🤷‍♂️).
-      // https://bugs.webkit.org/show_bug.cgi?id=222636
-      if (!isWebKit() || isIOS() || !scrollableRef.current) {
-        return;
-      }
+var $f8a76c76a7827fc9$exports = {};
+$f8a76c76a7827fc9$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Pulse Intro para empezar a arrastrar.\",\"dragDescriptionTouch\":\"Pulse dos veces para iniciar el arrastre.\",\"dragDescriptionVirtual\":\"Haga clic para iniciar el arrastre.\",\"dragItem\":\"Arrastrar {itemText}\",\"dragSelectedItems\":\"Arrastrar {count, plural, one {# elemento seleccionado} other {# elementos seleccionados}}\",\"dragStartedKeyboard\":\"Se ha empezado a arrastrar. Pulse el tabulador para ir al destino de colocación y, a continuación, pulse Intro para soltar, o pulse Escape para cancelar.\",\"dragStartedTouch\":\"Se ha empezado a arrastrar. Vaya al destino de colocación y, a continuación, pulse dos veces para soltar.\",\"dragStartedVirtual\":\"Se ha empezado a arrastrar. Vaya al destino de colocación y, a continuación, haga clic o pulse Intro para soltar.\",\"dropCanceled\":\"Se ha cancelado la colocación.\",\"dropComplete\":\"Colocación finalizada.\",\"dropDescriptionKeyboard\":\"Pulse Intro para soltar. Pulse Escape para cancelar el arrastre.\",\"dropDescriptionTouch\":\"Pulse dos veces para soltar.\",\"dropDescriptionVirtual\":\"Haga clic para soltar.\",\"dropIndicator\":\"indicador de colocación\",\"dropOnItem\":\"Soltar en {itemText}\",\"dropOnRoot\":\"Soltar en\",\"endDragKeyboard\":\"Arrastrando. Pulse Intro para cancelar el arrastre.\",\"endDragTouch\":\"Arrastrando. Pulse dos veces para cancelar el arrastre.\",\"endDragVirtual\":\"Arrastrando. Haga clic para cancelar el arrastre.\",\"insertAfter\":\"Insertar después de {itemText}\",\"insertBefore\":\"Insertar antes de {itemText}\",\"insertBetween\":\"Insertar entre {beforeItemText} y {afterItemText}\"}");
 
-      let box = scrollableRef.current.getBoundingClientRect();
-      let left = $cf2100581419e36b2fe8caccc6dbd4b$var$AUTOSCROLL_AREA_SIZE;
-      let top = $cf2100581419e36b2fe8caccc6dbd4b$var$AUTOSCROLL_AREA_SIZE;
-      let bottom = box.height - $cf2100581419e36b2fe8caccc6dbd4b$var$AUTOSCROLL_AREA_SIZE;
-      let right = box.width - $cf2100581419e36b2fe8caccc6dbd4b$var$AUTOSCROLL_AREA_SIZE;
-
-      if (x < left || x > right || y < top || y > bottom) {
-        if (x < left) {
-          state.dx = x - left;
-        } else if (x > right) {
-          state.dx = x - right;
-        }
 
-        if (y < top) {
-          state.dy = y - top;
-        } else if (y > bottom) {
-          state.dy = y - bottom;
-        }
+var $18a37c0580c6872d$exports = {};
+$18a37c0580c6872d$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Lohistamise alustamiseks vajutage klahvi Enter.\",\"dragDescriptionTouch\":\"Topeltpuudutage lohistamise alustamiseks.\",\"dragDescriptionVirtual\":\"Klõpsake lohistamise alustamiseks.\",\"dragItem\":\"Lohista {itemText}\",\"dragSelectedItems\":\"Lohista {count, plural, one {# valitud üksust} other {# valitud üksust}}\",\"dragStartedKeyboard\":\"Alustati lohistamist. Kukutamise sihtmärgi juurde navigeerimiseks vajutage klahvi Tab, seejärel vajutage kukutamiseks klahvi Enter või loobumiseks klahvi Escape.\",\"dragStartedTouch\":\"Alustati lohistamist. Navigeerige kukutamise sihtmärgi juurde ja topeltpuudutage kukutamiseks.\",\"dragStartedVirtual\":\"Alustati lohistamist. Navigeerige kukutamise sihtmärgi juurde ja kukutamiseks klõpsake või vajutage klahvi Enter.\",\"dropCanceled\":\"Lohistamisest loobuti.\",\"dropComplete\":\"Lohistamine on tehtud.\",\"dropDescriptionKeyboard\":\"Kukutamiseks vajutage klahvi Enter. Lohistamisest loobumiseks vajutage klahvi Escape.\",\"dropDescriptionTouch\":\"Kukutamiseks topeltpuudutage.\",\"dropDescriptionVirtual\":\"Kukutamiseks klõpsake.\",\"dropIndicator\":\"lohistamise indikaator\",\"dropOnItem\":\"Kukuta asukohta {itemText}\",\"dropOnRoot\":\"Kukuta asukohta\",\"endDragKeyboard\":\"Lohistamine. Lohistamisest loobumiseks vajutage klahvi Enter.\",\"endDragTouch\":\"Lohistamine. Lohistamisest loobumiseks topeltpuudutage.\",\"endDragVirtual\":\"Lohistamine. Lohistamisest loobumiseks klõpsake.\",\"insertAfter\":\"Sisesta {itemText} järele\",\"insertBefore\":\"Sisesta {itemText} ette\",\"insertBetween\":\"Sisesta {beforeItemText} ja {afterItemText} vahele\"}");
 
-        if (!state.timer) {
-          state.timer = requestAnimationFrame(scroll);
-        }
-      } else {
-        this.stop();
-      }
-    },
 
-    stop() {
-      if (state.timer) {
-        cancelAnimationFrame(state.timer);
-        state.timer = null;
-      }
-    }
+var $c83ae802bb286dd5$exports = {};
+$c83ae802bb286dd5$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Aloita vetäminen painamalla Enter-näppäintä.\",\"dragDescriptionTouch\":\"Aloita vetäminen kaksoisnapauttamalla.\",\"dragDescriptionVirtual\":\"Aloita vetäminen napsauttamalla.\",\"dragItem\":\"Vedä kohdetta {itemText}\",\"dragSelectedItems\":\"Vedä {count, plural, one {# valittua kohdetta} other {# valittua kohdetta}}\",\"dragStartedKeyboard\":\"Vetäminen aloitettu. Siirry pudotuskohteeseen painamalla sarkainnäppäintä ja sitten pudota painamalla Enter-näppäintä tai peruuta painamalla Escape-näppäintä.\",\"dragStartedTouch\":\"Vetäminen aloitettu. Siirry pudotuskohteeseen ja pudota kaksoisnapauttamalla.\",\"dragStartedVirtual\":\"Vetäminen aloitettu. Siirry pudotuskohteeseen ja pudota napsauttamalla tai painamalla Enter-näppäintä.\",\"dropCanceled\":\"Pudotus peruutettu.\",\"dropComplete\":\"Pudotus suoritettu.\",\"dropDescriptionKeyboard\":\"Pudota painamalla Enter-näppäintä. Peruuta vetäminen painamalla Escape-näppäintä.\",\"dropDescriptionTouch\":\"Pudota kaksoisnapauttamalla.\",\"dropDescriptionVirtual\":\"Pudota napsauttamalla.\",\"dropIndicator\":\"pudotuksen ilmaisin\",\"dropOnItem\":\"Pudota kohteeseen {itemText}\",\"dropOnRoot\":\"Pudota kohteeseen\",\"endDragKeyboard\":\"Vedetään. Peruuta vetäminen painamalla Enter-näppäintä.\",\"endDragTouch\":\"Vedetään. Peruuta vetäminen kaksoisnapauttamalla.\",\"endDragVirtual\":\"Vedetään. Peruuta vetäminen napsauttamalla.\",\"insertAfter\":\"Lisää kohteen {itemText} jälkeen\",\"insertBefore\":\"Lisää ennen kohdetta {itemText}\",\"insertBetween\":\"Lisää kohteiden {beforeItemText} ja {afterItemText} väliin\"}");
 
-  };
-}
 
-const $ab6d833b5804400cb02efc69c9302a$var$DROP_POSITIONS = ['before', 'on', 'after'];
-
-function useDroppableCollection(props, state, ref) {
-  let localState = useRef({
-    props,
-    state,
-    nextTarget: null,
-    dropOperation: null
-  }).current;
-  localState.props = props;
-  localState.state = state;
-  let autoScroll = $cf2100581419e36b2fe8caccc6dbd4b$export$useAutoScroll(ref);
-  let {
-    dropProps
-  } = useDrop({
-    ref,
-
-    onDropEnter(e) {
-      let target = props.getDropTargetFromPoint(e.x, e.y);
-      state.setTarget(target);
-    },
+var $4f6107d6a00a2dc5$exports = {};
+$4f6107d6a00a2dc5$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Appuyez sur Entrée pour commencer le déplacement.\",\"dragDescriptionTouch\":\"Touchez deux fois pour commencer le déplacement.\",\"dragDescriptionVirtual\":\"Cliquez pour commencer le déplacement.\",\"dragItem\":\"Déplacer {itemText}\",\"dragSelectedItems\":\"Déplacer {count, plural, one {# élément sélectionné} other {# éléments sélectionnés}}\",\"dragStartedKeyboard\":\"Déplacement commencé. Appuyez sur Tabulation pour accéder à une cible de dépôt, puis appuyez sur Entrée pour déposer, ou appuyez sur Échap pour annuler.\",\"dragStartedTouch\":\"Déplacement commencé. Accédez à une cible de dépôt, puis touchez deux fois pour déposer.\",\"dragStartedVirtual\":\"Déplacement commencé. Accédez à une cible de dépôt, puis cliquez ou appuyez sur Entrée pour déposer.\",\"dropCanceled\":\"Dépôt annulé.\",\"dropComplete\":\"Dépôt terminé.\",\"dropDescriptionKeyboard\":\"Appuyez sur Entrée pour déposer. Appuyez sur Échap pour annuler le déplacement.\",\"dropDescriptionTouch\":\"Touchez deux fois pour déposer.\",\"dropDescriptionVirtual\":\"Cliquez pour déposer.\",\"dropIndicator\":\"indicateur de dépôt\",\"dropOnItem\":\"Déposer sur {itemText}\",\"dropOnRoot\":\"Déposer sur\",\"endDragKeyboard\":\"Déplacement. Appuyez sur Entrée pour annuler le déplacement.\",\"endDragTouch\":\"Déplacement. Touchez deux fois pour annuler le déplacement.\",\"endDragVirtual\":\"Déplacement. Cliquez pour annuler le déplacement.\",\"insertAfter\":\"Insérer après {itemText}\",\"insertBefore\":\"Insérer avant {itemText}\",\"insertBetween\":\"Insérer entre {beforeItemText} et {afterItemText}\"}");
 
-    onDropMove(e) {
-      state.setTarget(localState.nextTarget);
-      autoScroll.move(e.x, e.y);
-    },
 
-    getDropOperationForPoint(types, allowedOperations, x, y) {
-      let target = props.getDropTargetFromPoint(x, y);
+var $f8a8643ec8fb63f3$exports = {};
+$f8a8643ec8fb63f3$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"הקש על Enter כדי להתחיל לגרור.\",\"dragDescriptionTouch\":\"הקש פעמיים כדי להתחיל בגרירה.\",\"dragDescriptionVirtual\":\"לחץ כדי להתחיל לגרור.\",\"dragItem\":\"גרור את {itemText}\",\"dragSelectedItems\":\"גרור {count, plural, one {פריט נבחר #} other {# פריטים שנבחרו}}\",\"dragStartedKeyboard\":\"התחלת לגרור. הקש על Tab כדי לנווט לנקודת הגרירה ולאחר מכן הקש על Enter כדי לשחרר או על Escape כדי לבטל.\",\"dragStartedTouch\":\"התחלת לגרור. נווט לנקודת השחרור ולאחר מכן הקש פעמיים כדי לשחרר.\",\"dragStartedVirtual\":\"התחלת לגרור. נווט לנקודת השחרור ולאחר מכן לחץ או הקש על Enter כדי לשחרר.\",\"dropCanceled\":\"השחרור בוטל.\",\"dropComplete\":\"השחרור הושלם.\",\"dropDescriptionKeyboard\":\"הקש על Enter כדי לשחרר. הקש על Escape כדי לבטל את הגרירה.\",\"dropDescriptionTouch\":\"הקש פעמיים כדי לשחרר.\",\"dropDescriptionVirtual\":\"לחץ כדי לשחרר.\",\"dropIndicator\":\"מחוון שחרור\",\"dropOnItem\":\"שחרר על {itemText}\",\"dropOnRoot\":\"שחרר על\",\"endDragKeyboard\":\"גורר. הקש על Enter כדי לבטל את הגרירה.\",\"endDragTouch\":\"גורר. הקש פעמיים כדי לבטל את הגרירה.\",\"endDragVirtual\":\"גורר. לחץ כדי לבטל את הגרירה.\",\"insertAfter\":\"הוסף אחרי {itemText}\",\"insertBefore\":\"הוסף לפני {itemText}\",\"insertBetween\":\"הוסף בין {beforeItemText} לבין {afterItemText}\"}");
 
-      if (!target) {
-        localState.dropOperation = 'cancel';
-        localState.nextTarget = null;
-        return 'cancel';
-      }
 
-      if (state.isDropTarget(target)) {
-        localState.nextTarget = target;
-        return localState.dropOperation;
-      }
+var $d625f0563955824c$exports = {};
+$d625f0563955824c$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Pritisnite Enter da biste počeli povlačiti.\",\"dragDescriptionTouch\":\"Dvaput dodirnite da biste počeli povlačiti.\",\"dragDescriptionVirtual\":\"Kliknite da biste počeli povlačiti.\",\"dragItem\":\"Povucite stavku {itemText}\",\"dragSelectedItems\":\"Povucite {count, plural, one {# odabranu stavku} other {ovoliko odabranih stavki: #}}\",\"dragStartedKeyboard\":\"Počeli ste povlačiti. Pritisnite tipku tabulatora da biste došli do cilja ispuštanja, a zatim Enter da biste ispustili stavku ili Escape da biste prekinuli povlačenje.\",\"dragStartedTouch\":\"Počeli ste povlačiti. Dođite do cilja ispuštanja, a zatim dvaput dodirnite da biste ispustili stavku.\",\"dragStartedVirtual\":\"Počeli ste povlačiti. Dođite do cilja ispuštanja, a zatim kliknite ili pritisnite Enter da biste ispustili stavku.\",\"dropCanceled\":\"Povlačenje je prekinuto.\",\"dropComplete\":\"Ispuštanje je dovršeno.\",\"dropDescriptionKeyboard\":\"Pritisnite Enter da biste ispustili stavku. Pritisnite Escape da biste prekinuli povlačenje.\",\"dropDescriptionTouch\":\"Dvaput dodirnite da biste ispustili stavku.\",\"dropDescriptionVirtual\":\"Kliknite da biste ispustili stavku.\",\"dropIndicator\":\"pokazatelj ispuštanja\",\"dropOnItem\":\"Ispustite na stavku {itemText}\",\"dropOnRoot\":\"Ispustite na\",\"endDragKeyboard\":\"Povlačenje. Pritisnite Enter da biste prekinuli povlačenje.\",\"endDragTouch\":\"Povlačenje. Dvaput dodirnite da biste prekinuli povlačenje.\",\"endDragVirtual\":\"Povlačenje. Kliknite da biste prekinuli povlačenje.\",\"insertAfter\":\"Umetnite iza stavke {itemText}\",\"insertBefore\":\"Ispustite ispred stavke {itemText}\",\"insertBetween\":\"Umetnite između stavki {beforeItemText} i {afterItemText}\"}");
 
-      localState.dropOperation = state.getDropOperation(target, types, allowedOperations); // If the target doesn't accept the drop, see if the root accepts it instead.
 
-      if (localState.dropOperation === 'cancel') {
-        let rootTarget = {
-          type: 'root'
-        };
-        let dropOperation = state.getDropOperation(rootTarget, types, allowedOperations);
+var $24553ce5446e49c4$exports = {};
+$24553ce5446e49c4$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Nyomja le az Enter billentyűt a húzás megkezdéséhez.\",\"dragDescriptionTouch\":\"Koppintson duplán a húzás megkezdéséhez.\",\"dragDescriptionVirtual\":\"Kattintson a húzás megkezdéséhez.\",\"dragItem\":\"{itemText} húzása\",\"dragSelectedItems\":\"{count, plural, one {# kijelölt elem} other {# kijelölt elem}} húzása\",\"dragStartedKeyboard\":\"Húzás megkezdve. Nyomja le a Tab billentyűt az elengedési célhoz navigálásához, majd nyomja le az Enter billentyűt az elengedéshez, vagy nyomja le az Escape billentyűt a megszakításhoz.\",\"dragStartedTouch\":\"Húzás megkezdve. Navigáljon egy elengedési célhoz, majd koppintson duplán az elengedéshez.\",\"dragStartedVirtual\":\"Húzás megkezdve. Navigáljon egy elengedési célhoz, majd kattintson vagy nyomja le az Enter billentyűt az elengedéshez.\",\"dropCanceled\":\"Elengedés megszakítva.\",\"dropComplete\":\"Elengedés teljesítve.\",\"dropDescriptionKeyboard\":\"Nyomja le az Enter billentyűt az elengedéshez. Nyomja le az Escape billentyűt a húzás megszakításához.\",\"dropDescriptionTouch\":\"Koppintson duplán az elengedéshez.\",\"dropDescriptionVirtual\":\"Kattintson az elengedéshez.\",\"dropIndicator\":\"elengedésjelző\",\"dropOnItem\":\"Elengedés erre: {itemText}\",\"dropOnRoot\":\"Elengedés erre:\",\"endDragKeyboard\":\"Húzás folyamatban. Nyomja le az Enter billentyűt a húzás megszakításához.\",\"endDragTouch\":\"Húzás folyamatban. Koppintson duplán a húzás megszakításához.\",\"endDragVirtual\":\"Húzás folyamatban. Kattintson a húzás megszakításához.\",\"insertAfter\":\"Beszúrás {itemText} után\",\"insertBefore\":\"Beszúrás {itemText} elé\",\"insertBetween\":\"Beszúrás {beforeItemText} és {afterItemText} közé\"}");
 
-        if (dropOperation !== 'cancel') {
-          target = rootTarget;
-          localState.dropOperation = dropOperation;
-        }
-      }
 
-      localState.nextTarget = localState.dropOperation === 'cancel' ? null : target;
-      return localState.dropOperation;
-    },
+var $950ffefaa2ec3f25$exports = {};
+$950ffefaa2ec3f25$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Premi Invio per iniziare a trascinare.\",\"dragDescriptionTouch\":\"Tocca due volte per iniziare a trascinare.\",\"dragDescriptionVirtual\":\"Fai clic per iniziare a trascinare.\",\"dragItem\":\"Trascina {itemText}\",\"dragSelectedItems\":\"Trascina {count, plural, one {# altro elemento selezionato} other {# altri elementi selezionati}}\",\"dragStartedKeyboard\":\"Hai iniziato a trascinare. Premi Tab per arrivare sull’area di destinazione, quindi premi Invio per rilasciare o Esc per annullare.\",\"dragStartedTouch\":\"Hai iniziato a trascinare. Arriva sull’area di destinazione, quindi tocca due volte per rilasciare.\",\"dragStartedVirtual\":\"Hai iniziato a trascinare. Arriva sull’area di destinazione, quindi fai clic o premi Invio per rilasciare.\",\"dropCanceled\":\"Rilascio annullato.\",\"dropComplete\":\"Rilascio completato.\",\"dropDescriptionKeyboard\":\"Premi Invio per rilasciare. Premi Esc per annullare.\",\"dropDescriptionTouch\":\"Tocca due volte per rilasciare.\",\"dropDescriptionVirtual\":\"Fai clic per rilasciare.\",\"dropIndicator\":\"indicatore di rilascio\",\"dropOnItem\":\"Rilascia su {itemText}\",\"dropOnRoot\":\"Rilascia su\",\"endDragKeyboard\":\"Trascinamento. Premi Invio per annullare.\",\"endDragTouch\":\"Trascinamento. Tocca due volte per annullare.\",\"endDragVirtual\":\"Trascinamento. Fai clic per annullare.\",\"insertAfter\":\"Inserisci dopo {itemText}\",\"insertBefore\":\"Inserisci prima di {itemText}\",\"insertBetween\":\"Inserisci tra {beforeItemText} e {afterItemText}\"}");
 
-    onDropExit() {
-      state.setTarget(null);
-      autoScroll.stop();
-    },
 
-    onDropActivate(e) {
-      var _state$target, _state$target2;
+var $3da23275963b1c01$exports = {};
+$3da23275963b1c01$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Enter キーを押してドラッグを開始してください。\",\"dragDescriptionTouch\":\"ダブルタップしてドラッグを開始します。\",\"dragDescriptionVirtual\":\"クリックしてドラッグを開始します。\",\"dragItem\":\"{itemText} をドラッグ\",\"dragSelectedItems\":\"{count, plural, one {# 個の選択項目} other {# 個の選択項目}} をドラッグ\",\"dragStartedKeyboard\":\"ドラッグを開始します。Tab キーを押してドロップターゲットにいどうし、Enter キーを押してドロップするか、Esc キーを押してキャンセルします。\",\"dragStartedTouch\":\"ドラッグを開始しました。ドロップのターゲットに移動し、ダブルタップしてドロップします。\",\"dragStartedVirtual\":\"ドラッグを開始しました。ドロップのターゲットに移動し、クリックまたは Enter キーを押してドロップします。\",\"dropCanceled\":\"ドロップがキャンセルされました。\",\"dropComplete\":\"ドロップが完了しました。\",\"dropDescriptionKeyboard\":\"Enter キーを押してドロップします。Esc キーを押してドラッグをキャンセルします。\",\"dropDescriptionTouch\":\"ダブルタップしてドロップします。\",\"dropDescriptionVirtual\":\"クリックしてドロップします。\",\"dropIndicator\":\"ドロップインジケーター\",\"dropOnItem\":\"{itemText} にドロップ\",\"dropOnRoot\":\"ドロップ場所\",\"endDragKeyboard\":\"ドラッグしています。Enter キーを押してドラッグをキャンセルします。\",\"endDragTouch\":\"ドラッグしています。ダブルタップしてドラッグをキャンセルします。\",\"endDragVirtual\":\"ドラッグしています。クリックしてドラッグをキャンセルします。\",\"insertAfter\":\"{itemText} の後に挿入\",\"insertBefore\":\"{itemText} の前に挿入\",\"insertBetween\":\"{beforeItemText} と {afterItemText} の間に挿入\"}");
 
-      if (((_state$target = state.target) == null ? void 0 : _state$target.type) === 'item' && ((_state$target2 = state.target) == null ? void 0 : _state$target2.dropPosition) === 'on' && typeof props.onDropActivate === 'function') {
-        props.onDropActivate({
-          type: 'dropactivate',
-          x: e.x,
-          // todo
-          y: e.y,
-          target: state.target
-        });
-      }
-    },
 
-    onDrop(e) {
-      if (state.target && typeof props.onDrop === 'function') {
-        onDrop(e, state.target);
-      }
-    }
+var $207c86ace90f7cb9$exports = {};
+$207c86ace90f7cb9$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"드래그를 시작하려면 Enter를 누르세요.\",\"dragDescriptionTouch\":\"드래그를 시작하려면 더블 탭하세요.\",\"dragDescriptionVirtual\":\"드래그를 시작하려면 클릭하세요.\",\"dragItem\":\"{itemText} 드래그\",\"dragSelectedItems\":\"{count, plural, one {#개 선택 항목} other {#개 선택 항목}} 드래그\",\"dragStartedKeyboard\":\"드래그가 시작되었습니다. Tab을 눌러 드롭 대상으로 이동한 다음 Enter를 눌러 드롭하거나 Esc를 눌러 취소하세요.\",\"dragStartedTouch\":\"드래그가 시작되었습니다. 드롭 대상으로 이동한 다음 더블 탭하여 드롭하세요.\",\"dragStartedVirtual\":\"드래그가 시작되었습니다. 드롭 대상으로 이동한 다음 클릭하거나 Enter를 눌러 드롭하세요.\",\"dropCanceled\":\"드롭이 취소되었습니다.\",\"dropComplete\":\"드롭이 완료되었습니다.\",\"dropDescriptionKeyboard\":\"드롭하려면 Enter를 누르세요. 드래그를 취소하려면 Esc를 누르세요.\",\"dropDescriptionTouch\":\"더블 탭하여 드롭하세요.\",\"dropDescriptionVirtual\":\"드롭하려면 클릭하세요.\",\"dropIndicator\":\"드롭 표시기\",\"dropOnItem\":\"{itemText}에 드롭\",\"dropOnRoot\":\"드롭 대상\",\"endDragKeyboard\":\"드래그 중입니다. 드래그를 취소하려면 Enter를 누르세요.\",\"endDragTouch\":\"드래그 중입니다. 드래그를 취소하려면 더블 탭하세요.\",\"endDragVirtual\":\"드래그 중입니다. 드래그를 취소하려면 클릭하세요.\",\"insertAfter\":\"{itemText} 이후에 삽입\",\"insertBefore\":\"{itemText} 이전에 삽입\",\"insertBetween\":\"{beforeItemText} 및 {afterItemText} 사이에 삽입\"}");
 
-  });
-  let droppingState = useRef(null);
-  let onDrop = useCallback((e, target) => {
-    let {
-      state
-    } = localState; // Focus the collection.
-
-    state.selectionManager.setFocused(true); // Save some state of the collection/selection before the drop occurs so we can compare later.
-
-    let focusedKey = state.selectionManager.focusedKey;
-    droppingState.current = {
-      timeout: null,
-      focusedKey,
-      collection: state.collection,
-      selectedKeys: state.selectionManager.selectedKeys
-    };
-    localState.props.onDrop({
-      type: 'drop',
-      x: e.x,
-      // todo
-      y: e.y,
-      target,
-      items: e.items,
-      dropOperation: e.dropOperation
-    }); // Wait for a short time period after the onDrop is called to allow the data to be read asynchronously
-    // and for React to re-render. If an insert occurs during this time, it will be selected/focused below.
-    // If items are not "immediately" inserted by the onDrop handler, the application will need to handle
-    // selecting and focusing those items themselves.
-
-    droppingState.current.timeout = setTimeout(() => {
-      // If focus didn't move already (e.g. due to an insert), and the user dropped on an item,
-      // focus that item and show the focus ring to give the user feedback that the drop occurred.
-      // Also show the focus ring if the focused key is not selected, e.g. in case of a reorder.
-      let {
-        state
-      } = localState;
-
-      if (state.selectionManager.focusedKey === focusedKey) {
-        if (target.type === 'item' && target.dropPosition === 'on' && state.collection.getItem(target.key) != null) {
-          state.selectionManager.setFocusedKey(target.key);
-          state.selectionManager.setFocused(true);
-          setInteractionModality('keyboard');
-        } else if (!state.selectionManager.isSelected(focusedKey)) {
-          setInteractionModality('keyboard');
-        }
-      }
 
-      droppingState.current = null;
-    }, 50);
-  }, [localState]); // eslint-disable-next-line arrow-body-style
+var $78c91fe39f28d801$exports = {};
+$78c91fe39f28d801$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Paspauskite „Enter“, kad pradėtumėte vilkti.\",\"dragDescriptionTouch\":\"Palieskite dukart, kad pradėtumėte vilkti.\",\"dragDescriptionVirtual\":\"Spustelėkite, kad pradėtumėte vilkti.\",\"dragItem\":\"Vilkti {itemText}\",\"dragSelectedItems\":\"Vilkti {count, plural, one {# pasirinktą elementą} other {# pasirinktus elementus}}\",\"dragStartedKeyboard\":\"Pradėta vilkti. Paspauskite „Tab“, kad pereitumėte į tiesioginę paskirties vietą, tada paspauskite „Enter“, kad numestumėte, arba „Escape“, kad atšauktumėte.\",\"dragStartedTouch\":\"Pradėta vilkti. Eikite į tiesioginę paskirties vietą, tada palieskite dukart, kad numestumėte.\",\"dragStartedVirtual\":\"Pradėta vilkti. Eikite į tiesioginę paskirties vietą ir spustelėkite arba paspauskite „Enter“, kad numestumėte.\",\"dropCanceled\":\"Numetimas atšauktas.\",\"dropComplete\":\"Numesta.\",\"dropDescriptionKeyboard\":\"Paspauskite „Enter“, kad numestumėte. Paspauskite „Escape“, kad atšauktumėte vilkimą.\",\"dropDescriptionTouch\":\"Palieskite dukart, kad numestumėte.\",\"dropDescriptionVirtual\":\"Spustelėkite, kad numestumėte.\",\"dropIndicator\":\"numetimo indikatorius\",\"dropOnItem\":\"Numesti ant {itemText}\",\"dropOnRoot\":\"Numesti ant\",\"endDragKeyboard\":\"Velkama. Paspauskite „Enter“, kad atšauktumėte vilkimą.\",\"endDragTouch\":\"Velkama. Spustelėkite dukart, kad atšauktumėte vilkimą.\",\"endDragVirtual\":\"Velkama. Spustelėkite, kad atšauktumėte vilkimą.\",\"insertAfter\":\"Įterpti po {itemText}\",\"insertBefore\":\"Įterpti prieš {itemText}\",\"insertBetween\":\"Įterpti tarp {beforeItemText} ir {afterItemText}\"}");
 
-  useEffect(() => {
-    return () => {
-      if (droppingState.current) {
-        clearTimeout(droppingState.current.timeout);
-      }
-    };
-  }, []);
-  useLayoutEffect(() => {
-    // If an insert occurs during a drop, we want to immediately select these items to give
-    // feedback to the user that a drop occurred. Only do this if the selection didn't change
-    // since the drop started so we don't override if the user or application did something.
-    if (droppingState.current && state.selectionManager.isFocused && state.collection.size > droppingState.current.collection.size && state.selectionManager.isSelectionEqual(droppingState.current.selectedKeys)) {
-      let newKeys = new Set();
-
-      for (let key of state.collection.getKeys()) {
-        if (!droppingState.current.collection.getItem(key)) {
-          newKeys.add(key);
-        }
-      }
 
-      state.selectionManager.setSelectedKeys(newKeys); // If the focused item didn't change since the drop occurred, also focus the first
-      // inserted item. If selection is disabled, then also show the focus ring so there
-      // is some indication that items were added.
+var $10dc7abacb309b1d$exports = {};
+$10dc7abacb309b1d$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Nospiediet Enter, lai sāktu vilkšanu.\",\"dragDescriptionTouch\":\"Veiciet dubultskārienu, lai sāktu vilkšanu.\",\"dragDescriptionVirtual\":\"Noklikšķiniet, lai sāktu vilkšanu.\",\"dragItem\":\"Velciet {itemText}\",\"dragSelectedItems\":\"Velciet {count, plural, one {# atlasīto vienumu} other {# atlasītos vienumus}}\",\"dragStartedKeyboard\":\"Uzsākta vilkšana. Nospiediet taustiņu Tab, lai pārietu uz nomešanas mērķi, pēc tam nospiediet Enter, lai nomestu, vai nospiediet Escape, lai atceltu.\",\"dragStartedTouch\":\"Uzsākta vilkšana. Pārejiet uz nomešanas mērķi, pēc tam veiciet dubultskārienu, lai nomestu.\",\"dragStartedVirtual\":\"Uzsākta vilkšana. Pārejiet uz nomešanas mērķi, pēc tam nospiediet Enter, lai nomestu.\",\"dropCanceled\":\"Nomešana atcelta.\",\"dropComplete\":\"Nomešana pabeigta.\",\"dropDescriptionKeyboard\":\"Nospiediet Enter, lai nomestu. Nospiediet Escape, lai atceltu vilkšanu.\",\"dropDescriptionTouch\":\"Veiciet dubultskārienu, lai nomestu.\",\"dropDescriptionVirtual\":\"Noklikšķiniet, lai nomestu.\",\"dropIndicator\":\"nomešanas indikators\",\"dropOnItem\":\"Nometiet uz {itemText}\",\"dropOnRoot\":\"Nometiet uz\",\"endDragKeyboard\":\"Notiek vilkšana. Nospiediet Enter, lai atceltu vilkšanu.\",\"endDragTouch\":\"Notiek vilkšana. Veiciet dubultskārienu, lai atceltu vilkšanu.\",\"endDragVirtual\":\"Notiek vilkšana. Noklikšķiniet, lai atceltu vilkšanu.\",\"insertAfter\":\"Ievietojiet pēc {itemText}\",\"insertBefore\":\"Ievietojiet pirms {itemText}\",\"insertBetween\":\"Ievietojiet starp {beforeItemText} un {afterItemText}\"}");
 
-      if (state.selectionManager.focusedKey === droppingState.current.focusedKey) {
-        let first = newKeys.keys().next().value;
-        state.selectionManager.setFocusedKey(first);
 
-        if (state.selectionManager.selectionMode === 'none') {
-          setInteractionModality('keyboard');
-        }
-      }
+var $378f79a263916098$exports = {};
+$378f79a263916098$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Trykk på Enter for å begynne å dra.\",\"dragDescriptionTouch\":\"Dobbelttrykk for å begynne å dra.\",\"dragDescriptionVirtual\":\"Klikk for å begynne å dra.\",\"dragItem\":\"Dra {itemText}\",\"dragSelectedItems\":\"Dra {count, plural, one {# merket element} other {# merkede elementer}}\",\"dragStartedKeyboard\":\"Begynte å dra. Trykk på Tab for å navigere til et mål, og trykk deretter på Enter for å slippe eller på Esc for å avbryte.\",\"dragStartedTouch\":\"Begynte å dra. Naviger til et mål, og dobbelttrykk for å slippe.\",\"dragStartedVirtual\":\"Begynte å dra. Naviger til et mål, og klikk eller trykk på Enter for å slippe.\",\"dropCanceled\":\"Avbrøt slipping.\",\"dropComplete\":\"Slippingen er fullført.\",\"dropDescriptionKeyboard\":\"Trykk på Enter for å slippe. Trykk på Esc hvis du vil avbryte draingen.\",\"dropDescriptionTouch\":\"Dobbelttrykk for å slippe.\",\"dropDescriptionVirtual\":\"Klikk for å slippe.\",\"dropIndicator\":\"slippeindikator\",\"dropOnItem\":\"Slipp på {itemText}\",\"dropOnRoot\":\"Slipp på\",\"endDragKeyboard\":\"Drar. Trykk på Enter hvis du vil avbryte.\",\"endDragTouch\":\"Drar. Dobbelttrykk hvis du vil avbryte.\",\"endDragVirtual\":\"Drar. Klikk hvis du vil avbryte.\",\"insertAfter\":\"Sett inn etter {itemText}\",\"insertBefore\":\"Sett inn før {itemText}\",\"insertBetween\":\"Sett inn mellom {beforeItemText} og {afterItemText}\"}");
 
-      droppingState.current = null;
-    }
-  });
-  useEffect(() => {
-    let getNextTarget = function getNextTarget(target, wrap) {
-      if (wrap === void 0) {
-        wrap = true;
-      }
 
-      if (!target) {
-        return {
-          type: 'root'
-        };
-      }
+var $bb7919a8dd63447a$exports = {};
+$bb7919a8dd63447a$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Druk op Enter om te slepen.\",\"dragDescriptionTouch\":\"Dubbeltik om te slepen.\",\"dragDescriptionVirtual\":\"Klik om met slepen te starten.\",\"dragItem\":\"{itemText} slepen\",\"dragSelectedItems\":\"{count, plural, one {# geselecteerd item} other {# geselecteerde items}} slepen\",\"dragStartedKeyboard\":\"Begonnen met slepen. Druk op Tab om naar een locatie te gaan. Druk dan op Enter om neer te zetten, of op Esc om te annuleren.\",\"dragStartedTouch\":\"Begonnen met slepen. Ga naar de gewenste locatie en dubbeltik om neer te zetten.\",\"dragStartedVirtual\":\"Begonnen met slepen. Ga naar de gewenste locatie en klik of druk op Enter om neer te zetten.\",\"dropCanceled\":\"Neerzetten geannuleerd.\",\"dropComplete\":\"Neerzetten voltooid.\",\"dropDescriptionKeyboard\":\"Druk op Enter om neer te zetten. Druk op Esc om het slepen te annuleren.\",\"dropDescriptionTouch\":\"Dubbeltik om neer te zetten.\",\"dropDescriptionVirtual\":\"Klik om neer te zetten.\",\"dropIndicator\":\"aanwijzer voor neerzetten\",\"dropOnItem\":\"Neerzetten op {itemText}\",\"dropOnRoot\":\"Neerzetten op\",\"endDragKeyboard\":\"Bezig met slepen. Druk op Enter om te annuleren.\",\"endDragTouch\":\"Bezig met slepen. Dubbeltik om te annuleren.\",\"endDragVirtual\":\"Bezig met slepen. Klik om te annuleren.\",\"insertAfter\":\"Plaatsen na {itemText}\",\"insertBefore\":\"Plaatsen vóór {itemText}\",\"insertBetween\":\"Plaatsen tussen {beforeItemText} en {afterItemText}\"}");
 
-      let {
-        keyboardDelegate
-      } = localState.props;
-      let nextKey = target.type === 'item' ? keyboardDelegate.getKeyBelow(target.key) : keyboardDelegate.getFirstKey();
-      let dropPosition = 'before';
 
-      if (target.type === 'item') {
-        let positionIndex = $ab6d833b5804400cb02efc69c9302a$var$DROP_POSITIONS.indexOf(target.dropPosition);
-        let nextDropPosition = $ab6d833b5804400cb02efc69c9302a$var$DROP_POSITIONS[positionIndex + 1];
+var $0dab7c4b200438bb$exports = {};
+$0dab7c4b200438bb$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Naciśnij Enter, aby rozpocząć przeciąganie.\",\"dragDescriptionTouch\":\"Dotknij dwukrotnie, aby rozpocząć przeciąganie.\",\"dragDescriptionVirtual\":\"Kliknij, aby rozpocząć przeciąganie.\",\"dragItem\":\"Przeciągnij {itemText}\",\"dragSelectedItems\":\"Przeciągnij {count, plural, one {# wybrany element} other {# wybranych elementów}}\",\"dragStartedKeyboard\":\"Rozpoczęto przeciąganie. Naciśnij Tab, aby wybrać miejsce docelowe, a następnie naciśnij Enter, aby upuścić, lub Escape, aby anulować.\",\"dragStartedTouch\":\"Rozpoczęto przeciąganie. Wybierz miejsce, w którym chcesz upuścić element, a następnie dotknij dwukrotnie, aby upuścić.F\",\"dragStartedVirtual\":\"Rozpoczęto przeciąganie. Wybierz miejsce, w którym chcesz upuścić element, a następnie kliknij lub naciśnij Enter, aby upuścić.\",\"dropCanceled\":\"Anulowano upuszczenie.\",\"dropComplete\":\"Zakończono upuszczanie.\",\"dropDescriptionKeyboard\":\"Naciśnij Enter, aby upuścić. Naciśnij Escape, aby anulować przeciągnięcie.\",\"dropDescriptionTouch\":\"Dotknij dwukrotnie, aby upuścić.\",\"dropDescriptionVirtual\":\"Kliknij, aby upuścić.\",\"dropIndicator\":\"wskaźnik upuszczenia\",\"dropOnItem\":\"Upuść na {itemText}\",\"dropOnRoot\":\"Upuść\",\"endDragKeyboard\":\"Przeciąganie. Naciśnij Enter, aby anulować przeciągnięcie.\",\"endDragTouch\":\"Przeciąganie. Kliknij dwukrotnie, aby anulować przeciągnięcie.\",\"endDragVirtual\":\"Przeciąganie. Kliknij, aby anulować przeciąganie.\",\"insertAfter\":\"Umieść za {itemText}\",\"insertBefore\":\"Umieść przed {itemText}\",\"insertBetween\":\"Umieść między {beforeItemText} i {afterItemText}\"}");
 
-        if (positionIndex < $ab6d833b5804400cb02efc69c9302a$var$DROP_POSITIONS.length - 1 && !(nextDropPosition === 'after' && nextKey != null)) {
-          return {
-            type: 'item',
-            key: target.key,
-            dropPosition: nextDropPosition
-          };
-        } // If the last drop position was 'after', then 'before' on the next key is equivalent.
-        // Switch to 'on' instead.
 
+var $320b1b8402761dd9$exports = {};
+$320b1b8402761dd9$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Pressione Enter para começar a arrastar.\",\"dragDescriptionTouch\":\"Toque duas vezes para começar a arrastar.\",\"dragDescriptionVirtual\":\"Clique para começar a arrastar.\",\"dragItem\":\"Arrastar {itemText}\",\"dragSelectedItems\":\"Arrastar {count, plural, one {# item selecionado} other {# itens selecionados}}\",\"dragStartedKeyboard\":\"Comece a arrastar. Pressione Tab para navegar até um alvo e, em seguida, pressione Enter para soltar ou pressione Escape para cancelar.\",\"dragStartedTouch\":\"Comece a arrastar. Navegue até um alvo e toque duas vezes para soltar.\",\"dragStartedVirtual\":\"Comece a arrastar. Navegue até um alvo e clique ou pressione Enter para soltar.\",\"dropCanceled\":\"Liberação cancelada.\",\"dropComplete\":\"Liberação concluída.\",\"dropDescriptionKeyboard\":\"Pressione Enter para soltar. Pressione Escape para cancelar.\",\"dropDescriptionTouch\":\"Toque duas vezes para soltar.\",\"dropDescriptionVirtual\":\"Clique para soltar.\",\"dropIndicator\":\"indicador de liberação\",\"dropOnItem\":\"Soltar em {itemText}\",\"dropOnRoot\":\"Soltar\",\"endDragKeyboard\":\"Arrastando. Pressione Enter para cancelar.\",\"endDragTouch\":\"Arrastando. Toque duas vezes para cancelar.\",\"endDragVirtual\":\"Arrastando. Clique para cancelar.\",\"insertAfter\":\"Inserir após {itemText}\",\"insertBefore\":\"Inserir antes de {itemText}\",\"insertBetween\":\"Inserir entre {beforeItemText} e {afterItemText}\"}");
 
-        if (target.dropPosition === 'after') {
-          dropPosition = 'on';
-        }
-      }
 
-      if (nextKey == null) {
-        if (wrap) {
-          return {
-            type: 'root'
-          };
-        }
+var $076b31123975b967$exports = {};
+$076b31123975b967$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Prima Enter para iniciar o arrasto.\",\"dragDescriptionTouch\":\"Faça duplo toque para começar a arrastar.\",\"dragDescriptionVirtual\":\"Clique para iniciar o arrasto.\",\"dragItem\":\"Arrastar {itemText}\",\"dragSelectedItems\":\"Arrastar {count, plural, one {# item selecionado} outro {# itens selecionados}}\",\"dragStartedKeyboard\":\"Arrasto iniciado. Prima a tecla de tabulação para navegar para um destino para largar, e em seguida prima Enter para largar ou prima Escape para cancelar.\",\"dragStartedTouch\":\"Arrasto iniciado. Navegue para um destino para largar, e em seguida faça duplo toque para largar.\",\"dragStartedVirtual\":\"Arrasto iniciado. Navegue para um destino para largar, e em seguida clique ou prima Enter para largar.\",\"dropCanceled\":\"Largar cancelado.\",\"dropComplete\":\"Largar completo.\",\"dropDescriptionKeyboard\":\"Prima Enter para largar. Prima Escape para cancelar o arrasto.\",\"dropDescriptionTouch\":\"Faça duplo toque para largar.\",\"dropDescriptionVirtual\":\"Clique para largar.\",\"dropIndicator\":\"Indicador de largar\",\"dropOnItem\":\"Largar em {itemText}\",\"dropOnRoot\":\"Largar em\",\"endDragKeyboard\":\"A arrastar. Prima Enter para cancelar o arrasto.\",\"endDragTouch\":\"A arrastar. Faça duplo toque para cancelar o arrasto.\",\"endDragVirtual\":\"A arrastar. Clique para cancelar o arrasto.\",\"insertAfter\":\"Inserir depois de {itemText}\",\"insertBefore\":\"Inserir antes de {itemText}\",\"insertBetween\":\"Inserir entre {beforeItemText} e {afterItemText}\"}");
 
-        return null;
-      }
 
-      return {
-        type: 'item',
-        key: nextKey,
-        dropPosition
-      };
-    };
+var $0e9ee9f78d3f0cd2$exports = {};
+$0e9ee9f78d3f0cd2$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Apăsați pe Enter pentru a începe glisarea.\",\"dragDescriptionTouch\":\"Atingeți de două ori pentru a începe să glisați.\",\"dragDescriptionVirtual\":\"Faceți clic pentru a începe glisarea.\",\"dragItem\":\"Glisați {itemText}\",\"dragSelectedItems\":\"Glisați {count, plural, one {# element selectat} other {# elemente selectate}}\",\"dragStartedKeyboard\":\"A început glisarea. Apăsați pe Tab pentru a naviga la o țintă de fixare, apoi apăsați pe Enter pentru a fixa sau apăsați pe Escape pentru a anula glisarea.\",\"dragStartedTouch\":\"A început glisarea. Navigați la o țintă de fixare, apoi atingeți de două ori pentru a fixa.\",\"dragStartedVirtual\":\"A început glisarea. Navigați la o țintă de fixare, apoi faceți clic sau apăsați pe Enter pentru a fixa.\",\"dropCanceled\":\"Fixare anulată.\",\"dropComplete\":\"Fixare finalizată.\",\"dropDescriptionKeyboard\":\"Apăsați pe Enter pentru a fixa. Apăsați pe Escape pentru a anula glisarea.\",\"dropDescriptionTouch\":\"Atingeți de două ori pentru a fixa.\",\"dropDescriptionVirtual\":\"Faceți clic pentru a fixa.\",\"dropIndicator\":\"indicator de fixare\",\"dropOnItem\":\"Fixați pe {itemText}\",\"dropOnRoot\":\"Fixare pe\",\"endDragKeyboard\":\"Se glisează. Apăsați pe Enter pentru a anula glisarea.\",\"endDragTouch\":\"Se glisează. Atingeți de două ori pentru a anula glisarea.\",\"endDragVirtual\":\"Se glisează. Faceți clic pentru a anula glisarea.\",\"insertAfter\":\"Inserați după {itemText}\",\"insertBefore\":\"Inserați înainte de {itemText}\",\"insertBetween\":\"Inserați între {beforeItemText} și {afterItemText}\"}");
 
-    let getPreviousTarget = function getPreviousTarget(target, wrap) {
-      if (wrap === void 0) {
-        wrap = true;
-      }
 
-      let {
-        keyboardDelegate
-      } = localState.props;
-      let nextKey = (target == null ? void 0 : target.type) === 'item' ? keyboardDelegate.getKeyAbove(target.key) : keyboardDelegate.getLastKey();
-      let dropPosition = !target || target.type === 'root' ? 'after' : 'on';
+var $75565d05f47f6ccc$exports = {};
+$75565d05f47f6ccc$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Нажмите клавишу Enter для начала перетаскивания.\",\"dragDescriptionTouch\":\"Дважды нажмите для начала перетаскивания.\",\"dragDescriptionVirtual\":\"Щелкните для начала перетаскивания.\",\"dragItem\":\"Перетащить {itemText}\",\"dragSelectedItems\":\"Перетащить {count, plural, one {# выбранный элемент} other {# выбранных элем}}\",\"dragStartedKeyboard\":\"Начато перетаскивание. Нажмите клавишу Tab для выбора цели, затем нажмите клавишу Enter, чтобы применить перетаскивание, или клавишу Escape для отмены действия.\",\"dragStartedTouch\":\"Начато перетаскивание. Выберите цель, затем дважды нажмите, чтобы применить перетаскивание.\",\"dragStartedVirtual\":\"Начато перетаскивание. Нажмите клавишу Tab для выбора цели, затем нажмите клавишу Enter, чтобы применить перетаскивание.\",\"dropCanceled\":\"Перетаскивание отменено.\",\"dropComplete\":\"Перетаскивание завершено.\",\"dropDescriptionKeyboard\":\"Нажмите клавишу Enter, чтобы применить перетаскивание. Нажмите клавишу Escape для отмены.\",\"dropDescriptionTouch\":\"Дважды нажмите, чтобы применить перетаскивание.\",\"dropDescriptionVirtual\":\"Щелкните, чтобы применить перетаскивание.\",\"dropIndicator\":\"индикатор перетаскивания\",\"dropOnItem\":\"Перетащить на {itemText}\",\"dropOnRoot\":\"Перетащить на\",\"endDragKeyboard\":\"Перетаскивание. Нажмите клавишу Enter для отмены.\",\"endDragTouch\":\"Перетаскивание. Дважды нажмите для отмены.\",\"endDragVirtual\":\"Перетаскивание. Щелкните для отмены.\",\"insertAfter\":\"Вставить после {itemText}\",\"insertBefore\":\"Вставить перед {itemText}\",\"insertBetween\":\"Вставить между {beforeItemText} и {afterItemText}\"}");
 
-      if ((target == null ? void 0 : target.type) === 'item') {
-        let positionIndex = $ab6d833b5804400cb02efc69c9302a$var$DROP_POSITIONS.indexOf(target.dropPosition);
-        let nextDropPosition = $ab6d833b5804400cb02efc69c9302a$var$DROP_POSITIONS[positionIndex - 1];
 
-        if (positionIndex > 0 && nextDropPosition !== 'after') {
-          return {
-            type: 'item',
-            key: target.key,
-            dropPosition: nextDropPosition
-          };
-        } // If the last drop position was 'before', then 'after' on the previous key is equivalent.
-        // Switch to 'on' instead.
+var $33e7643e065740e4$exports = {};
+$33e7643e065740e4$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Stlačením klávesu Enter začnete presúvanie.\",\"dragDescriptionTouch\":\"Dvojitým kliknutím začnete presúvanie.\",\"dragDescriptionVirtual\":\"Kliknutím začnete presúvanie.\",\"dragItem\":\"Presunúť položku {itemText}\",\"dragSelectedItems\":\"Presunúť {count, plural, one {# vybratú položku} other {# vybraté položky}}\",\"dragStartedKeyboard\":\"Presúvanie sa začalo. Do cieľového umiestnenia prejdete stlačením klávesu Tab. Ak chcete položku umiestniť, stlačte kláves Enter alebo stlačte kláves Esc, ak chcete presúvanie zrušiť.\",\"dragStartedTouch\":\"Presúvanie sa začalo. Prejdite na cieľové umiestnenie a dvojitým kliknutím umiestnite položku.\",\"dragStartedVirtual\":\"Presúvanie sa začalo. Prejdite na cieľové umiestnenie a kliknutím alebo stlačením klávesu Enter umiestnite položku.\",\"dropCanceled\":\"Umiestnenie zrušené.\",\"dropComplete\":\"Umiestnenie dokončené.\",\"dropDescriptionKeyboard\":\"Stlačením klávesu Enter umiestnite položku. Stlačením klávesu Esc zrušíte presúvanie.\",\"dropDescriptionTouch\":\"Dvojitým kliknutím umiestnite položku.\",\"dropDescriptionVirtual\":\"Kliknutím umiestnite položku.\",\"dropIndicator\":\"indikátor umiestnenia\",\"dropOnItem\":\"Umiestniť na položku {itemText}\",\"dropOnRoot\":\"Umiestniť na\",\"endDragKeyboard\":\"Prebieha presúvanie. Ak ho chcete zrušiť, stlačte kláves Enter.\",\"endDragTouch\":\"Prebieha presúvanie. Dvojitým kliknutím ho môžete zrušiť.\",\"endDragVirtual\":\"Prebieha presúvanie.\",\"insertAfter\":\"Vložiť za položku {itemText}\",\"insertBefore\":\"Vložiť pred položku {itemText}\",\"insertBetween\":\"Vložiť medzi položky {beforeItemText} a {afterItemText}\"}");
 
 
-        if (target.dropPosition === 'before') {
-          dropPosition = 'on';
-        }
-      }
+var $f7ca62df85ef8473$exports = {};
+$f7ca62df85ef8473$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Pritisnite tipko Enter za začetek vlečenja.\",\"dragDescriptionTouch\":\"Dvotapnite za začetek vlečenja.\",\"dragDescriptionVirtual\":\"Kliknite za začetek vlečenja.\",\"dragItem\":\"Povleci {itemText}\",\"dragSelectedItems\":\"Povlecite {count, plural, one {# izbran element} other {izbrane elemente (#)}}\",\"dragStartedKeyboard\":\"Vlečenje se je začelo. Pritisnite tipko Tab za pomik na mesto, kamor želite spustiti elemente, in pritisnite tipko Enter, da jih spustite, ali tipko Escape, da prekličete postopek.\",\"dragStartedTouch\":\"Vlečenje se je začelo. Pomaknite se na mesto, kamor želite spustiti elemente, in dvotapnite, da jih spustite.\",\"dragStartedVirtual\":\"Vlečenje se je začelo. Pomaknite se na mesto, kamor želite spustiti elemente, in kliknite ali pritisnite tipko Enter, da jih spustite.\",\"dropCanceled\":\"Spust je preklican.\",\"dropComplete\":\"Spust je končan.\",\"dropDescriptionKeyboard\":\"Pritisnite tipko Enter, da spustite. Pritisnite tipko Escape, da prekličete vlečenje.\",\"dropDescriptionTouch\":\"Dvotapnite, da spustite.\",\"dropDescriptionVirtual\":\"Kliknite, da spustite.\",\"dropIndicator\":\"indikator spusta\",\"dropOnItem\":\"Spusti na mesto {itemText}\",\"dropOnRoot\":\"Spusti na mesto\",\"endDragKeyboard\":\"Vlečenje. Pritisnite tipko Enter za preklic vlečenja.\",\"endDragTouch\":\"Vlečenje. Dvotapnite za preklic vlečenja.\",\"endDragVirtual\":\"Vlečenje. Kliknite, da prekličete vlečenje.\",\"insertAfter\":\"Vstavi za {itemText}\",\"insertBefore\":\"Vstavi pred {itemText}\",\"insertBetween\":\"Vstavi med {beforeItemText} in {afterItemText}\"}");
 
-      if (nextKey == null) {
-        if (wrap) {
-          return {
-            type: 'root'
-          };
-        }
 
-        return null;
-      }
+var $37058f74c9a3a05d$exports = {};
+$37058f74c9a3a05d$exports = JSON.parse("{\"dragItem\":\"Prevucite {itemText}\",\"dragSelectedItems\":\"Prevucite {count, plural, one {# izabranu stavku} other {# izabrane stavke}}\",\"dragDescriptionKeyboard\":\"Pritisnite Enter da biste započeli prevlačenje..\",\"dragDescriptionTouch\":\"Dvaput dodirnite za otpuštanje.\",\"dragDescriptionVirtual\":\"Kliknite da biste započeli prevlačenje.\",\"dragStartedKeyboard\":\"Prevlačenje je započeto. Pritisnite Tab da biste otišli do cilja za otpuštanje, zatim pritisnite Enter za ispuštanje ili pritisnite Escape za otkazivanje.\",\"dragStartedTouch\":\"Prevlačenje je započeto. Idite do cilja za otpuštanje, a zatim dvaput dodirnite za otpuštanje.\",\"dragStartedVirtual\":\"Prevlačenje je započeto. Idite do cilja za otpuštanje, a zatim kliknite ili pritinite Enter za otpuštanje.\",\"endDragKeyboard\":\"Prevlačenje u toku. Pritisnite Enter da biste otkazali prevlačenje.\",\"endDragTouch\":\"Prevlačenje u toku. Dvaput dodirnite da biste otkazali prevlačenje.\",\"endDragVirtual\":\"Prevlačenje u toku. Kliknite da biste otkazali prevlačenje.\",\"dropDescriptionKeyboard\":\"Pritisnite Enter da biste otpustili. Pritisnite Escape da biste otkazali prevlačenje.\",\"dropDescriptionTouch\":\"Dvaput dodirnite za otpuštanje.\",\"dropDescriptionVirtual\":\"Kliknite za otpuštanje.\",\"dropCanceled\":\"Otpuštanje je otkazano.\",\"dropComplete\":\"Prevlačenje je završeno.\",\"dropIndicator\":\"Indikator otpuštanja\",\"dropOnRoot\":\"Otpusti na\",\"dropOnItem\":\"Otpusti na {itemText}\",\"insertBefore\":\"Umetnite ispred {itemText}\",\"insertBetween\":\"Umetnite između {beforeItemText} i {afterItemText}\",\"insertAfter\":\"Umetnite posle {itemText}\"}");
 
-      return {
-        type: 'item',
-        key: nextKey,
-        dropPosition
-      };
-    };
 
-    let nextValidTarget = function nextValidTarget(target, types, allowedDropOperations, getNextTarget, wrap) {
-      if (wrap === void 0) {
-        wrap = true;
-      }
+var $8086e3e54a0bdab1$exports = {};
+$8086e3e54a0bdab1$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Tryck på enter för att börja dra.\",\"dragDescriptionTouch\":\"Dubbeltryck för att börja dra.\",\"dragDescriptionVirtual\":\"Klicka för att börja dra.\",\"dragItem\":\"Dra {itemText}\",\"dragSelectedItems\":\"Dra {count, plural, one {# valt objekt} other {# valda objekt}}\",\"dragStartedKeyboard\":\"Börja dra. Tryck på tabb för att navigera till målet, tryck på enter för att släppa eller på escape för att avbryta.\",\"dragStartedTouch\":\"Börja dra. Navigera till ett mål och dubbeltryck för att släppa.\",\"dragStartedVirtual\":\"Börja dra. Navigera till ett mål och klicka eller tryck på enter för att släppa.\",\"dropCanceled\":\"Släppåtgärd avbröts.\",\"dropComplete\":\"Släppåtgärd klar.\",\"dropDescriptionKeyboard\":\"Tryck på enter för att släppa. Tryck på escape för att avbryta dragåtgärd.\",\"dropDescriptionTouch\":\"Dubbeltryck för att släppa.\",\"dropDescriptionVirtual\":\"Klicka för att släppa.\",\"dropIndicator\":\"släppindikator\",\"dropOnItem\":\"Släpp på {itemText}\",\"dropOnRoot\":\"Släpp på\",\"endDragKeyboard\":\"Drar. Tryck på enter för att avbryta dragåtgärd.\",\"endDragTouch\":\"Drar. Dubbeltryck för att avbryta dragåtgärd.\",\"endDragVirtual\":\"Drar. Klicka för att avbryta dragåtgärd.\",\"insertAfter\":\"Infoga efter {itemText}\",\"insertBefore\":\"Infoga före {itemText}\",\"insertBetween\":\"Infoga mellan {beforeItemText} och {afterItemText}\"}");
 
-      let seenRoot = 0;
-      let operation;
 
-      do {
-        let nextTarget = getNextTarget(target, wrap);
+var $de3f67d6daadf686$exports = {};
+$de3f67d6daadf686$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Sürüklemeyi başlatmak için Enter'a basın.\",\"dragDescriptionTouch\":\"Sürüklemeyi başlatmak için çift tıklayın.\",\"dragDescriptionVirtual\":\"Sürüklemeyi başlatmak için tıklayın.\",\"dragItem\":\"{itemText}’i sürükle\",\"dragSelectedItems\":\"Sürükle {count, plural, one {# seçili öge} other {# seçili öge}}\",\"dragStartedKeyboard\":\"Sürükleme başlatıldı. Bir bırakma hedefine gitmek için Tab’a basın, ardından bırakmak için Enter’a basın veya iptal etmek için Escape’e basın.\",\"dragStartedTouch\":\"Sürükleme başlatıldı. Bir bırakma hedefine gidin, ardından bırakmak için çift tıklayın.\",\"dragStartedVirtual\":\"Sürükleme başlatıldı. Bir bırakma hedefine gidin, ardından bırakmak için Enter’a tıklayın veya basın.\",\"dropCanceled\":\"Bırakma iptal edildi.\",\"dropComplete\":\"Bırakma tamamlandı.\",\"dropDescriptionKeyboard\":\"Bırakmak için Enter'a basın. Sürüklemeyi iptal etmek için Escape'e basın.\",\"dropDescriptionTouch\":\"Bırakmak için çift tıklayın.\",\"dropDescriptionVirtual\":\"Bırakmak için tıklayın.\",\"dropIndicator\":\"bırakma göstergesi\",\"dropOnItem\":\"{itemText} üzerine bırak\",\"dropOnRoot\":\"Bırakın\",\"endDragKeyboard\":\"Sürükleme. Sürüklemeyi iptal etmek için Enter'a basın.\",\"endDragTouch\":\"Sürükleme. Sürüklemeyi iptal etmek için çift tıklayın.\",\"endDragVirtual\":\"Sürükleme. Sürüklemeyi iptal etmek için tıklayın.\",\"insertAfter\":\"{itemText}’den sonra gir\",\"insertBefore\":\"{itemText}’den önce gir\",\"insertBetween\":\"{beforeItemText} ve {afterItemText} arasına gir\"}");
 
-        if (!nextTarget) {
-          return null;
-        }
 
-        target = nextTarget;
-        operation = localState.state.getDropOperation(nextTarget, types, allowedDropOperations);
+var $f971ade05c1512b7$exports = {};
+$f971ade05c1512b7$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"Натисніть Enter, щоб почати перетягування.\",\"dragDescriptionTouch\":\"Натисніть двічі, щоб почати перетягування.\",\"dragDescriptionVirtual\":\"Натисніть, щоб почати перетягування.\",\"dragItem\":\"Перетягнути {itemText}\",\"dragSelectedItems\":\"Перетягніть {count, plural, one {# вибраний елемент} other {# вибраних елем}}\",\"dragStartedKeyboard\":\"Перетягування почалося. Натисніть Tab, щоб перейти до цілі перетягування, потім натисніть Enter, щоб перетягнути, або Escape, щоб скасувати.\",\"dragStartedTouch\":\"Перетягування почалося. Перейдіть до цілі перетягування, потім натисніть двічі, щоб перетягнути.\",\"dragStartedVirtual\":\"Перетягування почалося. Перейдіть до цілі перетягування, потім натисніть Enter, щоб перетягнути.\",\"dropCanceled\":\"Перетягування скасовано.\",\"dropComplete\":\"Перетягування завершено.\",\"dropDescriptionKeyboard\":\"Натисніть Enter, щоб перетягнути. Натисніть Escape, щоб скасувати перетягування.\",\"dropDescriptionTouch\":\"Натисніть двічі, щоб перетягнути.\",\"dropDescriptionVirtual\":\"Натисніть, щоб перетягнути.\",\"dropIndicator\":\"індикатор перетягування\",\"dropOnItem\":\"Перетягнути на {itemText}\",\"dropOnRoot\":\"Перетягнути на\",\"endDragKeyboard\":\"Триває перетягування. Натисніть Enter, щоб скасувати перетягування.\",\"endDragTouch\":\"Триває перетягування. Натисніть двічі, щоб скасувати перетягування.\",\"endDragVirtual\":\"Триває перетягування. Натисніть, щоб скасувати перетягування.\",\"insertAfter\":\"Вставити після {itemText}\",\"insertBefore\":\"Вставити перед {itemText}\",\"insertBetween\":\"Вставити між {beforeItemText} і {afterItemText}\"}");
 
-        if (target.type === 'root') {
-          seenRoot++;
-        }
-      } while (operation === 'cancel' && !localState.state.isDropTarget(target) && seenRoot < 2);
 
-      if (operation === 'cancel') {
-        return null;
-      }
+var $4f616c645f352135$exports = {};
+$4f616c645f352135$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"按 Enter 开始拖动。\",\"dragDescriptionTouch\":\"双击开始拖动。\",\"dragDescriptionVirtual\":\"单击开始拖动。\",\"dragItem\":\"拖动 {itemText}\",\"dragSelectedItems\":\"拖动 {count, plural, one {# 选中项目} other {# 选中项目}}\",\"dragStartedKeyboard\":\"已开始拖动。按 Tab 导航到放置目标，然后按 Enter 放置或按 Escape 取消。\",\"dragStartedTouch\":\"已开始拖动。导航到放置目标，然后双击放置。\",\"dragStartedVirtual\":\"已开始拖动。导航到放置目标，然后单击或按 Enter 放置。\",\"dropCanceled\":\"放置已取消。\",\"dropComplete\":\"放置已完成。\",\"dropDescriptionKeyboard\":\"按 Enter 放置。按 Escape 取消拖动。\",\"dropDescriptionTouch\":\"双击放置。\",\"dropDescriptionVirtual\":\"单击放置。\",\"dropIndicator\":\"放置标记\",\"dropOnItem\":\"放置于 {itemText}\",\"dropOnRoot\":\"放置于\",\"endDragKeyboard\":\"正在拖动。按 Enter 取消拖动。\",\"endDragTouch\":\"正在拖动。双击取消拖动。\",\"endDragVirtual\":\"正在拖动。单击取消拖动。\",\"insertAfter\":\"插入到 {itemText} 之后\",\"insertBefore\":\"插入到 {itemText} 之前\",\"insertBetween\":\"插入到 {beforeItemText} 和 {afterItemText} 之间\"}");
 
-      return target;
-    };
 
-    return $a75d092e5c30878812fba78e$export$registerDropTarget({
-      element: ref.current,
+var $731d0feea052bdfb$exports = {};
+$731d0feea052bdfb$exports = JSON.parse("{\"dragDescriptionKeyboard\":\"按 Enter 鍵以開始拖曳。\",\"dragDescriptionTouch\":\"輕點兩下以開始拖曳。\",\"dragDescriptionVirtual\":\"按一下滑鼠以開始拖曳。\",\"dragItem\":\"拖曳「{itemText}」\",\"dragSelectedItems\":\"拖曳 {count, plural, one {# 個選定項目} other {# 個選定項目}}\",\"dragStartedKeyboard\":\"已開始拖曳。按 Tab 鍵以瀏覽至放置目標，然後按 Enter 鍵以放置，或按 Escape 鍵以取消。\",\"dragStartedTouch\":\"已開始拖曳。瀏覽至放置目標，然後輕點兩下以放置。\",\"dragStartedVirtual\":\"已開始拖曳。瀏覽至放置目標，然後按一下滑鼠或按 Enter 鍵以放置。\",\"dropCanceled\":\"放置已取消。\",\"dropComplete\":\"放置已完成。\",\"dropDescriptionKeyboard\":\"按 Enter 鍵以放置。按 Escape 鍵以取消拖曳。\",\"dropDescriptionTouch\":\"輕點兩下以放置。\",\"dropDescriptionVirtual\":\"按一下滑鼠以放置。\",\"dropIndicator\":\"放置指示器\",\"dropOnItem\":\"放置在「{itemText}」上\",\"dropOnRoot\":\"放置在\",\"endDragKeyboard\":\"拖曳中。按 Enter 鍵以取消拖曳。\",\"endDragTouch\":\"拖曳中。輕點兩下以取消拖曳。\",\"endDragVirtual\":\"拖曳中。按一下滑鼠以取消拖曳。\",\"insertAfter\":\"插入至「{itemText}」之後\",\"insertBefore\":\"插入至「{itemText}」之前\",\"insertBetween\":\"插入至「{beforeItemText}」和「{afterItemText}」之間\"}");
 
-      getDropOperation(types, allowedOperations) {
-        if (localState.state.target) {
-          return localState.state.getDropOperation(localState.state.target, types, allowedOperations);
-        } // Check if any of the targets accept the drop.
-        // TODO: should we have a faster way of doing this or e.g. for pagination?
 
+$6dae25bfb54cafe2$exports = {
+    "ar-AE": $6a4207e9446e3fd6$exports,
+    "bg-BG": $b35a262c6a180bbf$exports,
+    "cs-CZ": $2295dfb4d9d6e70f$exports,
+    "da-DK": $fe12c948c93e9e7c$exports,
+    "de-DE": $bd463c5fd759bcd3$exports,
+    "el-GR": $c53fec58c9b57aed$exports,
+    "en-US": $5203da54239cc53b$exports,
+    "es-ES": $f8a76c76a7827fc9$exports,
+    "et-EE": $18a37c0580c6872d$exports,
+    "fi-FI": $c83ae802bb286dd5$exports,
+    "fr-FR": $4f6107d6a00a2dc5$exports,
+    "he-IL": $f8a8643ec8fb63f3$exports,
+    "hr-HR": $d625f0563955824c$exports,
+    "hu-HU": $24553ce5446e49c4$exports,
+    "it-IT": $950ffefaa2ec3f25$exports,
+    "ja-JP": $3da23275963b1c01$exports,
+    "ko-KR": $207c86ace90f7cb9$exports,
+    "lt-LT": $78c91fe39f28d801$exports,
+    "lv-LV": $10dc7abacb309b1d$exports,
+    "nb-NO": $378f79a263916098$exports,
+    "nl-NL": $bb7919a8dd63447a$exports,
+    "pl-PL": $0dab7c4b200438bb$exports,
+    "pt-BR": $320b1b8402761dd9$exports,
+    "pt-PT": $076b31123975b967$exports,
+    "ro-RO": $0e9ee9f78d3f0cd2$exports,
+    "ru-RU": $75565d05f47f6ccc$exports,
+    "sk-SK": $33e7643e065740e4$exports,
+    "sl-SI": $f7ca62df85ef8473$exports,
+    "sr-SP": $37058f74c9a3a05d$exports,
+    "sv-SE": $8086e3e54a0bdab1$exports,
+    "tr-TR": $de3f67d6daadf686$exports,
+    "uk-UA": $f971ade05c1512b7$exports,
+    "zh-CN": $4f616c645f352135$exports,
+    "zh-TW": $731d0feea052bdfb$exports
+};
 
-        let target = nextValidTarget(null, types, allowedOperations, getNextTarget);
-        return target ? 'move' : 'cancel';
-      },
 
-      onDropEnter(e, drag) {
-        let types = $bc29619458500c186021634c18dc$export$getTypes(drag.items);
-        let selectionManager = localState.state.selectionManager;
-        let target; // When entering the droppable collection for the first time, the default drop target
-        // is after the focused key.
 
-        let key = selectionManager.focusedKey;
-        let dropPosition = 'after'; // If the focused key is a cell, get the parent item instead.
-        // For now, we assume that individual cells cannot be dropped on.
 
-        let item = localState.state.collection.getItem(key);
 
-        if ((item == null ? void 0 : item.type) === 'cell') {
-          key = item.parentKey;
-        } // If the focused item is also selected, the default drop target is after the last selected item.
-        // But if the focused key is the first selected item, then default to before the first selected item.
-        // This is to make reordering lists slightly easier. If you select top down, we assume you want to
-        // move the items down. If you select bottom up, we assume you want to move the items up.
 
 
-        if (selectionManager.isSelected(key)) {
-          if (selectionManager.selectedKeys.size > 1 && selectionManager.firstSelectedKey === key) {
-            dropPosition = 'before';
-          } else {
-            key = selectionManager.lastSelectedKey;
-          }
+const $e2630e07d35639b3$var$MESSAGES = {
+    keyboard: {
+        start: 'dragDescriptionKeyboard',
+        end: 'endDragKeyboard'
+    },
+    touch: {
+        start: 'dragDescriptionTouch',
+        end: 'endDragTouch'
+    },
+    virtual: {
+        start: 'dragDescriptionVirtual',
+        end: 'endDragVirtual'
+    }
+};
+function $e2630e07d35639b3$export$7941f8aafa4b6021(options) {
+    let formatMessage = $67uu7$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($6dae25bfb54cafe2$exports)));
+    let state = $67uu7$react.useRef({
+        options: options,
+        x: 0,
+        y: 0
+    }).current;
+    state.options = options;
+    let [isDragging, setDragging] = $67uu7$react.useState(false);
+    let onDragStart = (e)=>{
+        let items = options.getItems();
+        $29c8537521cf08fe$export$f9c1490890ddd063(e.dataTransfer, items);
+        if (typeof options.getAllowedDropOperations === 'function') {
+            let allowedOperations = options.getAllowedDropOperations();
+            let allowed = $d7547fb11526b355$export$60b7b4bcf3903d8e.none;
+            for (let operation of allowedOperations)allowed |= $d7547fb11526b355$export$60b7b4bcf3903d8e[operation] || $d7547fb11526b355$export$60b7b4bcf3903d8e.none;
+            e.dataTransfer.effectAllowed = $d7547fb11526b355$export$dd0165308d8bff45[allowed] || 'none';
         }
-
-        if (key != null) {
-          target = {
-            type: 'item',
-            key,
-            dropPosition
-          }; // If the default target is not valid, find the next one that is.
-
-          if (localState.state.getDropOperation(target, types, drag.allowedDropOperations) === 'cancel') {
-            var _nextValidTarget;
-
-            target = (_nextValidTarget = nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget, false)) != null ? _nextValidTarget : nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false);
-          }
-        } // If no focused key, then start from the root.
+        // If there is a renderPreview function, use it to render a custom preview image that will
+        // appear under the pointer while dragging. If not, the element itself is dragged by the browser.
+        if (typeof options.renderPreview === 'function') {
+            let preview = options.renderPreview(items);
+            if (preview) {
+                // Create an off-screen div to render the preview into.
+                let node = document.createElement('div');
+                node.style.zIndex = '-100';
+                node.style.position = 'absolute';
+                node.style.top = '0';
+                node.style.left = '-100000px';
+                document.body.appendChild(node);
+                // Call renderPreview to get a JSX element, and render it into the div with React DOM.
+                ($parcel$interopDefault($67uu7$reactdom)).render(preview, node);
+                // Compute the offset that the preview will appear under the mouse.
+                // If possible, this is based on the point the user clicked on the target.
+                // If the preview is much smaller, then just use the center point of the preview.
+                let size = node.getBoundingClientRect();
+                let rect = e.currentTarget.getBoundingClientRect();
+                let x = e.clientX - rect.x;
+                let y = e.clientY - rect.y;
+                if (x > size.width || y > size.height) {
+                    x = size.width / 2;
+                    y = size.height / 2;
+                }
+                e.dataTransfer.setDragImage(node, x, y);
+                // Remove the preview from the DOM after a frame so the browser has time to paint.
+                requestAnimationFrame(()=>{
+                    document.body.removeChild(node);
+                });
+            }
+        }
+        if (typeof options.onDragStart === 'function') options.onDragStart({
+            type: 'dragstart',
+            x: e.clientX,
+            y: e.clientY
+        });
+        state.x = e.clientX;
+        state.y = e.clientY;
+        // Wait a frame before we set dragging to true so that the browser has time to
+        // render the preview image before we update the element that has been dragged.
+        requestAnimationFrame(()=>{
+            setDragging(true);
+        });
+    };
+    let onDrag = (e)=>{
+        if (e.clientX === state.x && e.clientY === state.y) return;
+        if (typeof options.onDragMove === 'function') options.onDragMove({
+            type: 'dragmove',
+            x: e.clientX,
+            y: e.clientY
+        });
+        state.x = e.clientX;
+        state.y = e.clientY;
+    };
+    let onDragEnd = (e)=>{
+        if (typeof options.onDragEnd === 'function') options.onDragEnd({
+            type: 'dragend',
+            x: e.clientX,
+            y: e.clientY,
+            dropOperation: $d7547fb11526b355$export$608ecc6f1b23c35d[e.dataTransfer.dropEffect]
+        });
+        setDragging(false);
+    };
+    let onPress = (e1)=>{
+        if (e1.pointerType !== 'keyboard' && e1.pointerType !== 'virtual') return;
+        if (typeof state.options.onDragStart === 'function') {
+            let rect = e1.target.getBoundingClientRect();
+            state.options.onDragStart({
+                type: 'dragstart',
+                x: rect.x + rect.width / 2,
+                y: rect.y + rect.height / 2
+            });
+        }
+        $7b1813d52b80b911$export$549dbcf8649bf3b2({
+            element: e1.target,
+            items: state.options.getItems(),
+            allowedDropOperations: typeof state.options.getAllowedDropOperations === 'function' ? state.options.getAllowedDropOperations() : [
+                'move',
+                'copy',
+                'link'
+            ],
+            onDragEnd (e) {
+                setDragging(false);
+                if (typeof state.options.onDragEnd === 'function') state.options.onDragEnd(e);
+            }
+        }, formatMessage);
+        setDragging(true);
+    };
+    let modality = $29c8537521cf08fe$export$49bac5d6d4b352ea();
+    let descriptionProps = $67uu7$reactariautils.useDescription(formatMessage(!isDragging ? $e2630e07d35639b3$var$MESSAGES[modality].start : $e2630e07d35639b3$var$MESSAGES[modality].end));
+    return {
+        dragProps: {
+            draggable: 'true',
+            onDragStart: onDragStart,
+            onDrag: onDrag,
+            onDragEnd: onDragEnd
+        },
+        dragButtonProps: {
+            ...descriptionProps,
+            onPress: onPress
+        },
+        isDragging: isDragging
+    };
+}
 
 
-        if (!target) {
-          target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget);
-        }
+var $8946a7288b8c2406$exports = {};
 
-        localState.state.setTarget(target);
-      },
+$parcel$export($8946a7288b8c2406$exports, "useDrop", () => $8946a7288b8c2406$export$ccdee5eaf73cf661);
 
-      onDropExit() {
-        localState.state.setTarget(null);
-      },
 
-      onDropTargetEnter(target) {
-        localState.state.setTarget(target);
-      },
 
-      onDropActivate(e) {
-        var _localState$state$tar, _localState$state$tar2;
 
-        if (((_localState$state$tar = localState.state.target) == null ? void 0 : _localState$state$tar.type) === 'item' && ((_localState$state$tar2 = localState.state.target) == null ? void 0 : _localState$state$tar2.dropPosition) === 'on' && typeof localState.props.onDropActivate === 'function') {
-          localState.props.onDropActivate({
-            type: 'dropactivate',
-            x: e.x,
-            // todo
-            y: e.y,
-            target: localState.state.target
-          });
-        }
-      },
 
-      onDrop(e, target) {
-        if (localState.state.target && typeof localState.props.onDrop === 'function') {
-          onDrop(e, target || localState.state.target);
-        }
-      },
-
-      onKeyDown(e, drag) {
-        let {
-          keyboardDelegate
-        } = localState.props;
-        let types = $bc29619458500c186021634c18dc$export$getTypes(drag.items);
-
-        switch (e.key) {
-          case 'ArrowDown':
-            {
-              if (keyboardDelegate.getKeyBelow) {
-                let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, getNextTarget);
-                localState.state.setTarget(target);
-              }
 
-              break;
-            }
 
-          case 'ArrowUp':
-            {
-              if (keyboardDelegate.getKeyAbove) {
-                let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, getPreviousTarget);
-                localState.state.setTarget(target);
-              }
 
-              break;
-            }
 
-          case 'Home':
-            {
-              if (keyboardDelegate.getFirstKey) {
-                let target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget);
-                localState.state.setTarget(target);
-              }
 
-              break;
+const $06a19d9f22d42d75$var$MESSAGES = {
+    keyboard: 'dropDescriptionKeyboard',
+    touch: 'dropDescriptionTouch',
+    virtual: 'dropDescriptionVirtual'
+};
+function $06a19d9f22d42d75$export$62447ad3d2ec7da6() {
+    let formatMessage = $67uu7$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($6dae25bfb54cafe2$exports)));
+    let modality = $29c8537521cf08fe$export$49bac5d6d4b352ea();
+    let dragSession = $7b1813d52b80b911$export$418e185dd3f1b968();
+    let descriptionProps = $67uu7$reactariautils.useDescription(dragSession ? formatMessage($06a19d9f22d42d75$var$MESSAGES[modality]) : '');
+    return {
+        dropProps: {
+            ...descriptionProps,
+            // Mobile Safari does not properly bubble click events on elements except links or inputs
+            // unless there is an onclick handler bound directly to the element itself. By adding this
+            // handler, React will take care of adding that for us, and we are able to handle document
+            // level click events in the DragManager.
+            // See https://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
+            onClick: ()=>{
             }
+        }
+    };
+}
 
-          case 'End':
-            {
-              if (keyboardDelegate.getLastKey) {
-                let target = nextValidTarget(null, types, drag.allowedDropOperations, getPreviousTarget);
-                localState.state.setTarget(target);
-              }
 
-              break;
+const $8946a7288b8c2406$var$DROP_ACTIVATE_TIMEOUT = 800;
+function $8946a7288b8c2406$export$ccdee5eaf73cf661(options) {
+    let [isDropTarget, setDropTarget] = $67uu7$react.useState(false);
+    let state = $67uu7$react.useRef({
+        x: 0,
+        y: 0,
+        dragEnterCount: 0,
+        dropEffect: 'none',
+        dropActivateTimer: null
+    }).current;
+    let onDragOver = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.clientX === state.x && e.clientY === state.y) {
+            e.dataTransfer.dropEffect = state.dropEffect;
+            return;
+        }
+        state.x = e.clientX;
+        state.y = e.clientY;
+        if (typeof options.getDropOperationForPoint === 'function') {
+            let allowedOperations = $8946a7288b8c2406$var$effectAllowedToOperations(e.dataTransfer.effectAllowed);
+            let types = new $29c8537521cf08fe$export$7f04ce188c91447c(e.dataTransfer);
+            let rect = e.currentTarget.getBoundingClientRect();
+            let dropOperation = options.getDropOperationForPoint(types, allowedOperations, state.x - rect.x, state.y - rect.y);
+            state.dropEffect = $d7547fb11526b355$export$5eacb0769d26d3b2[dropOperation] || 'none';
+        }
+        e.dataTransfer.dropEffect = state.dropEffect;
+        if (typeof options.onDropMove === 'function') {
+            let rect = e.currentTarget.getBoundingClientRect();
+            options.onDropMove({
+                type: 'dropmove',
+                x: state.x - rect.x,
+                y: state.y - rect.y
+            });
+        }
+        clearTimeout(state.dropActivateTimer);
+        if (typeof options.onDropActivate === 'function' && state.dropEffect !== 'none') {
+            let rect = e.currentTarget.getBoundingClientRect();
+            state.dropActivateTimer = setTimeout(()=>{
+                options.onDropActivate({
+                    type: 'dropactivate',
+                    x: state.x - rect.x,
+                    y: state.y - rect.y
+                });
+            }, $8946a7288b8c2406$var$DROP_ACTIVATE_TIMEOUT);
+        }
+    };
+    let onDragEnter = (e)=>{
+        e.stopPropagation();
+        state.dragEnterCount++;
+        if (state.dragEnterCount > 1) return;
+        let allowedOperations = $8946a7288b8c2406$var$effectAllowedToOperations(e.dataTransfer.effectAllowed);
+        let dropOperation = allowedOperations[0];
+        if (typeof options.getDropOperation === 'function') {
+            let types = new $29c8537521cf08fe$export$7f04ce188c91447c(e.dataTransfer);
+            dropOperation = options.getDropOperation(types, allowedOperations);
+        }
+        if (dropOperation !== 'cancel') setDropTarget(true);
+        if (typeof options.getDropOperationForPoint === 'function') {
+            let types = new $29c8537521cf08fe$export$7f04ce188c91447c(e.dataTransfer);
+            let rect = e.currentTarget.getBoundingClientRect();
+            dropOperation = options.getDropOperationForPoint(types, allowedOperations, e.clientX - rect.x, e.clientY - rect.y);
+        }
+        state.dropEffect = $d7547fb11526b355$export$5eacb0769d26d3b2[dropOperation] || 'none';
+        e.dataTransfer.dropEffect = state.dropEffect;
+        if (typeof options.onDropEnter === 'function' && dropOperation !== 'cancel') {
+            let rect = e.currentTarget.getBoundingClientRect();
+            options.onDropEnter({
+                type: 'dropenter',
+                x: e.clientX - rect.x,
+                y: e.clientY - rect.y
+            });
+        }
+        state.x = e.clientX;
+        state.y = e.clientY;
+    };
+    let onDragLeave = (e)=>{
+        e.stopPropagation();
+        state.dragEnterCount--;
+        if (state.dragEnterCount > 0) return;
+        if (typeof options.onDropExit === 'function' && state.dropEffect !== 'none') {
+            let rect = e.currentTarget.getBoundingClientRect();
+            options.onDropExit({
+                type: 'dropexit',
+                x: e.clientX - rect.x,
+                y: e.clientY - rect.y
+            });
+        }
+        setDropTarget(false);
+        clearTimeout(state.dropActivateTimer);
+    };
+    let onDrop = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (typeof options.onDrop === 'function') {
+            let dropOperation = $d7547fb11526b355$export$608ecc6f1b23c35d[state.dropEffect];
+            let items = $29c8537521cf08fe$export$d9e760437831f8b3(e.dataTransfer);
+            let rect = e.currentTarget.getBoundingClientRect();
+            let event = {
+                type: 'drop',
+                x: e.clientX - rect.x,
+                y: e.clientY - rect.y,
+                items: items,
+                dropOperation: dropOperation
+            };
+            // Wait a frame to dispatch the drop event so that we ensure the dragend event fires first.
+            // Otherwise, if onDrop removes the original dragged element from the DOM, dragend will never be fired.
+            // This behavior is consistent across browsers, but see this issue for details:
+            // https://bugzilla.mozilla.org/show_bug.cgi?id=460801
+            setTimeout(()=>{
+                options.onDrop(event);
+            }, 0);
+        }
+        if (typeof options.onDropExit === 'function') {
+            let rect = e.currentTarget.getBoundingClientRect();
+            options.onDropExit({
+                type: 'dropexit',
+                x: e.clientX - rect.x,
+                y: e.clientY - rect.y
+            });
+        }
+        state.dragEnterCount = 0;
+        setDropTarget(false);
+        clearTimeout(state.dropActivateTimer);
+    };
+    let optionsRef = $67uu7$react.useRef(options);
+    optionsRef.current = options;
+    $67uu7$reactariautils.useLayoutEffect(()=>$7b1813d52b80b911$export$c28d9fb4a54e471a({
+            element: optionsRef.current.ref.current,
+            getDropOperation: optionsRef.current.getDropOperation,
+            onDropEnter (e) {
+                setDropTarget(true);
+                if (typeof optionsRef.current.onDropEnter === 'function') optionsRef.current.onDropEnter(e);
+            },
+            onDropExit (e) {
+                setDropTarget(false);
+                if (typeof optionsRef.current.onDropExit === 'function') optionsRef.current.onDropExit(e);
+            },
+            onDrop (e) {
+                if (typeof optionsRef.current.onDrop === 'function') optionsRef.current.onDrop(e);
+            },
+            onDropActivate (e) {
+                if (typeof optionsRef.current.onDropActivate === 'function') optionsRef.current.onDropActivate(e);
             }
+        })
+    , [
+        optionsRef
+    ]);
+    let { dropProps: dropProps  } = $06a19d9f22d42d75$export$62447ad3d2ec7da6();
+    return {
+        dropProps: {
+            ...dropProps,
+            onDragEnter: onDragEnter,
+            onDragOver: onDragOver,
+            onDragLeave: onDragLeave,
+            onDrop: onDrop
+        },
+        isDropTarget: isDropTarget
+    };
+}
+function $8946a7288b8c2406$var$effectAllowedToOperations(effectAllowed) {
+    let allowedOperationsBits = $d7547fb11526b355$export$9bbdfc78cf083e16[effectAllowed];
+    let allowedOperations = [];
+    if (allowedOperationsBits & $d7547fb11526b355$export$60b7b4bcf3903d8e.move) allowedOperations.push('move');
+    if (allowedOperationsBits & $d7547fb11526b355$export$60b7b4bcf3903d8e.copy) allowedOperations.push('copy');
+    if (allowedOperationsBits & $d7547fb11526b355$export$60b7b4bcf3903d8e.link) allowedOperations.push('link');
+    return allowedOperations;
+}
 
-          case 'PageDown':
-            {
-              if (keyboardDelegate.getKeyPageBelow) {
-                var _target;
 
-                let target = localState.state.target;
+var $783cde594bac15e2$exports = {};
 
-                if (!target) {
-                  target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget);
-                } else {
-                  // If on the root, go to the item a page below the top. Otherwise a page below the current item.
-                  let nextKey = keyboardDelegate.getKeyPageBelow(target.type === 'item' ? target.key : keyboardDelegate.getFirstKey());
-                  let dropPosition = target.type === 'item' ? target.dropPosition : 'after'; // If there is no next key, or we are starting on the last key, jump to the last possible position.
+$parcel$export($783cde594bac15e2$exports, "useDroppableCollection", () => $783cde594bac15e2$export$f4e2f423c21f7b04);
 
-                  if (nextKey == null || target.type === 'item' && target.key === keyboardDelegate.getLastKey()) {
-                    nextKey = keyboardDelegate.getLastKey();
-                    dropPosition = 'after';
-                  }
 
-                  target = {
-                    type: 'item',
-                    key: nextKey,
-                    dropPosition
-                  }; // If the target does not accept the drop, find the next valid target.
-                  // If no next valid target, find the previous valid target.
 
-                  let operation = localState.state.getDropOperation(target, types, drag.allowedDropOperations);
 
-                  if (operation === 'cancel') {
-                    var _nextValidTarget2;
 
-                    target = (_nextValidTarget2 = nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget, false)) != null ? _nextValidTarget2 : nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false);
-                  }
-                }
 
-                localState.state.setTarget((_target = target) != null ? _target : localState.state.target);
-              }
 
-              break;
+const $e7eb5ef06b31c864$var$AUTOSCROLL_AREA_SIZE = 20;
+function $e7eb5ef06b31c864$export$6323452ca4533ed8(ref) {
+    let scrollableRef = $67uu7$react.useRef(null);
+    $67uu7$react.useEffect(()=>{
+        if (ref.current) scrollableRef.current = $67uu7$reactariautils.getScrollParent(ref.current);
+    }, [
+        ref
+    ]);
+    let state = $67uu7$react.useRef({
+        timer: null,
+        dx: 0,
+        dy: 0
+    }).current;
+    let scroll = $67uu7$react.useCallback(()=>{
+        scrollableRef.current.scrollLeft += state.dx;
+        scrollableRef.current.scrollTop += state.dy;
+        if (state.timer) state.timer = requestAnimationFrame(scroll);
+    }, [
+        scrollableRef,
+        state
+    ]);
+    return {
+        move (x, y) {
+            // Most browsers auto scroll natively, but WebKit on macOS does not (iOS does 🤷‍♂️).
+            // https://bugs.webkit.org/show_bug.cgi?id=222636
+            if (!$67uu7$reactariautils.isWebKit() || $67uu7$reactariautils.isIOS() || !scrollableRef.current) return;
+            let box = scrollableRef.current.getBoundingClientRect();
+            let left = $e7eb5ef06b31c864$var$AUTOSCROLL_AREA_SIZE;
+            let top = $e7eb5ef06b31c864$var$AUTOSCROLL_AREA_SIZE;
+            let bottom = box.height - $e7eb5ef06b31c864$var$AUTOSCROLL_AREA_SIZE;
+            let right = box.width - $e7eb5ef06b31c864$var$AUTOSCROLL_AREA_SIZE;
+            if (x < left || x > right || y < top || y > bottom) {
+                if (x < left) state.dx = x - left;
+                else if (x > right) state.dx = x - right;
+                if (y < top) state.dy = y - top;
+                else if (y > bottom) state.dy = y - bottom;
+                if (!state.timer) state.timer = requestAnimationFrame(scroll);
+            } else this.stop();
+        },
+        stop () {
+            if (state.timer) {
+                cancelAnimationFrame(state.timer);
+                state.timer = null;
             }
+        }
+    };
+}
 
-          case 'PageUp':
-            {
-              var _target2;
 
-              if (!keyboardDelegate.getKeyPageAbove) {
-                break;
-              }
 
-              let target = localState.state.target;
 
-              if (!target) {
-                target = nextValidTarget(null, types, drag.allowedDropOperations, getPreviousTarget);
-              } else if (target.type === 'item') {
-                // If at the top already, switch to the root. Otherwise navigate a page up.
-                if (target.key === keyboardDelegate.getFirstKey()) {
-                  target = {
+const $783cde594bac15e2$var$DROP_POSITIONS = [
+    'before',
+    'on',
+    'after'
+];
+function $783cde594bac15e2$export$f4e2f423c21f7b04(props, state1, ref2) {
+    let localState = $67uu7$react.useRef({
+        props: props,
+        state: state1,
+        nextTarget: null,
+        dropOperation: null
+    }).current;
+    localState.props = props;
+    localState.state = state1;
+    let autoScroll = $e7eb5ef06b31c864$export$6323452ca4533ed8(ref2);
+    let { dropProps: dropProps  } = $8946a7288b8c2406$export$ccdee5eaf73cf661({
+        ref: ref2,
+        onDropEnter (e) {
+            let target = props.getDropTargetFromPoint(e.x, e.y);
+            state1.setTarget(target);
+        },
+        onDropMove (e) {
+            state1.setTarget(localState.nextTarget);
+            autoScroll.move(e.x, e.y);
+        },
+        getDropOperationForPoint (types, allowedOperations, x, y) {
+            let target = props.getDropTargetFromPoint(x, y);
+            if (!target) {
+                localState.dropOperation = 'cancel';
+                localState.nextTarget = null;
+                return 'cancel';
+            }
+            if (state1.isDropTarget(target)) {
+                localState.nextTarget = target;
+                return localState.dropOperation;
+            }
+            localState.dropOperation = state1.getDropOperation(target, types, allowedOperations);
+            // If the target doesn't accept the drop, see if the root accepts it instead.
+            if (localState.dropOperation === 'cancel') {
+                let rootTarget = {
                     type: 'root'
-                  };
-                } else {
-                  let nextKey = keyboardDelegate.getKeyPageAbove(target.key);
-                  let dropPosition = target.dropPosition;
-
-                  if (nextKey == null) {
-                    nextKey = keyboardDelegate.getFirstKey();
-                    dropPosition = 'before';
-                  }
-
-                  target = {
-                    type: 'item',
-                    key: nextKey,
-                    dropPosition
-                  };
-                } // If the target does not accept the drop, find the previous valid target.
-                // If no next valid target, find the next valid target.
-
-
-                let operation = localState.state.getDropOperation(target, types, drag.allowedDropOperations);
-
-                if (operation === 'cancel') {
-                  var _nextValidTarget3;
-
-                  target = (_nextValidTarget3 = nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false)) != null ? _nextValidTarget3 : nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget, false);
+                };
+                let dropOperation = state1.getDropOperation(rootTarget, types, allowedOperations);
+                if (dropOperation !== 'cancel') {
+                    target = rootTarget;
+                    localState.dropOperation = dropOperation;
                 }
-              }
-
-              localState.state.setTarget((_target2 = target) != null ? _target2 : localState.state.target);
-              break;
             }
+            localState.nextTarget = localState.dropOperation === 'cancel' ? null : target;
+            return localState.dropOperation;
+        },
+        onDropExit () {
+            state1.setTarget(null);
+            autoScroll.stop();
+        },
+        onDropActivate (e) {
+            var ref, ref1;
+            if (((ref = state1.target) === null || ref === void 0 ? void 0 : ref.type) === 'item' && ((ref1 = state1.target) === null || ref1 === void 0 ? void 0 : ref1.dropPosition) === 'on' && typeof props.onDropActivate === 'function') props.onDropActivate({
+                type: 'dropactivate',
+                x: e.x,
+                y: e.y,
+                target: state1.target
+            });
+        },
+        onDrop (e) {
+            if (state1.target && typeof props.onDrop === 'function') onDrop(e, state1.target);
         }
-      }
-
     });
-  }, [localState, ref, onDrop]);
-  let id = $bc29619458500c186021634c18dc$export$useDroppableCollectionId(state);
-  return {
-    collectionProps: mergeProps(dropProps, {
-      id,
-      // Remove description from collection element. If dropping on the entire collection,
-      // there should be a drop indicator that has this description, so no need to double announce.
-      'aria-describedby': null
-    })
-  };
-}
-
-exports.useDroppableCollection = useDroppableCollection;
-
-function useDroppableItem(options, state, ref) {
-  let {
-    dropProps
-  } = $ca75888e192994dbb11ae05e54$export$useVirtualDrop();
-  useEffect(() => {
-    if (ref.current) {
-      return $a75d092e5c30878812fba78e$export$registerDropItem({
-        element: ref.current,
-        target: options.target,
-
-        getDropOperation(types, allowedOperations) {
-          return state.getDropOperation(options.target, types, allowedOperations);
+    let droppingState = $67uu7$react.useRef(null);
+    let onDrop = $67uu7$react.useCallback((e, target)=>{
+        let { state: state2  } = localState;
+        // Focus the collection.
+        state2.selectionManager.setFocused(true);
+        // Save some state of the collection/selection before the drop occurs so we can compare later.
+        let focusedKey = state2.selectionManager.focusedKey;
+        droppingState.current = {
+            timeout: null,
+            focusedKey: focusedKey,
+            collection: state2.collection,
+            selectedKeys: state2.selectionManager.selectedKeys
+        };
+        localState.props.onDrop({
+            type: 'drop',
+            x: e.x,
+            y: e.y,
+            target: target,
+            items: e.items,
+            dropOperation: e.dropOperation
+        });
+        // Wait for a short time period after the onDrop is called to allow the data to be read asynchronously
+        // and for React to re-render. If an insert occurs during this time, it will be selected/focused below.
+        // If items are not "immediately" inserted by the onDrop handler, the application will need to handle
+        // selecting and focusing those items themselves.
+        droppingState.current.timeout = setTimeout(()=>{
+            // If focus didn't move already (e.g. due to an insert), and the user dropped on an item,
+            // focus that item and show the focus ring to give the user feedback that the drop occurred.
+            // Also show the focus ring if the focused key is not selected, e.g. in case of a reorder.
+            let { state: state  } = localState;
+            if (state.selectionManager.focusedKey === focusedKey) {
+                if (target.type === 'item' && target.dropPosition === 'on' && state.collection.getItem(target.key) != null) {
+                    state.selectionManager.setFocusedKey(target.key);
+                    state.selectionManager.setFocused(true);
+                    $67uu7$reactariainteractions.setInteractionModality('keyboard');
+                } else if (!state.selectionManager.isSelected(focusedKey)) $67uu7$reactariainteractions.setInteractionModality('keyboard');
+            }
+            droppingState.current = null;
+        }, 50);
+    }, [
+        localState
+    ]);
+    // eslint-disable-next-line arrow-body-style
+    $67uu7$react.useEffect(()=>{
+        return ()=>{
+            if (droppingState.current) clearTimeout(droppingState.current.timeout);
+        };
+    }, []);
+    $67uu7$reactariautils.useLayoutEffect(()=>{
+        // If an insert occurs during a drop, we want to immediately select these items to give
+        // feedback to the user that a drop occurred. Only do this if the selection didn't change
+        // since the drop started so we don't override if the user or application did something.
+        if (droppingState.current && state1.selectionManager.isFocused && state1.collection.size > droppingState.current.collection.size && state1.selectionManager.isSelectionEqual(droppingState.current.selectedKeys)) {
+            let newKeys = new Set();
+            for (let key of state1.collection.getKeys())if (!droppingState.current.collection.getItem(key)) newKeys.add(key);
+            state1.selectionManager.setSelectedKeys(newKeys);
+            // If the focused item didn't change since the drop occurred, also focus the first
+            // inserted item. If selection is disabled, then also show the focus ring so there
+            // is some indication that items were added.
+            if (state1.selectionManager.focusedKey === droppingState.current.focusedKey) {
+                let first = newKeys.keys().next().value;
+                state1.selectionManager.setFocusedKey(first);
+                if (state1.selectionManager.selectionMode === 'none') $67uu7$reactariainteractions.setInteractionModality('keyboard');
+            }
+            droppingState.current = null;
         }
-
-      });
-    }
-  }, [ref, options.target, state]);
-  let dragSession = $a75d092e5c30878812fba78e$export$useDragSession();
-  let isValidDropTarget = dragSession && state.getDropOperation(options.target, $bc29619458500c186021634c18dc$export$getTypes(dragSession.dragTarget.items), dragSession.dragTarget.allowedDropOperations) !== 'cancel';
-  let isDropTarget = state.isDropTarget(options.target);
-  useEffect(() => {
-    if (dragSession && isDropTarget && ref.current) {
-      ref.current.focus();
-    }
-  }, [isDropTarget, dragSession, ref]);
-  return {
-    dropProps: _babelRuntimeHelpersExtends({}, dropProps, {
-      'aria-hidden': !dragSession || isValidDropTarget ? undefined : 'true'
-    })
-  };
-}
-
-exports.useDroppableItem = useDroppableItem;
-// @ts-ignore
-const $e2ffcaef12f0c83baf595a484787300$var$intlMessages = {
-  "en-US": _babelRuntimeHelpersInteropRequireDefault($ece80d58838919a4624d1c28b393f77$exports).default
-};
-
-function useDropIndicator(props, state, ref) {
-  let {
-    target
-  } = props;
-  let {
-    collection
-  } = state;
-  let formatMessage = useMessageFormatter($e2ffcaef12f0c83baf595a484787300$var$intlMessages);
-  let dragSession = $a75d092e5c30878812fba78e$export$useDragSession();
-  let {
-    dropProps
-  } = useDroppableItem(props, state, ref);
-  let id = useId();
-
-  let getText = key => {
-    var _collection$getItem;
-
-    return (_collection$getItem = collection.getItem(key)) == null ? void 0 : _collection$getItem.textValue;
-  };
-
-  let label = '';
-  let labelledBy;
-
-  if (target.type === 'root') {
-    label = formatMessage('dropOnRoot');
-    labelledBy = id + " " + $bc29619458500c186021634c18dc$export$getDroppableCollectionId(state);
-  } else if (target.dropPosition === 'on') {
-    label = formatMessage('dropOnItem', {
-      itemText: getText(target.key)
     });
-  } else {
-    let before = target.dropPosition === 'before' ? collection.getKeyBefore(target.key) : target.key;
-    let after = target.dropPosition === 'after' ? collection.getKeyAfter(target.key) : target.key;
-
-    if (before && after) {
-      label = formatMessage('insertBetween', {
-        beforeItemText: getText(before),
-        afterItemText: getText(after)
-      });
-    } else if (before) {
-      label = formatMessage('insertAfter', {
-        itemText: getText(before)
-      });
-    } else if (after) {
-      label = formatMessage('insertBefore', {
-        itemText: getText(after)
-      });
-    }
-  }
-
-  return {
-    dropIndicatorProps: _babelRuntimeHelpersExtends({}, dropProps, {
-      id,
-      'aria-roledescription': formatMessage('dropIndicator'),
-      'aria-label': label,
-      'aria-labelledby': labelledBy,
-      'aria-hidden': !dragSession ? 'true' : dropProps['aria-hidden'],
-      tabIndex: -1
-    })
-  };
+    $67uu7$react.useEffect(()=>{
+        let getNextTarget1 = (target, wrap = true)=>{
+            if (!target) return {
+                type: 'root'
+            };
+            let { keyboardDelegate: keyboardDelegate  } = localState.props;
+            let nextKey = target.type === 'item' ? keyboardDelegate.getKeyBelow(target.key) : keyboardDelegate.getFirstKey();
+            let dropPosition = 'before';
+            if (target.type === 'item') {
+                let positionIndex = $783cde594bac15e2$var$DROP_POSITIONS.indexOf(target.dropPosition);
+                let nextDropPosition = $783cde594bac15e2$var$DROP_POSITIONS[positionIndex + 1];
+                if (positionIndex < $783cde594bac15e2$var$DROP_POSITIONS.length - 1 && !(nextDropPosition === 'after' && nextKey != null)) return {
+                    type: 'item',
+                    key: target.key,
+                    dropPosition: nextDropPosition
+                };
+                // If the last drop position was 'after', then 'before' on the next key is equivalent.
+                // Switch to 'on' instead.
+                if (target.dropPosition === 'after') dropPosition = 'on';
+            }
+            if (nextKey == null) {
+                if (wrap) return {
+                    type: 'root'
+                };
+                return null;
+            }
+            return {
+                type: 'item',
+                key: nextKey,
+                dropPosition: dropPosition
+            };
+        };
+        let getPreviousTarget = (target, wrap = true)=>{
+            let { keyboardDelegate: keyboardDelegate  } = localState.props;
+            let nextKey = (target === null || target === void 0 ? void 0 : target.type) === 'item' ? keyboardDelegate.getKeyAbove(target.key) : keyboardDelegate.getLastKey();
+            let dropPosition = !target || target.type === 'root' ? 'after' : 'on';
+            if ((target === null || target === void 0 ? void 0 : target.type) === 'item') {
+                let positionIndex = $783cde594bac15e2$var$DROP_POSITIONS.indexOf(target.dropPosition);
+                let nextDropPosition = $783cde594bac15e2$var$DROP_POSITIONS[positionIndex - 1];
+                if (positionIndex > 0 && nextDropPosition !== 'after') return {
+                    type: 'item',
+                    key: target.key,
+                    dropPosition: nextDropPosition
+                };
+                // If the last drop position was 'before', then 'after' on the previous key is equivalent.
+                // Switch to 'on' instead.
+                if (target.dropPosition === 'before') dropPosition = 'on';
+            }
+            if (nextKey == null) {
+                if (wrap) return {
+                    type: 'root'
+                };
+                return null;
+            }
+            return {
+                type: 'item',
+                key: nextKey,
+                dropPosition: dropPosition
+            };
+        };
+        let nextValidTarget = (target, types, allowedDropOperations, getNextTarget, wrap = true)=>{
+            let seenRoot = 0;
+            let operation;
+            do {
+                let nextTarget = getNextTarget(target, wrap);
+                if (!nextTarget) return null;
+                target = nextTarget;
+                operation = localState.state.getDropOperation(nextTarget, types, allowedDropOperations);
+                if (target.type === 'root') seenRoot++;
+            }while (operation === 'cancel' && !localState.state.isDropTarget(target) && seenRoot < 2)
+            if (operation === 'cancel') return null;
+            return target;
+        };
+        return $7b1813d52b80b911$export$c28d9fb4a54e471a({
+            element: ref2.current,
+            getDropOperation (types, allowedOperations) {
+                if (localState.state.target) return localState.state.getDropOperation(localState.state.target, types, allowedOperations);
+                // Check if any of the targets accept the drop.
+                // TODO: should we have a faster way of doing this or e.g. for pagination?
+                let target = nextValidTarget(null, types, allowedOperations, getNextTarget1);
+                return target ? 'move' : 'cancel';
+            },
+            onDropEnter (e, drag) {
+                let types = $29c8537521cf08fe$export$e1d41611756c6326(drag.items);
+                let selectionManager = localState.state.selectionManager;
+                let target;
+                // When entering the droppable collection for the first time, the default drop target
+                // is after the focused key.
+                let key = selectionManager.focusedKey;
+                let dropPosition = 'after';
+                // If the focused key is a cell, get the parent item instead.
+                // For now, we assume that individual cells cannot be dropped on.
+                let item = localState.state.collection.getItem(key);
+                if ((item === null || item === void 0 ? void 0 : item.type) === 'cell') key = item.parentKey;
+                // If the focused item is also selected, the default drop target is after the last selected item.
+                // But if the focused key is the first selected item, then default to before the first selected item.
+                // This is to make reordering lists slightly easier. If you select top down, we assume you want to
+                // move the items down. If you select bottom up, we assume you want to move the items up.
+                if (selectionManager.isSelected(key)) {
+                    if (selectionManager.selectedKeys.size > 1 && selectionManager.firstSelectedKey === key) dropPosition = 'before';
+                    else key = selectionManager.lastSelectedKey;
+                }
+                if (key != null) {
+                    target = {
+                        type: 'item',
+                        key: key,
+                        dropPosition: dropPosition
+                    };
+                    var ref;
+                    // If the default target is not valid, find the next one that is.
+                    if (localState.state.getDropOperation(target, types, drag.allowedDropOperations) === 'cancel') target = (ref = nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget1, false)) !== null && ref !== void 0 ? ref : nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false);
+                }
+                // If no focused key, then start from the root.
+                if (!target) target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget1);
+                localState.state.setTarget(target);
+            },
+            onDropExit () {
+                localState.state.setTarget(null);
+            },
+            onDropTargetEnter (target) {
+                localState.state.setTarget(target);
+            },
+            onDropActivate (e) {
+                var ref, ref3;
+                if (((ref = localState.state.target) === null || ref === void 0 ? void 0 : ref.type) === 'item' && ((ref3 = localState.state.target) === null || ref3 === void 0 ? void 0 : ref3.dropPosition) === 'on' && typeof localState.props.onDropActivate === 'function') localState.props.onDropActivate({
+                    type: 'dropactivate',
+                    x: e.x,
+                    y: e.y,
+                    target: localState.state.target
+                });
+            },
+            onDrop (e, target) {
+                if (localState.state.target && typeof localState.props.onDrop === 'function') onDrop(e, target || localState.state.target);
+            },
+            onKeyDown (e, drag) {
+                let { keyboardDelegate: keyboardDelegate  } = localState.props;
+                let types = $29c8537521cf08fe$export$e1d41611756c6326(drag.items);
+                switch(e.key){
+                    case 'ArrowDown':
+                        if (keyboardDelegate.getKeyBelow) {
+                            let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, getNextTarget1);
+                            localState.state.setTarget(target);
+                        }
+                        break;
+                    case 'ArrowUp':
+                        if (keyboardDelegate.getKeyAbove) {
+                            let target = nextValidTarget(localState.state.target, types, drag.allowedDropOperations, getPreviousTarget);
+                            localState.state.setTarget(target);
+                        }
+                        break;
+                    case 'Home':
+                        if (keyboardDelegate.getFirstKey) {
+                            let target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget1);
+                            localState.state.setTarget(target);
+                        }
+                        break;
+                    case 'End':
+                        if (keyboardDelegate.getLastKey) {
+                            let target = nextValidTarget(null, types, drag.allowedDropOperations, getPreviousTarget);
+                            localState.state.setTarget(target);
+                        }
+                        break;
+                    case 'PageDown':
+                        if (keyboardDelegate.getKeyPageBelow) {
+                            let target = localState.state.target;
+                            if (!target) target = nextValidTarget(null, types, drag.allowedDropOperations, getNextTarget1);
+                            else {
+                                // If on the root, go to the item a page below the top. Otherwise a page below the current item.
+                                let nextKey = keyboardDelegate.getKeyPageBelow(target.type === 'item' ? target.key : keyboardDelegate.getFirstKey());
+                                let dropPosition = target.type === 'item' ? target.dropPosition : 'after';
+                                // If there is no next key, or we are starting on the last key, jump to the last possible position.
+                                if (nextKey == null || target.type === 'item' && target.key === keyboardDelegate.getLastKey()) {
+                                    nextKey = keyboardDelegate.getLastKey();
+                                    dropPosition = 'after';
+                                }
+                                target = {
+                                    type: 'item',
+                                    key: nextKey,
+                                    dropPosition: dropPosition
+                                };
+                                // If the target does not accept the drop, find the next valid target.
+                                // If no next valid target, find the previous valid target.
+                                let operation = localState.state.getDropOperation(target, types, drag.allowedDropOperations);
+                                var ref;
+                                if (operation === 'cancel') target = (ref = nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget1, false)) !== null && ref !== void 0 ? ref : nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false);
+                            }
+                            localState.state.setTarget(target !== null && target !== void 0 ? target : localState.state.target);
+                        }
+                        break;
+                    case 'PageUp':
+                        {
+                            if (!keyboardDelegate.getKeyPageAbove) break;
+                            let target = localState.state.target;
+                            if (!target) target = nextValidTarget(null, types, drag.allowedDropOperations, getPreviousTarget);
+                            else if (target.type === 'item') {
+                                // If at the top already, switch to the root. Otherwise navigate a page up.
+                                if (target.key === keyboardDelegate.getFirstKey()) target = {
+                                    type: 'root'
+                                };
+                                else {
+                                    let nextKey = keyboardDelegate.getKeyPageAbove(target.key);
+                                    let dropPosition = target.dropPosition;
+                                    if (nextKey == null) {
+                                        nextKey = keyboardDelegate.getFirstKey();
+                                        dropPosition = 'before';
+                                    }
+                                    target = {
+                                        type: 'item',
+                                        key: nextKey,
+                                        dropPosition: dropPosition
+                                    };
+                                }
+                                // If the target does not accept the drop, find the previous valid target.
+                                // If no next valid target, find the next valid target.
+                                let operation = localState.state.getDropOperation(target, types, drag.allowedDropOperations);
+                                var ref4;
+                                if (operation === 'cancel') target = (ref4 = nextValidTarget(target, types, drag.allowedDropOperations, getPreviousTarget, false)) !== null && ref4 !== void 0 ? ref4 : nextValidTarget(target, types, drag.allowedDropOperations, getNextTarget1, false);
+                            }
+                            localState.state.setTarget(target !== null && target !== void 0 ? target : localState.state.target);
+                            break;
+                        }
+                }
+            }
+        });
+    }, [
+        localState,
+        ref2,
+        onDrop
+    ]);
+    let id = $29c8537521cf08fe$export$b1601eb39394a581(state1);
+    return {
+        collectionProps: $67uu7$reactariautils.mergeProps(dropProps, {
+            id: id,
+            // Remove description from collection element. If dropping on the entire collection,
+            // there should be a drop indicator that has this description, so no need to double announce.
+            'aria-describedby': null
+        })
+    };
 }
 
-exports.useDropIndicator = useDropIndicator;
-// @ts-ignore
-const $a1d519dfa8f428d414c97a867b60c6f$var$intlMessages = {
-  "en-US": _babelRuntimeHelpersInteropRequireDefault($ece80d58838919a4624d1c28b393f77$exports).default
-};
-
-function useDraggableItem(props, state) {
-  let formatMessage = useMessageFormatter($a1d519dfa8f428d414c97a867b60c6f$var$intlMessages);
-  let {
-    dragProps,
-    dragButtonProps
-  } = useDrag({
-    getItems() {
-      return state.getItems(props.key);
-    },
 
-    renderPreview() {
-      return state.renderPreview(props.key);
-    },
+var $7862eebad9f285c6$exports = {};
 
-    onDragStart(e) {
-      state.startDrag(props.key, e);
-    },
+$parcel$export($7862eebad9f285c6$exports, "useDroppableItem", () => $7862eebad9f285c6$export$f7b0c5d28b66b6a5);
 
-    onDragMove(e) {
-      state.moveDrag(e);
-    },
 
-    onDragEnd(e) {
-      state.endDrag(e);
-    }
 
-  });
-  let item = state.collection.getItem(props.key);
-  let numSelectedKeys = state.selectionManager.selectedKeys.size;
-  let isSelected = state.selectionManager.isSelected(props.key);
-  let message;
-
-  if (isSelected && numSelectedKeys > 1) {
-    message = formatMessage('dragSelectedItems', {
-      count: numSelectedKeys
-    });
-  } else {
-    var _item$textValue;
 
-    message = formatMessage('dragItem', {
-      itemText: (_item$textValue = item == null ? void 0 : item.textValue) != null ? _item$textValue : ''
-    });
-  }
-
-  return {
-    dragProps,
-    dragButtonProps: _babelRuntimeHelpersExtends({}, dragButtonProps, {
-      'aria-label': message
-    })
-  };
+function $7862eebad9f285c6$export$f7b0c5d28b66b6a5(options, state, ref) {
+    let { dropProps: dropProps  } = $06a19d9f22d42d75$export$62447ad3d2ec7da6();
+    $67uu7$react.useEffect(()=>{
+        if (ref.current) return $7b1813d52b80b911$export$aef80212ac99c003({
+            element: ref.current,
+            target: options.target,
+            getDropOperation (types, allowedOperations) {
+                return state.getDropOperation(options.target, types, allowedOperations);
+            }
+        });
+    }, [
+        ref,
+        options.target,
+        state
+    ]);
+    let dragSession = $7b1813d52b80b911$export$418e185dd3f1b968();
+    let isValidDropTarget = dragSession && state.getDropOperation(options.target, $29c8537521cf08fe$export$e1d41611756c6326(dragSession.dragTarget.items), dragSession.dragTarget.allowedDropOperations) !== 'cancel';
+    let isDropTarget = state.isDropTarget(options.target);
+    $67uu7$react.useEffect(()=>{
+        if (dragSession && isDropTarget && ref.current) ref.current.focus();
+    }, [
+        isDropTarget,
+        dragSession,
+        ref
+    ]);
+    return {
+        dropProps: {
+            ...dropProps,
+            'aria-hidden': !dragSession || isValidDropTarget ? undefined : 'true'
+        }
+    };
 }
 
-exports.useDraggableItem = useDraggableItem;
-const $c1be8e43b63c7fad889cec0e3e2f47d5$var$globalEvents = new Map();
 
-function $c1be8e43b63c7fad889cec0e3e2f47d5$var$addGlobalEventListener(event, fn) {
-  let eventData = $c1be8e43b63c7fad889cec0e3e2f47d5$var$globalEvents.get(event);
+var $dba686f3b740894f$exports = {};
+
+$parcel$export($dba686f3b740894f$exports, "useDropIndicator", () => $dba686f3b740894f$export$8d0e41d2815afac5);
 
-  if (!eventData) {
-    let handlers = new Set();
 
-    let listener = e => {
-      for (let handler of handlers) {
-        handler(e);
-      }
-    };
 
-    eventData = {
-      listener,
-      handlers
-    };
-    $c1be8e43b63c7fad889cec0e3e2f47d5$var$globalEvents.set(event, eventData);
-    document.addEventListener(event, listener);
-  }
 
-  eventData.handlers.add(fn);
-  return () => {
-    eventData.handlers.delete(fn);
 
-    if (eventData.handlers.size === 0) {
-      document.removeEventListener(event, eventData.listener);
-      $c1be8e43b63c7fad889cec0e3e2f47d5$var$globalEvents.delete(event);
+
+function $dba686f3b740894f$export$8d0e41d2815afac5(props, state, ref1) {
+    let { target: target  } = props;
+    let { collection: collection  } = state;
+    let formatMessage = $67uu7$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($6dae25bfb54cafe2$exports)));
+    let dragSession = $7b1813d52b80b911$export$418e185dd3f1b968();
+    let { dropProps: dropProps  } = $7862eebad9f285c6$export$f7b0c5d28b66b6a5(props, state, ref1);
+    let id = $67uu7$reactariautils.useId();
+    let getText = (key)=>{
+        var ref;
+        return (ref = collection.getItem(key)) === null || ref === void 0 ? void 0 : ref.textValue;
+    };
+    let label = '';
+    let labelledBy;
+    if (target.type === 'root') {
+        label = formatMessage('dropOnRoot');
+        labelledBy = `${id} ${$29c8537521cf08fe$export$3093291712f09a77(state)}`;
+    } else if (target.dropPosition === 'on') label = formatMessage('dropOnItem', {
+        itemText: getText(target.key)
+    });
+    else {
+        let before = target.dropPosition === 'before' ? collection.getKeyBefore(target.key) : target.key;
+        let after = target.dropPosition === 'after' ? collection.getKeyAfter(target.key) : target.key;
+        if (before && after) label = formatMessage('insertBetween', {
+            beforeItemText: getText(before),
+            afterItemText: getText(after)
+        });
+        else if (before) label = formatMessage('insertAfter', {
+            itemText: getText(before)
+        });
+        else if (after) label = formatMessage('insertBefore', {
+            itemText: getText(after)
+        });
     }
-  };
+    return {
+        dropIndicatorProps: {
+            ...dropProps,
+            id: id,
+            'aria-roledescription': formatMessage('dropIndicator'),
+            'aria-label': label,
+            'aria-labelledby': labelledBy,
+            'aria-hidden': !dragSession ? 'true' : dropProps['aria-hidden'],
+            tabIndex: -1
+        }
+    };
 }
 
-function useClipboard(options) {
-  let ref = useRef(options);
-  ref.current = options;
-  let isFocusedRef = useRef(false);
-  let {
-    focusProps
-  } = useFocus({
-    onFocusChange: isFocused => {
-      isFocusedRef.current = isFocused;
-    }
-  });
-  useEffect(() => {
-    let onBeforeCopy = e => {
-      // Enable the "Copy" menu item in Safari if this element is focused and copying is supported.
-      let options = ref.current;
 
-      if (isFocusedRef.current && options.getItems) {
-        e.preventDefault();
-      }
-    };
+var $0d235029225a739d$exports = {};
 
-    let onCopy = e => {
-      let options = ref.current;
+$parcel$export($0d235029225a739d$exports, "useDraggableItem", () => $0d235029225a739d$export$b35afafff42da2d9);
 
-      if (!isFocusedRef.current || !options.getItems) {
-        return;
-      }
 
-      e.preventDefault();
-      $bc29619458500c186021634c18dc$export$writeToDataTransfer(e.clipboardData, options.getItems());
-      options.onCopy == null ? void 0 : options.onCopy();
+
+function $0d235029225a739d$export$b35afafff42da2d9(props, state) {
+    let formatMessage = $67uu7$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($6dae25bfb54cafe2$exports)));
+    let { dragProps: dragProps , dragButtonProps: dragButtonProps  } = $e2630e07d35639b3$export$7941f8aafa4b6021({
+        getItems () {
+            return state.getItems(props.key);
+        },
+        renderPreview () {
+            return state.renderPreview(props.key);
+        },
+        onDragStart (e) {
+            state.startDrag(props.key, e);
+        },
+        onDragMove (e) {
+            state.moveDrag(e);
+        },
+        onDragEnd (e) {
+            state.endDrag(e);
+        }
+    });
+    let item = state.collection.getItem(props.key);
+    let numSelectedKeys = state.selectionManager.selectedKeys.size;
+    let isSelected = state.selectionManager.isSelected(props.key);
+    let message;
+    var ref;
+    if (isSelected && numSelectedKeys > 1) message = formatMessage('dragSelectedItems', {
+        count: numSelectedKeys
+    });
+    else message = formatMessage('dragItem', {
+        itemText: (ref = item === null || item === void 0 ? void 0 : item.textValue) !== null && ref !== void 0 ? ref : ''
+    });
+    return {
+        dragProps: dragProps,
+        dragButtonProps: {
+            ...dragButtonProps,
+            'aria-label': message
+        }
     };
+}
 
-    let onBeforeCut = e => {
-      let options = ref.current;
 
-      if (isFocusedRef.current && options.onCut && options.getItems) {
-        e.preventDefault();
-      }
-    };
+var $15e98f67a3ab1ee9$exports = {};
 
-    let onCut = e => {
-      let options = ref.current;
+$parcel$export($15e98f67a3ab1ee9$exports, "useClipboard", () => $15e98f67a3ab1ee9$export$2314ca2a3e892862);
 
-      if (!isFocusedRef.current || !options.onCut || !options.getItems) {
-        return;
-      }
 
-      e.preventDefault();
-      $bc29619458500c186021634c18dc$export$writeToDataTransfer(e.clipboardData, options.getItems());
-      options.onCut();
-    };
 
-    let onBeforePaste = e => {
-      let options = ref.current; // Unfortunately, e.clipboardData.types is not available in this event so we always
-      // have to enable the Paste menu item even if the type of data is unsupported.
 
-      if (isFocusedRef.current && options.onPaste) {
-        e.preventDefault();
-      }
+const $15e98f67a3ab1ee9$var$globalEvents = new Map();
+function $15e98f67a3ab1ee9$var$addGlobalEventListener(event, fn) {
+    let eventData = $15e98f67a3ab1ee9$var$globalEvents.get(event);
+    if (!eventData) {
+        let handlers = new Set();
+        let listener = (e)=>{
+            for (let handler of handlers)handler(e);
+        };
+        eventData = {
+            listener: listener,
+            handlers: handlers
+        };
+        $15e98f67a3ab1ee9$var$globalEvents.set(event, eventData);
+        document.addEventListener(event, listener);
+    }
+    eventData.handlers.add(fn);
+    return ()=>{
+        eventData.handlers.delete(fn);
+        if (eventData.handlers.size === 0) {
+            document.removeEventListener(event, eventData.listener);
+            $15e98f67a3ab1ee9$var$globalEvents.delete(event);
+        }
     };
+}
+function $15e98f67a3ab1ee9$export$2314ca2a3e892862(options1) {
+    let ref = $67uu7$react.useRef(options1);
+    ref.current = options1;
+    let isFocusedRef = $67uu7$react.useRef(false);
+    let { focusProps: focusProps  } = $67uu7$reactariainteractions.useFocus({
+        onFocusChange: (isFocused)=>{
+            isFocusedRef.current = isFocused;
+        }
+    });
+    $67uu7$react.useEffect(()=>{
+        let onBeforeCopy = (e)=>{
+            // Enable the "Copy" menu item in Safari if this element is focused and copying is supported.
+            let options = ref.current;
+            if (isFocusedRef.current && options.getItems) e.preventDefault();
+        };
+        let onCopy = (e)=>{
+            var ref1;
+            let options = ref.current;
+            if (!isFocusedRef.current || !options.getItems) return;
+            e.preventDefault();
+            $29c8537521cf08fe$export$f9c1490890ddd063(e.clipboardData, options.getItems());
+            (ref1 = options.onCopy) === null || ref1 === void 0 ? void 0 : ref1.call(options);
+        };
+        let onBeforeCut = (e)=>{
+            let options = ref.current;
+            if (isFocusedRef.current && options.onCut && options.getItems) e.preventDefault();
+        };
+        let onCut = (e)=>{
+            let options = ref.current;
+            if (!isFocusedRef.current || !options.onCut || !options.getItems) return;
+            e.preventDefault();
+            $29c8537521cf08fe$export$f9c1490890ddd063(e.clipboardData, options.getItems());
+            options.onCut();
+        };
+        let onBeforePaste = (e)=>{
+            let options = ref.current;
+            // Unfortunately, e.clipboardData.types is not available in this event so we always
+            // have to enable the Paste menu item even if the type of data is unsupported.
+            if (isFocusedRef.current && options.onPaste) e.preventDefault();
+        };
+        let onPaste = (e)=>{
+            let options = ref.current;
+            if (!isFocusedRef.current || !options.onPaste) return;
+            e.preventDefault();
+            let items = $29c8537521cf08fe$export$d9e760437831f8b3(e.clipboardData);
+            options.onPaste(items);
+        };
+        return $67uu7$reactariautils.chain($15e98f67a3ab1ee9$var$addGlobalEventListener('beforecopy', onBeforeCopy), $15e98f67a3ab1ee9$var$addGlobalEventListener('copy', onCopy), $15e98f67a3ab1ee9$var$addGlobalEventListener('beforecut', onBeforeCut), $15e98f67a3ab1ee9$var$addGlobalEventListener('cut', onCut), $15e98f67a3ab1ee9$var$addGlobalEventListener('beforepaste', onBeforePaste), $15e98f67a3ab1ee9$var$addGlobalEventListener('paste', onPaste));
+    }, []);
+    return {
+        clipboardProps: focusProps
+    };
+}
 
-    let onPaste = e => {
-      let options = ref.current;
-
-      if (!isFocusedRef.current || !options.onPaste) {
-        return;
-      }
 
-      e.preventDefault();
-      let items = $bc29619458500c186021634c18dc$export$readFromDataTransfer(e.clipboardData);
-      options.onPaste(items);
-    };
+$parcel$exportWildcard(module.exports, $e2630e07d35639b3$exports);
+$parcel$exportWildcard(module.exports, $8946a7288b8c2406$exports);
+$parcel$exportWildcard(module.exports, $783cde594bac15e2$exports);
+$parcel$exportWildcard(module.exports, $7862eebad9f285c6$exports);
+$parcel$exportWildcard(module.exports, $dba686f3b740894f$exports);
+$parcel$exportWildcard(module.exports, $0d235029225a739d$exports);
+$parcel$exportWildcard(module.exports, $15e98f67a3ab1ee9$exports);
 
-    return chain($c1be8e43b63c7fad889cec0e3e2f47d5$var$addGlobalEventListener('beforecopy', onBeforeCopy), $c1be8e43b63c7fad889cec0e3e2f47d5$var$addGlobalEventListener('copy', onCopy), $c1be8e43b63c7fad889cec0e3e2f47d5$var$addGlobalEventListener('beforecut', onBeforeCut), $c1be8e43b63c7fad889cec0e3e2f47d5$var$addGlobalEventListener('cut', onCut), $c1be8e43b63c7fad889cec0e3e2f47d5$var$addGlobalEventListener('beforepaste', onBeforePaste), $c1be8e43b63c7fad889cec0e3e2f47d5$var$addGlobalEventListener('paste', onPaste));
-  }, []);
-  return {
-    clipboardProps: focusProps
-  };
-}
 
-exports.useClipboard = useClipboard;
 //# sourceMappingURL=main.js.map