@depup/react-aria-components 1.16.0-depup.0

package/dist/DragAndDrop.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAaM,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAA2B,CAAC;AACnE,MAAM,0DAAuB,CAAA,GAAA,0BAAY,EAAoC;AAwB7E,MAAM,0DAAgB,CAAA,GAAA,uBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA8B;IACtH,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE;IAC1B,qBAAO,sHAAG,OAAO,OAAO;AAC1B;AAIO,SAAS,0CAAuB,gBAAmC,EAAE,SAAoC;QAEtF;IADxB,IAAI,sBAAsB,6BAAA,uCAAA,iBAAkB,mBAAmB;IAC/D,IAAI,oBAAoB,6BAAA,wCAAA,sCAAA,iBAAkB,iBAAiB,cAAnC,0DAAA,yCAAA;IACxB,IAAI,KAAK,CAAA,GAAA,wBAAU,EAAE,CAAC;QACpB,sFAAsF;QACtF,IAAI,sBAAqB,sBAAA,gCAAA,UAAW,YAAY,CAAC,UAC/C,OAAO,sBAAsB,oBAAoB,wBAAU,0DAAC;YAAc,QAAQ;;IAEpF,6CAA6C;IAC7C,uDAAuD;IACzD,GAAG;QAAC,sBAAA,gCAAA,UAAW,MAAM;QAAE;QAAmB;KAAoB;IAC9D,OAAO,CAAA,6BAAA,uCAAA,iBAAkB,gBAAgB,IAAG,KAAK;AACnD;AAEO,SAAS,yCAAoB,gBAA0C,EAAE,gBAAmC,EAAE,SAAoC;QAInJ,qCAA2C;IAH/C,mDAAmD;IACnD,IAAI,aAAa,iBAAiB,UAAU;IAC5C,IAAI,gBAAwC;IAC5C,IAAI,CAAA,6BAAA,wCAAA,sCAAA,iBAAkB,iBAAiB,cAAnC,0DAAA,yCAAA,sBAA2C,CAAA,sBAAA,iCAAA,oBAAA,UAAW,MAAM,cAAjB,wCAAA,kBAAmB,IAAI,MAAK,QAAQ;QACjF,gBAAgB,UAAU,MAAM,CAAC,GAAG;QACpC,IAAI,UAAU,MAAM,CAAC,YAAY,KAAK,SAAS;YAC7C,iFAAiF;YACjF,IAAI,UAAU,UAAU,UAAU,CAAC,WAAW,CAAC;YAC/C,IAAI,oBAAgC;YACpC,IAAI,WAAW,MAAM;oBACD;oBAAA;gBAAlB,IAAI,cAAc,CAAA,uCAAA,gCAAA,UAAU,UAAU,CAAC,OAAO,CAAC,4BAA7B,oDAAA,8BAA6C,KAAK,cAAlD,iDAAA,sCAAsD;gBACxE,wGAAwG;gBACxG,MAAO,QAAS;oBACd,IAAI,OAAO,UAAU,UAAU,CAAC,OAAO,CAAC;oBACxC,qCAAqC;oBACrC,IAAI,CAAC,MACH;oBAEF,6EAA6E;oBAC7E,qCAAqC;oBACrC,IAAI,KAAK,IAAI,KAAK,QAAQ;wBACxB,UAAU,UAAU,UAAU,CAAC,WAAW,CAAC;wBAC3C;oBACF;wBAIK;oBAFL,wDAAwD;oBACxD,qCAAqC;oBACrC,IAAI,AAAC,CAAA,CAAA,cAAA,KAAK,KAAK,cAAV,yBAAA,cAAc,CAAA,KAAM,aACvB;oBAGF,oBAAoB;oBACpB,UAAU,UAAU,UAAU,CAAC,WAAW,CAAC;gBAC7C;YACF;gBAGgB;YADhB,kEAAkE;YAClE,gBAAgB,CAAA,OAAA,oBAAA,qBAAA,UAAW,+BAAX,kBAAA,OAAgC;QAClD;IACF;IAEA,OAAO,CAAA,GAAA,oBAAM,EAAE;QACb,OAAO,IAAI,IAAI;YAAC;YAAY;SAAc,CAAC,MAAM,CAAC,CAAA,IAAK,KAAK;IAC9D,GAAG;QAAC;QAAY;KAAc;AAChC","sources":["packages/react-aria-components/src/DragAndDrop.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport type {DropIndicatorProps as AriaDropIndicatorProps, ItemDropTarget, Key} from 'react-aria';\nimport type {ClassNameOrFunction, RenderProps} from './utils';\nimport type {DragAndDropHooks} from './useDragAndDrop';\nimport type {DraggableCollectionState, DroppableCollectionState, MultipleSelectionManager} from 'react-stately';\nimport React, {createContext, ForwardedRef, forwardRef, JSX, ReactNode, useCallback, useContext, useMemo} from 'react';\n\nexport interface DragAndDropContextValue {\n  dragAndDropHooks?: DragAndDropHooks,\n  dragState?: DraggableCollectionState,\n  dropState?: DroppableCollectionState\n}\n\nexport const DragAndDropContext = createContext<DragAndDropContextValue>({});\nexport const DropIndicatorContext = createContext<DropIndicatorContextValue | null>(null);\n\nexport interface DropIndicatorRenderProps {\n  /**\n   * Whether the drop indicator is currently the active drop target.\n   * @selector [data-drop-target]\n   */\n  isDropTarget: boolean\n}\n\nexport interface DropIndicatorProps extends Omit<AriaDropIndicatorProps, 'activateButtonRef'>, RenderProps<DropIndicatorRenderProps> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-DropIndicator'\n   */\n  className?: ClassNameOrFunction<DropIndicatorRenderProps>\n}\ninterface DropIndicatorContextValue {\n  render: (props: DropIndicatorProps, ref: ForwardedRef<HTMLElement>) => ReactNode\n}\n\n/**\n * A DropIndicator is rendered between items in a collection to indicate where dropped data will be inserted.\n */\nexport const DropIndicator = forwardRef(function DropIndicator(props: DropIndicatorProps, ref: ForwardedRef<HTMLElement>): JSX.Element {\n  let {render} = useContext(DropIndicatorContext)!;\n  return <>{render(props, ref)}</>;\n});\n\ntype RenderDropIndicatorRetValue = ((target: ItemDropTarget) => ReactNode | undefined) | undefined\n\nexport function useRenderDropIndicator(dragAndDropHooks?: DragAndDropHooks, dropState?: DroppableCollectionState): RenderDropIndicatorRetValue {\n  let renderDropIndicator = dragAndDropHooks?.renderDropIndicator;\n  let isVirtualDragging = dragAndDropHooks?.isVirtualDragging?.();\n  let fn = useCallback((target: ItemDropTarget) => {\n    // Only show drop indicators when virtual dragging or this is the current drop target.\n    if (isVirtualDragging || dropState?.isDropTarget(target)) {\n      return renderDropIndicator ? renderDropIndicator(target) : <DropIndicator target={target} />;\n    }\n    // We invalidate whenever the target changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dropState?.target, isVirtualDragging, renderDropIndicator]);\n  return dragAndDropHooks?.useDropIndicator ? fn : undefined;\n}\n\nexport function useDndPersistedKeys(selectionManager: MultipleSelectionManager, dragAndDropHooks?: DragAndDropHooks, dropState?: DroppableCollectionState): Set<Key> {\n  // Persist the focused key and the drop target key.\n  let focusedKey = selectionManager.focusedKey;\n  let dropTargetKey: Key | null | undefined = null;\n  if (dragAndDropHooks?.isVirtualDragging?.() && dropState?.target?.type === 'item') {\n    dropTargetKey = dropState.target.key;\n    if (dropState.target.dropPosition === 'after') {\n      // Normalize to the \"before\" drop position since we only render those to the DOM.\n      let nextKey = dropState.collection.getKeyAfter(dropTargetKey);\n      let lastDescendantKey: Key | null = null;\n      if (nextKey != null) {\n        let targetLevel = dropState.collection.getItem(dropTargetKey)?.level ?? 0;\n        // Skip over any rows that are descendants of the target (\"after\" position should be after all children)\n        while (nextKey) {\n          let node = dropState.collection.getItem(nextKey);\n          // eslint-disable-next-line max-depth\n          if (!node) {\n            break;\n          }\n          // Skip over non-item nodes (e.g., loaders) since they can't be drop targets.\n          // eslint-disable-next-line max-depth\n          if (node.type !== 'item') {\n            nextKey = dropState.collection.getKeyAfter(nextKey);\n            continue;\n          }\n\n          // Stop once we find an item at the same level or higher\n          // eslint-disable-next-line max-depth\n          if ((node.level ?? 0) <= targetLevel) {\n            break;\n          }\n          \n          lastDescendantKey = nextKey;\n          nextKey = dropState.collection.getKeyAfter(nextKey);\n        }\n      }\n\n      // If nextKey is null (end of collection), use the last descendant\n      dropTargetKey = nextKey ?? lastDescendantKey ?? dropTargetKey;\n    }\n  }\n\n  return useMemo(() => {\n    return new Set([focusedKey, dropTargetKey].filter(k => k != null));\n  }, [focusedKey, dropTargetKey]);\n}\n"],"names":[],"version":3,"file":"DragAndDrop.main.js.map"}

package/dist/DragAndDrop.mjs

@@ -0,0 +1,90 @@
+import $f3JOg$react, {createContext as $f3JOg$createContext, forwardRef as $f3JOg$forwardRef, useContext as $f3JOg$useContext, useCallback as $f3JOg$useCallback, useMemo as $f3JOg$useMemo} from "react";
+
+/*
+ * Copyright 2024 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.
+ */ 
+const $612b8eb6cb90e02d$export$d188a835a7bc5783 = /*#__PURE__*/ (0, $f3JOg$createContext)({});
+const $612b8eb6cb90e02d$export$f55761759794cf55 = /*#__PURE__*/ (0, $f3JOg$createContext)(null);
+const $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 = /*#__PURE__*/ (0, $f3JOg$forwardRef)(function DropIndicator(props, ref) {
+    let { render: render } = (0, $f3JOg$useContext)($612b8eb6cb90e02d$export$f55761759794cf55);
+    return /*#__PURE__*/ (0, $f3JOg$react).createElement((0, $f3JOg$react).Fragment, null, render(props, ref));
+});
+function $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState) {
+    var _dragAndDropHooks_isVirtualDragging;
+    let renderDropIndicator = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.renderDropIndicator;
+    let isVirtualDragging = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === void 0 ? void 0 : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks);
+    let fn = (0, $f3JOg$useCallback)((target)=>{
+        // Only show drop indicators when virtual dragging or this is the current drop target.
+        if (isVirtualDragging || (dropState === null || dropState === void 0 ? void 0 : dropState.isDropTarget(target))) return renderDropIndicator ? renderDropIndicator(target) : /*#__PURE__*/ (0, $f3JOg$react).createElement($612b8eb6cb90e02d$export$62ed72bc21f6b8a6, {
+            target: target
+        });
+    // We invalidate whenever the target changes.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        dropState === null || dropState === void 0 ? void 0 : dropState.target,
+        isVirtualDragging,
+        renderDropIndicator
+    ]);
+    return (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDropIndicator) ? fn : undefined;
+}
+function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState) {
+    var _dragAndDropHooks_isVirtualDragging, _dropState_target;
+    // Persist the focused key and the drop target key.
+    let focusedKey = selectionManager.focusedKey;
+    let dropTargetKey = null;
+    if ((dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === void 0 ? void 0 : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks)) && (dropState === null || dropState === void 0 ? void 0 : (_dropState_target = dropState.target) === null || _dropState_target === void 0 ? void 0 : _dropState_target.type) === 'item') {
+        dropTargetKey = dropState.target.key;
+        if (dropState.target.dropPosition === 'after') {
+            // Normalize to the "before" drop position since we only render those to the DOM.
+            let nextKey = dropState.collection.getKeyAfter(dropTargetKey);
+            let lastDescendantKey = null;
+            if (nextKey != null) {
+                var _dropState_collection_getItem;
+                var _dropState_collection_getItem_level;
+                let targetLevel = (_dropState_collection_getItem_level = (_dropState_collection_getItem = dropState.collection.getItem(dropTargetKey)) === null || _dropState_collection_getItem === void 0 ? void 0 : _dropState_collection_getItem.level) !== null && _dropState_collection_getItem_level !== void 0 ? _dropState_collection_getItem_level : 0;
+                // Skip over any rows that are descendants of the target ("after" position should be after all children)
+                while(nextKey){
+                    let node = dropState.collection.getItem(nextKey);
+                    // eslint-disable-next-line max-depth
+                    if (!node) break;
+                    // Skip over non-item nodes (e.g., loaders) since they can't be drop targets.
+                    // eslint-disable-next-line max-depth
+                    if (node.type !== 'item') {
+                        nextKey = dropState.collection.getKeyAfter(nextKey);
+                        continue;
+                    }
+                    var _node_level;
+                    // Stop once we find an item at the same level or higher
+                    // eslint-disable-next-line max-depth
+                    if (((_node_level = node.level) !== null && _node_level !== void 0 ? _node_level : 0) <= targetLevel) break;
+                    lastDescendantKey = nextKey;
+                    nextKey = dropState.collection.getKeyAfter(nextKey);
+                }
+            }
+            var _ref;
+            // If nextKey is null (end of collection), use the last descendant
+            dropTargetKey = (_ref = nextKey !== null && nextKey !== void 0 ? nextKey : lastDescendantKey) !== null && _ref !== void 0 ? _ref : dropTargetKey;
+        }
+    }
+    return (0, $f3JOg$useMemo)(()=>{
+        return new Set([
+            focusedKey,
+            dropTargetKey
+        ].filter((k)=>k != null));
+    }, [
+        focusedKey,
+        dropTargetKey
+    ]);
+}
+
+
+export {$612b8eb6cb90e02d$export$d188a835a7bc5783 as DragAndDropContext, $612b8eb6cb90e02d$export$f55761759794cf55 as DropIndicatorContext, $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 as DropIndicator, $612b8eb6cb90e02d$export$971707d8a129a1f7 as useRenderDropIndicator, $612b8eb6cb90e02d$export$d1e8e3fbb7461f6 as useDndPersistedKeys};
+//# sourceMappingURL=DragAndDrop.module.js.map

package/dist/DragAndDrop.module.js

@@ -0,0 +1,90 @@
+import $f3JOg$react, {createContext as $f3JOg$createContext, forwardRef as $f3JOg$forwardRef, useContext as $f3JOg$useContext, useCallback as $f3JOg$useCallback, useMemo as $f3JOg$useMemo} from "react";
+
+/*
+ * Copyright 2024 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.
+ */ 
+const $612b8eb6cb90e02d$export$d188a835a7bc5783 = /*#__PURE__*/ (0, $f3JOg$createContext)({});
+const $612b8eb6cb90e02d$export$f55761759794cf55 = /*#__PURE__*/ (0, $f3JOg$createContext)(null);
+const $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 = /*#__PURE__*/ (0, $f3JOg$forwardRef)(function DropIndicator(props, ref) {
+    let { render: render } = (0, $f3JOg$useContext)($612b8eb6cb90e02d$export$f55761759794cf55);
+    return /*#__PURE__*/ (0, $f3JOg$react).createElement((0, $f3JOg$react).Fragment, null, render(props, ref));
+});
+function $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState) {
+    var _dragAndDropHooks_isVirtualDragging;
+    let renderDropIndicator = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.renderDropIndicator;
+    let isVirtualDragging = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === void 0 ? void 0 : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks);
+    let fn = (0, $f3JOg$useCallback)((target)=>{
+        // Only show drop indicators when virtual dragging or this is the current drop target.
+        if (isVirtualDragging || (dropState === null || dropState === void 0 ? void 0 : dropState.isDropTarget(target))) return renderDropIndicator ? renderDropIndicator(target) : /*#__PURE__*/ (0, $f3JOg$react).createElement($612b8eb6cb90e02d$export$62ed72bc21f6b8a6, {
+            target: target
+        });
+    // We invalidate whenever the target changes.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        dropState === null || dropState === void 0 ? void 0 : dropState.target,
+        isVirtualDragging,
+        renderDropIndicator
+    ]);
+    return (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDropIndicator) ? fn : undefined;
+}
+function $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState) {
+    var _dragAndDropHooks_isVirtualDragging, _dropState_target;
+    // Persist the focused key and the drop target key.
+    let focusedKey = selectionManager.focusedKey;
+    let dropTargetKey = null;
+    if ((dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : (_dragAndDropHooks_isVirtualDragging = dragAndDropHooks.isVirtualDragging) === null || _dragAndDropHooks_isVirtualDragging === void 0 ? void 0 : _dragAndDropHooks_isVirtualDragging.call(dragAndDropHooks)) && (dropState === null || dropState === void 0 ? void 0 : (_dropState_target = dropState.target) === null || _dropState_target === void 0 ? void 0 : _dropState_target.type) === 'item') {
+        dropTargetKey = dropState.target.key;
+        if (dropState.target.dropPosition === 'after') {
+            // Normalize to the "before" drop position since we only render those to the DOM.
+            let nextKey = dropState.collection.getKeyAfter(dropTargetKey);
+            let lastDescendantKey = null;
+            if (nextKey != null) {
+                var _dropState_collection_getItem;
+                var _dropState_collection_getItem_level;
+                let targetLevel = (_dropState_collection_getItem_level = (_dropState_collection_getItem = dropState.collection.getItem(dropTargetKey)) === null || _dropState_collection_getItem === void 0 ? void 0 : _dropState_collection_getItem.level) !== null && _dropState_collection_getItem_level !== void 0 ? _dropState_collection_getItem_level : 0;
+                // Skip over any rows that are descendants of the target ("after" position should be after all children)
+                while(nextKey){
+                    let node = dropState.collection.getItem(nextKey);
+                    // eslint-disable-next-line max-depth
+                    if (!node) break;
+                    // Skip over non-item nodes (e.g., loaders) since they can't be drop targets.
+                    // eslint-disable-next-line max-depth
+                    if (node.type !== 'item') {
+                        nextKey = dropState.collection.getKeyAfter(nextKey);
+                        continue;
+                    }
+                    var _node_level;
+                    // Stop once we find an item at the same level or higher
+                    // eslint-disable-next-line max-depth
+                    if (((_node_level = node.level) !== null && _node_level !== void 0 ? _node_level : 0) <= targetLevel) break;
+                    lastDescendantKey = nextKey;
+                    nextKey = dropState.collection.getKeyAfter(nextKey);
+                }
+            }
+            var _ref;
+            // If nextKey is null (end of collection), use the last descendant
+            dropTargetKey = (_ref = nextKey !== null && nextKey !== void 0 ? nextKey : lastDescendantKey) !== null && _ref !== void 0 ? _ref : dropTargetKey;
+        }
+    }
+    return (0, $f3JOg$useMemo)(()=>{
+        return new Set([
+            focusedKey,
+            dropTargetKey
+        ].filter((k)=>k != null));
+    }, [
+        focusedKey,
+        dropTargetKey
+    ]);
+}
+
+
+export {$612b8eb6cb90e02d$export$d188a835a7bc5783 as DragAndDropContext, $612b8eb6cb90e02d$export$f55761759794cf55 as DropIndicatorContext, $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 as DropIndicator, $612b8eb6cb90e02d$export$971707d8a129a1f7 as useRenderDropIndicator, $612b8eb6cb90e02d$export$d1e8e3fbb7461f6 as useDndPersistedKeys};
+//# sourceMappingURL=DragAndDrop.module.js.map

package/dist/DragAndDrop.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAaM,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAA2B,CAAC;AACnE,MAAM,0DAAuB,CAAA,GAAA,oBAAY,EAAoC;AAwB7E,MAAM,0DAAgB,CAAA,GAAA,iBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA8B;IACtH,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE;IAC1B,qBAAO,kEAAG,OAAO,OAAO;AAC1B;AAIO,SAAS,0CAAuB,gBAAmC,EAAE,SAAoC;QAEtF;IADxB,IAAI,sBAAsB,6BAAA,uCAAA,iBAAkB,mBAAmB;IAC/D,IAAI,oBAAoB,6BAAA,wCAAA,sCAAA,iBAAkB,iBAAiB,cAAnC,0DAAA,yCAAA;IACxB,IAAI,KAAK,CAAA,GAAA,kBAAU,EAAE,CAAC;QACpB,sFAAsF;QACtF,IAAI,sBAAqB,sBAAA,gCAAA,UAAW,YAAY,CAAC,UAC/C,OAAO,sBAAsB,oBAAoB,wBAAU,gCAAC;YAAc,QAAQ;;IAEpF,6CAA6C;IAC7C,uDAAuD;IACzD,GAAG;QAAC,sBAAA,gCAAA,UAAW,MAAM;QAAE;QAAmB;KAAoB;IAC9D,OAAO,CAAA,6BAAA,uCAAA,iBAAkB,gBAAgB,IAAG,KAAK;AACnD;AAEO,SAAS,yCAAoB,gBAA0C,EAAE,gBAAmC,EAAE,SAAoC;QAInJ,qCAA2C;IAH/C,mDAAmD;IACnD,IAAI,aAAa,iBAAiB,UAAU;IAC5C,IAAI,gBAAwC;IAC5C,IAAI,CAAA,6BAAA,wCAAA,sCAAA,iBAAkB,iBAAiB,cAAnC,0DAAA,yCAAA,sBAA2C,CAAA,sBAAA,iCAAA,oBAAA,UAAW,MAAM,cAAjB,wCAAA,kBAAmB,IAAI,MAAK,QAAQ;QACjF,gBAAgB,UAAU,MAAM,CAAC,GAAG;QACpC,IAAI,UAAU,MAAM,CAAC,YAAY,KAAK,SAAS;YAC7C,iFAAiF;YACjF,IAAI,UAAU,UAAU,UAAU,CAAC,WAAW,CAAC;YAC/C,IAAI,oBAAgC;YACpC,IAAI,WAAW,MAAM;oBACD;oBAAA;gBAAlB,IAAI,cAAc,CAAA,uCAAA,gCAAA,UAAU,UAAU,CAAC,OAAO,CAAC,4BAA7B,oDAAA,8BAA6C,KAAK,cAAlD,iDAAA,sCAAsD;gBACxE,wGAAwG;gBACxG,MAAO,QAAS;oBACd,IAAI,OAAO,UAAU,UAAU,CAAC,OAAO,CAAC;oBACxC,qCAAqC;oBACrC,IAAI,CAAC,MACH;oBAEF,6EAA6E;oBAC7E,qCAAqC;oBACrC,IAAI,KAAK,IAAI,KAAK,QAAQ;wBACxB,UAAU,UAAU,UAAU,CAAC,WAAW,CAAC;wBAC3C;oBACF;wBAIK;oBAFL,wDAAwD;oBACxD,qCAAqC;oBACrC,IAAI,AAAC,CAAA,CAAA,cAAA,KAAK,KAAK,cAAV,yBAAA,cAAc,CAAA,KAAM,aACvB;oBAGF,oBAAoB;oBACpB,UAAU,UAAU,UAAU,CAAC,WAAW,CAAC;gBAC7C;YACF;gBAGgB;YADhB,kEAAkE;YAClE,gBAAgB,CAAA,OAAA,oBAAA,qBAAA,UAAW,+BAAX,kBAAA,OAAgC;QAClD;IACF;IAEA,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,OAAO,IAAI,IAAI;YAAC;YAAY;SAAc,CAAC,MAAM,CAAC,CAAA,IAAK,KAAK;IAC9D,GAAG;QAAC;QAAY;KAAc;AAChC","sources":["packages/react-aria-components/src/DragAndDrop.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport type {DropIndicatorProps as AriaDropIndicatorProps, ItemDropTarget, Key} from 'react-aria';\nimport type {ClassNameOrFunction, RenderProps} from './utils';\nimport type {DragAndDropHooks} from './useDragAndDrop';\nimport type {DraggableCollectionState, DroppableCollectionState, MultipleSelectionManager} from 'react-stately';\nimport React, {createContext, ForwardedRef, forwardRef, JSX, ReactNode, useCallback, useContext, useMemo} from 'react';\n\nexport interface DragAndDropContextValue {\n  dragAndDropHooks?: DragAndDropHooks,\n  dragState?: DraggableCollectionState,\n  dropState?: DroppableCollectionState\n}\n\nexport const DragAndDropContext = createContext<DragAndDropContextValue>({});\nexport const DropIndicatorContext = createContext<DropIndicatorContextValue | null>(null);\n\nexport interface DropIndicatorRenderProps {\n  /**\n   * Whether the drop indicator is currently the active drop target.\n   * @selector [data-drop-target]\n   */\n  isDropTarget: boolean\n}\n\nexport interface DropIndicatorProps extends Omit<AriaDropIndicatorProps, 'activateButtonRef'>, RenderProps<DropIndicatorRenderProps> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-DropIndicator'\n   */\n  className?: ClassNameOrFunction<DropIndicatorRenderProps>\n}\ninterface DropIndicatorContextValue {\n  render: (props: DropIndicatorProps, ref: ForwardedRef<HTMLElement>) => ReactNode\n}\n\n/**\n * A DropIndicator is rendered between items in a collection to indicate where dropped data will be inserted.\n */\nexport const DropIndicator = forwardRef(function DropIndicator(props: DropIndicatorProps, ref: ForwardedRef<HTMLElement>): JSX.Element {\n  let {render} = useContext(DropIndicatorContext)!;\n  return <>{render(props, ref)}</>;\n});\n\ntype RenderDropIndicatorRetValue = ((target: ItemDropTarget) => ReactNode | undefined) | undefined\n\nexport function useRenderDropIndicator(dragAndDropHooks?: DragAndDropHooks, dropState?: DroppableCollectionState): RenderDropIndicatorRetValue {\n  let renderDropIndicator = dragAndDropHooks?.renderDropIndicator;\n  let isVirtualDragging = dragAndDropHooks?.isVirtualDragging?.();\n  let fn = useCallback((target: ItemDropTarget) => {\n    // Only show drop indicators when virtual dragging or this is the current drop target.\n    if (isVirtualDragging || dropState?.isDropTarget(target)) {\n      return renderDropIndicator ? renderDropIndicator(target) : <DropIndicator target={target} />;\n    }\n    // We invalidate whenever the target changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dropState?.target, isVirtualDragging, renderDropIndicator]);\n  return dragAndDropHooks?.useDropIndicator ? fn : undefined;\n}\n\nexport function useDndPersistedKeys(selectionManager: MultipleSelectionManager, dragAndDropHooks?: DragAndDropHooks, dropState?: DroppableCollectionState): Set<Key> {\n  // Persist the focused key and the drop target key.\n  let focusedKey = selectionManager.focusedKey;\n  let dropTargetKey: Key | null | undefined = null;\n  if (dragAndDropHooks?.isVirtualDragging?.() && dropState?.target?.type === 'item') {\n    dropTargetKey = dropState.target.key;\n    if (dropState.target.dropPosition === 'after') {\n      // Normalize to the \"before\" drop position since we only render those to the DOM.\n      let nextKey = dropState.collection.getKeyAfter(dropTargetKey);\n      let lastDescendantKey: Key | null = null;\n      if (nextKey != null) {\n        let targetLevel = dropState.collection.getItem(dropTargetKey)?.level ?? 0;\n        // Skip over any rows that are descendants of the target (\"after\" position should be after all children)\n        while (nextKey) {\n          let node = dropState.collection.getItem(nextKey);\n          // eslint-disable-next-line max-depth\n          if (!node) {\n            break;\n          }\n          // Skip over non-item nodes (e.g., loaders) since they can't be drop targets.\n          // eslint-disable-next-line max-depth\n          if (node.type !== 'item') {\n            nextKey = dropState.collection.getKeyAfter(nextKey);\n            continue;\n          }\n\n          // Stop once we find an item at the same level or higher\n          // eslint-disable-next-line max-depth\n          if ((node.level ?? 0) <= targetLevel) {\n            break;\n          }\n          \n          lastDescendantKey = nextKey;\n          nextKey = dropState.collection.getKeyAfter(nextKey);\n        }\n      }\n\n      // If nextKey is null (end of collection), use the last descendant\n      dropTargetKey = nextKey ?? lastDescendantKey ?? dropTargetKey;\n    }\n  }\n\n  return useMemo(() => {\n    return new Set([focusedKey, dropTargetKey].filter(k => k != null));\n  }, [focusedKey, dropTargetKey]);\n}\n"],"names":[],"version":3,"file":"DragAndDrop.module.js.map"}

package/dist/DropZone.main.js

@@ -0,0 +1,127 @@
+var $c5ccf687772c0422$exports = require("./utils.main.js");
+var $d72d752ea1c67b9a$exports = require("./intlStrings.main.js");
+var $a8a589c28affdc40$exports = require("./Text.main.js");
+var $iiEmS$reactaria = require("react-aria");
+var $iiEmS$reactariautils = require("@react-aria/utils");
+var $iiEmS$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "DropZoneContext", () => $80a65baccb138f12$export$14a72053295ff9a6);
+$parcel$export(module.exports, "DropZone", () => $80a65baccb138f12$export$3c6489d84dc98b6);
+/*
+ * Copyright 2023 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.
+ */ 
+
+
+
+
+
+const $80a65baccb138f12$export$14a72053295ff9a6 = /*#__PURE__*/ (0, $iiEmS$react.createContext)(null);
+const $80a65baccb138f12$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $iiEmS$react.forwardRef)(function DropZone(props, ref) {
+    let { isDisabled: isDisabled = false } = props;
+    [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $80a65baccb138f12$export$14a72053295ff9a6);
+    let dropzoneRef = (0, $iiEmS$reactariautils.useObjectRef)(ref);
+    let buttonRef = (0, $iiEmS$react.useRef)(null);
+    let { dropProps: dropProps, dropButtonProps: dropButtonProps, isDropTarget: isDropTarget } = (0, $iiEmS$reactaria.useDrop)({
+        ...props,
+        ref: buttonRef,
+        hasDropButton: true
+    });
+    let { buttonProps: buttonProps } = (0, $iiEmS$reactaria.useButton)(dropButtonProps || {}, buttonRef);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $iiEmS$reactaria.useHover)(props);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $iiEmS$reactaria.useFocusRing)();
+    let stringFormatter = (0, $iiEmS$reactaria.useLocalizedStringFormatter)((0, ($parcel$interopDefault($d72d752ea1c67b9a$exports))), 'react-aria-components');
+    let textId = (0, $iiEmS$reactariautils.useSlotId)();
+    let ariaLabel = props['aria-label'] || stringFormatter.format('dropzoneLabel');
+    let messageId = props['aria-labelledby'];
+    let ariaLabelledby = [
+        textId,
+        messageId
+    ].filter(Boolean).join(' ');
+    let labelProps = (0, $iiEmS$reactariautils.useLabels)({
+        'aria-label': ariaLabel,
+        'aria-labelledby': ariaLabelledby
+    });
+    let { clipboardProps: clipboardProps } = (0, $iiEmS$reactaria.useClipboard)({
+        isDisabled: isDisabled,
+        onPaste: (items)=>{
+            var _props_onDrop;
+            return (_props_onDrop = props.onDrop) === null || _props_onDrop === void 0 ? void 0 : _props_onDrop.call(props, {
+                type: 'drop',
+                items: items,
+                x: 0,
+                y: 0,
+                dropOperation: 'copy'
+            });
+        }
+    });
+    let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDropTarget: isDropTarget,
+            isDisabled: isDisabled
+        },
+        defaultClassName: 'react-aria-DropZone'
+    });
+    let DOMProps = (0, $iiEmS$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iiEmS$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
+        values: [
+            [
+                (0, $a8a589c28affdc40$exports.TextContext),
+                {
+                    id: textId,
+                    slot: 'label'
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iiEmS$react))).createElement((0, $c5ccf687772c0422$exports.dom).div, {
+        ...(0, $iiEmS$reactaria.mergeProps)(DOMProps, renderProps, dropProps, hoverProps),
+        slot: props.slot || undefined,
+        ref: dropzoneRef,
+        onClick: (e)=>{
+            let target = (0, $iiEmS$reactariautils.getEventTarget)(e);
+            while(target && (0, $iiEmS$reactariautils.nodeContains)(dropzoneRef.current, target)){
+                if ((0, $iiEmS$reactariautils.isFocusable)(target)) break;
+                else if (target === dropzoneRef.current) {
+                    var _buttonRef_current;
+                    (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.focus();
+                    break;
+                }
+                target = target.parentElement;
+            }
+        },
+        "data-hovered": isHovered || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-drop-target": isDropTarget || undefined,
+        "data-disabled": isDisabled || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iiEmS$react))).createElement((0, $iiEmS$reactaria.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($iiEmS$react))).createElement("button", {
+        ...(0, $iiEmS$reactaria.mergeProps)(buttonProps, focusProps, clipboardProps, labelProps),
+        ref: buttonRef
+    })), renderProps.children));
+});
+
+
+//# sourceMappingURL=DropZone.main.js.map

package/dist/DropZone.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, GlobalDOMAttributes, HoverEvents} from '@react-types/shared';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DropOptions, mergeProps, useButton, useClipboard, useDrop, useFocusRing, useHover, useLocalizedStringFormatter, VisuallyHidden} from 'react-aria';\nimport {filterDOMProps, getEventTarget, isFocusable, nodeContains, useLabels, useObjectRef, useSlotId} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {createContext, ForwardedRef, forwardRef, useRef} from 'react';\nimport {TextContext} from './Text';\n\nexport interface DropZoneRenderProps {\n  /**\n   * Whether the dropzone is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the dropzone is focused, either via a mouse or keyboard.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the dropzone is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the dropzone is the drop target.\n   * @selector [data-drop-target]\n   */\n  isDropTarget: boolean,\n  /**\n   * Whether the dropzone is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean\n}\n\nexport interface DropZoneProps extends Omit<DropOptions, 'getDropOperationForPoint' | 'ref' | 'hasDropButton'>, HoverEvents, RenderProps<DropZoneRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-DropZone'\n   */\n  className?: ClassNameOrFunction<DropZoneRenderProps>\n}\n\nexport const DropZoneContext = createContext<ContextValue<DropZoneProps, HTMLDivElement>>(null);\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = forwardRef(function DropZone(props: DropZoneProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {isDisabled = false} = props;\n  [props, ref] = useContextProps(props, ref, DropZoneContext);\n  let dropzoneRef = useObjectRef(ref);\n  let buttonRef = useRef<HTMLButtonElement>(null);\n  let {dropProps, dropButtonProps, isDropTarget} = useDrop({...props, ref: buttonRef, hasDropButton: true});\n  let {buttonProps} = useButton(dropButtonProps || {}, buttonRef);\n  let {hoverProps, isHovered} = useHover(props);\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, 'react-aria-components');\n\n  let textId = useSlotId();\n  let ariaLabel = props['aria-label'] || stringFormatter.format('dropzoneLabel');\n  let messageId = props['aria-labelledby'];\n  let ariaLabelledby = [textId, messageId].filter(Boolean).join(' ');\n  let labelProps = useLabels({'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby});\n\n\n  let {clipboardProps} = useClipboard({\n    isDisabled,\n    onPaste: (items) => props.onDrop?.({\n      type: 'drop',\n      items,\n      x: 0,\n      y: 0,\n      dropOperation: 'copy'\n    })\n  });\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {isHovered, isFocused, isFocusVisible, isDropTarget, isDisabled},\n    defaultClassName: 'react-aria-DropZone'\n  });\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [TextContext, {id: textId, slot: 'label'}]\n      ]}>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, dropProps, hoverProps)}\n        slot={props.slot || undefined}\n        ref={dropzoneRef}\n        onClick={(e) => {\n          let target = getEventTarget(e) as HTMLElement | null;\n          while (target && nodeContains(dropzoneRef.current, target)) {\n            if (isFocusable(target)) {\n              break;\n            } else if (target === dropzoneRef.current) {\n              buttonRef.current?.focus();\n              break;\n            }\n\n            target = target.parentElement;\n          }\n        }}\n        data-hovered={isHovered || undefined}\n        data-focused={isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-drop-target={isDropTarget || undefined}\n        data-disabled={isDisabled || undefined}>\n        <VisuallyHidden>\n          <button\n            {...mergeProps(buttonProps, focusProps, clipboardProps, labelProps)}\n            ref={buttonRef} />\n        </VisuallyHidden>\n        {renderProps.children}\n      </dom.div>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.main.js.map"}

package/dist/DropZone.mjs

@@ -0,0 +1,121 @@
+import {dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.mjs";
+import $dVbUU$intlStringsmodulejs from "./intlStrings.mjs";
+import {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from "./Text.mjs";
+import {useDrop as $dVbUU$useDrop, useButton as $dVbUU$useButton, useHover as $dVbUU$useHover, useFocusRing as $dVbUU$useFocusRing, useLocalizedStringFormatter as $dVbUU$useLocalizedStringFormatter, useClipboard as $dVbUU$useClipboard, mergeProps as $dVbUU$mergeProps, VisuallyHidden as $dVbUU$VisuallyHidden} from "react-aria";
+import {useObjectRef as $dVbUU$useObjectRef, useSlotId as $dVbUU$useSlotId, useLabels as $dVbUU$useLabels, filterDOMProps as $dVbUU$filterDOMProps, getEventTarget as $dVbUU$getEventTarget, nodeContains as $dVbUU$nodeContains, isFocusable as $dVbUU$isFocusable} from "@react-aria/utils";
+import $dVbUU$react, {createContext as $dVbUU$createContext, forwardRef as $dVbUU$forwardRef, useRef as $dVbUU$useRef} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2023 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.
+ */ 
+
+
+
+
+
+const $cb088e721efb9218$export$14a72053295ff9a6 = /*#__PURE__*/ (0, $dVbUU$createContext)(null);
+const $cb088e721efb9218$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $dVbUU$forwardRef)(function DropZone(props, ref) {
+    let { isDisabled: isDisabled = false } = props;
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $cb088e721efb9218$export$14a72053295ff9a6);
+    let dropzoneRef = (0, $dVbUU$useObjectRef)(ref);
+    let buttonRef = (0, $dVbUU$useRef)(null);
+    let { dropProps: dropProps, dropButtonProps: dropButtonProps, isDropTarget: isDropTarget } = (0, $dVbUU$useDrop)({
+        ...props,
+        ref: buttonRef,
+        hasDropButton: true
+    });
+    let { buttonProps: buttonProps } = (0, $dVbUU$useButton)(dropButtonProps || {}, buttonRef);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dVbUU$useHover)(props);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dVbUU$useFocusRing)();
+    let stringFormatter = (0, $dVbUU$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dVbUU$intlStringsmodulejs))), 'react-aria-components');
+    let textId = (0, $dVbUU$useSlotId)();
+    let ariaLabel = props['aria-label'] || stringFormatter.format('dropzoneLabel');
+    let messageId = props['aria-labelledby'];
+    let ariaLabelledby = [
+        textId,
+        messageId
+    ].filter(Boolean).join(' ');
+    let labelProps = (0, $dVbUU$useLabels)({
+        'aria-label': ariaLabel,
+        'aria-labelledby': ariaLabelledby
+    });
+    let { clipboardProps: clipboardProps } = (0, $dVbUU$useClipboard)({
+        isDisabled: isDisabled,
+        onPaste: (items)=>{
+            var _props_onDrop;
+            return (_props_onDrop = props.onDrop) === null || _props_onDrop === void 0 ? void 0 : _props_onDrop.call(props, {
+                type: 'drop',
+                items: items,
+                x: 0,
+                y: 0,
+                dropOperation: 'copy'
+            });
+        }
+    });
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDropTarget: isDropTarget,
+            isDisabled: isDisabled
+        },
+        defaultClassName: 'react-aria-DropZone'
+    });
+    let DOMProps = (0, $dVbUU$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $dVbUU$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
+                {
+                    id: textId,
+                    slot: 'label'
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $dVbUU$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...(0, $dVbUU$mergeProps)(DOMProps, renderProps, dropProps, hoverProps),
+        slot: props.slot || undefined,
+        ref: dropzoneRef,
+        onClick: (e)=>{
+            let target = (0, $dVbUU$getEventTarget)(e);
+            while(target && (0, $dVbUU$nodeContains)(dropzoneRef.current, target)){
+                if ((0, $dVbUU$isFocusable)(target)) break;
+                else if (target === dropzoneRef.current) {
+                    var _buttonRef_current;
+                    (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.focus();
+                    break;
+                }
+                target = target.parentElement;
+            }
+        },
+        "data-hovered": isHovered || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-drop-target": isDropTarget || undefined,
+        "data-disabled": isDisabled || undefined
+    }, /*#__PURE__*/ (0, $dVbUU$react).createElement((0, $dVbUU$VisuallyHidden), null, /*#__PURE__*/ (0, $dVbUU$react).createElement("button", {
+        ...(0, $dVbUU$mergeProps)(buttonProps, focusProps, clipboardProps, labelProps),
+        ref: buttonRef
+    })), renderProps.children));
+});
+
+
+export {$cb088e721efb9218$export$14a72053295ff9a6 as DropZoneContext, $cb088e721efb9218$export$3c6489d84dc98b6 as DropZone};
+//# sourceMappingURL=DropZone.module.js.map

package/dist/DropZone.module.js

@@ -0,0 +1,121 @@
+import {dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.module.js";
+import $dVbUU$intlStringsmodulejs from "./intlStrings.module.js";
+import {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from "./Text.module.js";
+import {useDrop as $dVbUU$useDrop, useButton as $dVbUU$useButton, useHover as $dVbUU$useHover, useFocusRing as $dVbUU$useFocusRing, useLocalizedStringFormatter as $dVbUU$useLocalizedStringFormatter, useClipboard as $dVbUU$useClipboard, mergeProps as $dVbUU$mergeProps, VisuallyHidden as $dVbUU$VisuallyHidden} from "react-aria";
+import {useObjectRef as $dVbUU$useObjectRef, useSlotId as $dVbUU$useSlotId, useLabels as $dVbUU$useLabels, filterDOMProps as $dVbUU$filterDOMProps, getEventTarget as $dVbUU$getEventTarget, nodeContains as $dVbUU$nodeContains, isFocusable as $dVbUU$isFocusable} from "@react-aria/utils";
+import $dVbUU$react, {createContext as $dVbUU$createContext, forwardRef as $dVbUU$forwardRef, useRef as $dVbUU$useRef} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2023 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.
+ */ 
+
+
+
+
+
+const $cb088e721efb9218$export$14a72053295ff9a6 = /*#__PURE__*/ (0, $dVbUU$createContext)(null);
+const $cb088e721efb9218$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $dVbUU$forwardRef)(function DropZone(props, ref) {
+    let { isDisabled: isDisabled = false } = props;
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $cb088e721efb9218$export$14a72053295ff9a6);
+    let dropzoneRef = (0, $dVbUU$useObjectRef)(ref);
+    let buttonRef = (0, $dVbUU$useRef)(null);
+    let { dropProps: dropProps, dropButtonProps: dropButtonProps, isDropTarget: isDropTarget } = (0, $dVbUU$useDrop)({
+        ...props,
+        ref: buttonRef,
+        hasDropButton: true
+    });
+    let { buttonProps: buttonProps } = (0, $dVbUU$useButton)(dropButtonProps || {}, buttonRef);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $dVbUU$useHover)(props);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $dVbUU$useFocusRing)();
+    let stringFormatter = (0, $dVbUU$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dVbUU$intlStringsmodulejs))), 'react-aria-components');
+    let textId = (0, $dVbUU$useSlotId)();
+    let ariaLabel = props['aria-label'] || stringFormatter.format('dropzoneLabel');
+    let messageId = props['aria-labelledby'];
+    let ariaLabelledby = [
+        textId,
+        messageId
+    ].filter(Boolean).join(' ');
+    let labelProps = (0, $dVbUU$useLabels)({
+        'aria-label': ariaLabel,
+        'aria-labelledby': ariaLabelledby
+    });
+    let { clipboardProps: clipboardProps } = (0, $dVbUU$useClipboard)({
+        isDisabled: isDisabled,
+        onPaste: (items)=>{
+            var _props_onDrop;
+            return (_props_onDrop = props.onDrop) === null || _props_onDrop === void 0 ? void 0 : _props_onDrop.call(props, {
+                type: 'drop',
+                items: items,
+                x: 0,
+                y: 0,
+                dropOperation: 'copy'
+            });
+        }
+    });
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDropTarget: isDropTarget,
+            isDisabled: isDisabled
+        },
+        defaultClassName: 'react-aria-DropZone'
+    });
+    let DOMProps = (0, $dVbUU$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $dVbUU$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
+                {
+                    id: textId,
+                    slot: 'label'
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $dVbUU$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...(0, $dVbUU$mergeProps)(DOMProps, renderProps, dropProps, hoverProps),
+        slot: props.slot || undefined,
+        ref: dropzoneRef,
+        onClick: (e)=>{
+            let target = (0, $dVbUU$getEventTarget)(e);
+            while(target && (0, $dVbUU$nodeContains)(dropzoneRef.current, target)){
+                if ((0, $dVbUU$isFocusable)(target)) break;
+                else if (target === dropzoneRef.current) {
+                    var _buttonRef_current;
+                    (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.focus();
+                    break;
+                }
+                target = target.parentElement;
+            }
+        },
+        "data-hovered": isHovered || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-drop-target": isDropTarget || undefined,
+        "data-disabled": isDisabled || undefined
+    }, /*#__PURE__*/ (0, $dVbUU$react).createElement((0, $dVbUU$VisuallyHidden), null, /*#__PURE__*/ (0, $dVbUU$react).createElement("button", {
+        ...(0, $dVbUU$mergeProps)(buttonProps, focusProps, clipboardProps, labelProps),
+        ref: buttonRef
+    })), renderProps.children));
+});
+
+
+export {$cb088e721efb9218$export$14a72053295ff9a6 as DropZoneContext, $cb088e721efb9218$export$3c6489d84dc98b6 as DropZone};
+//# sourceMappingURL=DropZone.module.js.map

package/dist/DropZone.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAwDM,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAA+C;AAKnF,MAAM,yDAAW,CAAA,GAAA,iBAAS,EAAE,SAAS,SAAS,KAAoB,EAAE,GAAiC;IAC1G,IAAI,cAAC,aAAa,OAAM,GAAG;IAC3B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,cAAc,CAAA,GAAA,mBAAW,EAAE;IAC/B,IAAI,YAAY,CAAA,GAAA,aAAK,EAAqB;IAC1C,IAAI,aAAC,SAAS,mBAAE,eAAe,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,cAAM,EAAE;QAAC,GAAG,KAAK;QAAE,KAAK;QAAW,eAAe;IAAI;IACvG,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,gBAAQ,EAAE,mBAAmB,CAAC,GAAG;IACrD,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IACzD,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAEhE,IAAI,SAAS,CAAA,GAAA,gBAAQ;IACrB,IAAI,YAAY,KAAK,CAAC,aAAa,IAAI,gBAAgB,MAAM,CAAC;IAC9D,IAAI,YAAY,KAAK,CAAC,kBAAkB;IACxC,IAAI,iBAAiB;QAAC;QAAQ;KAAU,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC;IAC9D,IAAI,aAAa,CAAA,GAAA,gBAAQ,EAAE;QAAC,cAAc;QAAW,mBAAmB;IAAc;IAGtF,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;oBAClC;QACA,SAAS,CAAC;gBAAU;oBAAA,gBAAA,MAAM,MAAM,cAAZ,oCAAA,mBAAA,OAAe;gBACjC,MAAM;uBACN;gBACA,GAAG;gBACH,GAAG;gBACH,eAAe;YACjB;;IACF;IAEA,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;uBAAC;uBAAW;4BAAW;0BAAgB;wBAAc;QAAU;QACvE,kBAAkB;IACpB;IACA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAElB,qBACE,gCAAC,CAAA,GAAA,yCAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,yCAAU;gBAAG;oBAAC,IAAI;oBAAQ,MAAM;gBAAO;aAAE;SAC3C;qBACD,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,aAAa,WAAW,WAAW;QAC5D,MAAM,MAAM,IAAI,IAAI;QACpB,KAAK;QACL,SAAS,CAAC;YACR,IAAI,SAAS,CAAA,GAAA,qBAAa,EAAE;YAC5B,MAAO,UAAU,CAAA,GAAA,mBAAW,EAAE,YAAY,OAAO,EAAE,QAAS;gBAC1D,IAAI,CAAA,GAAA,kBAAU,EAAE,SACd;qBACK,IAAI,WAAW,YAAY,OAAO,EAAE;wBACzC;qBAAA,qBAAA,UAAU,OAAO,cAAjB,yCAAA,mBAAmB,KAAK;oBACxB;gBACF;gBAEA,SAAS,OAAO,aAAa;YAC/B;QACF;QACA,gBAAc,aAAa;QAC3B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;QACtC,oBAAkB,gBAAgB;QAClC,iBAAe,cAAc;qBAC7B,gCAAC,CAAA,GAAA,qBAAa,uBACZ,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,YAAY,gBAAgB,WAAW;QACnE,KAAK;SAER,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, GlobalDOMAttributes, HoverEvents} from '@react-types/shared';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DropOptions, mergeProps, useButton, useClipboard, useDrop, useFocusRing, useHover, useLocalizedStringFormatter, VisuallyHidden} from 'react-aria';\nimport {filterDOMProps, getEventTarget, isFocusable, nodeContains, useLabels, useObjectRef, useSlotId} from '@react-aria/utils';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {createContext, ForwardedRef, forwardRef, useRef} from 'react';\nimport {TextContext} from './Text';\n\nexport interface DropZoneRenderProps {\n  /**\n   * Whether the dropzone is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the dropzone is focused, either via a mouse or keyboard.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the dropzone is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the dropzone is the drop target.\n   * @selector [data-drop-target]\n   */\n  isDropTarget: boolean,\n  /**\n   * Whether the dropzone is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean\n}\n\nexport interface DropZoneProps extends Omit<DropOptions, 'getDropOperationForPoint' | 'ref' | 'hasDropButton'>, HoverEvents, RenderProps<DropZoneRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-DropZone'\n   */\n  className?: ClassNameOrFunction<DropZoneRenderProps>\n}\n\nexport const DropZoneContext = createContext<ContextValue<DropZoneProps, HTMLDivElement>>(null);\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = forwardRef(function DropZone(props: DropZoneProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {isDisabled = false} = props;\n  [props, ref] = useContextProps(props, ref, DropZoneContext);\n  let dropzoneRef = useObjectRef(ref);\n  let buttonRef = useRef<HTMLButtonElement>(null);\n  let {dropProps, dropButtonProps, isDropTarget} = useDrop({...props, ref: buttonRef, hasDropButton: true});\n  let {buttonProps} = useButton(dropButtonProps || {}, buttonRef);\n  let {hoverProps, isHovered} = useHover(props);\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, 'react-aria-components');\n\n  let textId = useSlotId();\n  let ariaLabel = props['aria-label'] || stringFormatter.format('dropzoneLabel');\n  let messageId = props['aria-labelledby'];\n  let ariaLabelledby = [textId, messageId].filter(Boolean).join(' ');\n  let labelProps = useLabels({'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby});\n\n\n  let {clipboardProps} = useClipboard({\n    isDisabled,\n    onPaste: (items) => props.onDrop?.({\n      type: 'drop',\n      items,\n      x: 0,\n      y: 0,\n      dropOperation: 'copy'\n    })\n  });\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {isHovered, isFocused, isFocusVisible, isDropTarget, isDisabled},\n    defaultClassName: 'react-aria-DropZone'\n  });\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [TextContext, {id: textId, slot: 'label'}]\n      ]}>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, dropProps, hoverProps)}\n        slot={props.slot || undefined}\n        ref={dropzoneRef}\n        onClick={(e) => {\n          let target = getEventTarget(e) as HTMLElement | null;\n          while (target && nodeContains(dropzoneRef.current, target)) {\n            if (isFocusable(target)) {\n              break;\n            } else if (target === dropzoneRef.current) {\n              buttonRef.current?.focus();\n              break;\n            }\n\n            target = target.parentElement;\n          }\n        }}\n        data-hovered={isHovered || undefined}\n        data-focused={isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-drop-target={isDropTarget || undefined}\n        data-disabled={isDisabled || undefined}>\n        <VisuallyHidden>\n          <button\n            {...mergeProps(buttonProps, focusProps, clipboardProps, labelProps)}\n            ref={buttonRef} />\n        </VisuallyHidden>\n        {renderProps.children}\n      </dom.div>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.module.js.map"}