@adobe/react-spectrum 3.47.1 → 3.47.3

package/dist/private/dnd/useDragAndDrop.js

@@ -29,31 +29,38 @@ function $a835b70880df29d9$export$2cfc5be7a55829f6(options) {
         let hooks = {};
         if (isDraggable) {
             hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(props) {
+                // oxlint-disable-next-line react/react-compiler
                 return (0, $9iyO4$useDraggableCollectionState)({
                     ...props,
                     ...options,
                     getItems: options.getItems
                 });
             };
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDraggableCollection = (0, $9iyO4$useDraggableCollection);
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDraggableItem = (0, $9iyO4$useDraggableItem);
             hooks.DragPreview = (0, $9iyO4$DragPreview);
             hooks.renderPreview = renderPreview;
         }
         if (isDroppable) {
             hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(props) {
+                // oxlint-disable-next-line react/react-compiler
                 return (0, $9iyO4$useDroppableCollectionState)({
                     ...props,
                     ...options
                 });
             };
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDroppableItem = (0, $9iyO4$useDroppableItem);
             hooks.useDroppableCollection = function useDroppableCollectionOverride(props, state, ref) {
+                // oxlint-disable-next-line react/react-compiler
                 return (0, $9iyO4$useDroppableCollection)({
                     ...props,
                     ...options
                 }, state, ref);
             };
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDropIndicator = (0, $9iyO4$useDropIndicator);
         }
         if (isDraggable || isDroppable) hooks.isVirtualDragging = (0, $9iyO4$isVirtualDragging);

package/dist/private/dnd/useDragAndDrop.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkHM,SAAS,0CAA2B,OAA8B;IACvE,IAAI,mBAAmB,CAAA,GAAA,cAAM,EAAE;QAC7B,IAAI,UAAC,MAAM,YAAE,QAAQ,cAAE,UAAU,aAAE,SAAS,cAAE,UAAU,YAAE,QAAQ,iBAAE,aAAa,EAAC,GAAG;QAErF,IAAI,cAAc,CAAC,CAAC;QACpB,IAAI,cAAc,CAAC,CAAE,CAAA,UAAU,YAAY,cAAc,aAAa,UAAS;QAE/E,IAAI,QAAQ,CAAC;QAKb,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;oBAAE,UAAU,QAAQ,QAAQ;gBAAC;YACvF;YACA,MAAM,sBAAsB,GAAG,CAAA,GAAA,6BAAqB;YACpD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,WAAW,GAAG,CAAA,GAAA,kBAAU;YAC9B,MAAM,aAAa,GAAG;QACxB;QAEA,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA;YAC1D;YACA,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,sBAAsB,GAAG,SAAS,+BACtC,KAAiC,EACjC,KAA+B,EAC/B,GAAkC;gBAElC,OAAO,CAAA,GAAA,6BAAqB,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA,GAAG,OAAO;YAC/D;YACA,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;QAC1C;QAEA,IAAI,eAAe,aACjB,MAAM,iBAAiB,GAAG,CAAA,GAAA,wBAAgB;QAG5C,OAAO;IACT,GAAG;QAAC;KAAQ;IAEZ,OAAO;QACL,kBAAkB;IACpB;AACF","sources":["packages/@adobe/react-spectrum/src/dnd/useDragAndDrop.ts"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  DraggableCollectionOptions,\n  DraggableItemProps,\n  DraggableItemResult,\n  DragPreview,\n  useDraggableCollection,\n  useDraggableItem\n} from 'react-aria/useDraggableCollection';\nimport {\n  DraggableCollectionProps,\n  DragItem,\n  DroppableCollectionProps,\n  Key,\n  RefObject\n} from '@react-types/shared';\nimport {\n  DraggableCollectionState,\n  DraggableCollectionStateOptions,\n  useDraggableCollectionState\n} from 'react-stately/useDraggableCollectionState';\nimport {\n  DropIndicatorAria,\n  DropIndicatorProps,\n  DroppableCollectionOptions,\n  DroppableCollectionResult,\n  DroppableItemOptions,\n  DroppableItemResult,\n  useDropIndicator,\n  useDroppableCollection,\n  useDroppableItem\n} from 'react-aria/useDroppableCollection';\nimport {\n  DroppableCollectionState,\n  DroppableCollectionStateOptions,\n  useDroppableCollectionState\n} from 'react-stately/useDroppableCollectionState';\nimport {isVirtualDragging} from 'react-aria/private/dnd/DragManager';\nimport {JSX, useMemo} from 'react';\n\ninterface DraggableCollectionStateOpts<T> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  'getItems'\n> {}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: DraggableCollectionOptions,\n    state: DraggableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => void;\n  useDraggableItem?: (\n    props: DraggableItemProps,\n    state: DraggableCollectionState\n  ) => DraggableItemResult;\n  DragPreview?: typeof DragPreview;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: DroppableCollectionOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableCollectionResult;\n  useDroppableItem?: (\n    options: DroppableItemOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableItemResult;\n  useDropIndicator?: (\n    props: DropIndicatorProps,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DropIndicatorAria;\n}\n\nexport interface DragAndDropHooks<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragHooks<T> &\n    DropHooks & {\n      isVirtualDragging?: () => boolean;\n      renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n    };\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends\n    Omit<DraggableCollectionProps, 'preview' | 'getItems'>,\n    Omit<DroppableCollectionProps, 'onMove'> {\n  /**\n   * A function that returns the items being dragged. If not specified, we assume that the\n   * collection is not draggable.\n   *\n   * @default () => []\n   */\n  getItems?: (keys: Set<Key>, items: T[]) => DragItem[];\n  /**\n   * Provide a custom drag preview. `draggedKey` represents the key of the item the user actually\n   * dragged.\n   */\n  renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n}\n\n/**\n * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible React\n * Spectrum component.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDropHooks {\n  let dragAndDropHooks = useMemo(() => {\n    let {onDrop, onInsert, onItemDrop, onReorder, onRootDrop, getItems, renderPreview} = options;\n\n    let isDraggable = !!getItems;\n    let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onRootDrop);\n\n    let hooks = {} as DragHooks &\n      DropHooks & {\n        isVirtualDragging?: () => boolean;\n        renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n      };\n    if (isDraggable) {\n      hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(\n        props: DraggableCollectionStateOpts<T>\n      ) {\n        return useDraggableCollectionState({...props, ...options, getItems: options.getItems!});\n      };\n      hooks.useDraggableCollection = useDraggableCollection;\n      hooks.useDraggableItem = useDraggableItem;\n      hooks.DragPreview = DragPreview;\n      hooks.renderPreview = renderPreview;\n    }\n\n    if (isDroppable) {\n      hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(\n        props: DroppableCollectionStateOptions\n      ) {\n        return useDroppableCollectionState({...props, ...options});\n      };\n      hooks.useDroppableItem = useDroppableItem;\n      hooks.useDroppableCollection = function useDroppableCollectionOverride(\n        props: DroppableCollectionOptions,\n        state: DroppableCollectionState,\n        ref: RefObject<HTMLElement | null>\n      ) {\n        return useDroppableCollection({...props, ...options}, state, ref);\n      };\n      hooks.useDropIndicator = useDropIndicator;\n    }\n\n    if (isDraggable || isDroppable) {\n      hooks.isVirtualDragging = isVirtualDragging;\n    }\n\n    return hooks;\n  }, [options]);\n\n  return {\n    dragAndDropHooks: dragAndDropHooks\n  };\n}\n"],"names":[],"version":3,"file":"useDragAndDrop.js.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkHM,SAAS,0CAA2B,OAA8B;IACvE,IAAI,mBAAmB,CAAA,GAAA,cAAM,EAAE;QAC7B,IAAI,UAAC,MAAM,YAAE,QAAQ,cAAE,UAAU,aAAE,SAAS,cAAE,UAAU,YAAE,QAAQ,iBAAE,aAAa,EAAC,GAAG;QAErF,IAAI,cAAc,CAAC,CAAC;QACpB,IAAI,cAAc,CAAC,CAAE,CAAA,UAAU,YAAY,cAAc,aAAa,UAAS;QAE/E,IAAI,QAAQ,CAAC;QAKb,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;oBAAE,UAAU,QAAQ,QAAQ;gBAAC;YACvF;YACA,gDAAgD;YAChD,MAAM,sBAAsB,GAAG,CAAA,GAAA,6BAAqB;YACpD,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,WAAW,GAAG,CAAA,GAAA,kBAAU;YAC9B,MAAM,aAAa,GAAG;QACxB;QAEA,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA;YAC1D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,sBAAsB,GAAG,SAAS,+BACtC,KAAiC,EACjC,KAA+B,EAC/B,GAAkC;gBAElC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,6BAAqB,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA,GAAG,OAAO;YAC/D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;QAC1C;QAEA,IAAI,eAAe,aACjB,MAAM,iBAAiB,GAAG,CAAA,GAAA,wBAAgB;QAG5C,OAAO;IACT,GAAG;QAAC;KAAQ;IAEZ,OAAO;QACL,kBAAkB;IACpB;AACF","sources":["packages/@adobe/react-spectrum/src/dnd/useDragAndDrop.ts"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  DraggableCollectionOptions,\n  DraggableItemProps,\n  DraggableItemResult,\n  DragPreview,\n  useDraggableCollection,\n  useDraggableItem\n} from 'react-aria/useDraggableCollection';\nimport {\n  DraggableCollectionProps,\n  DragItem,\n  DroppableCollectionProps,\n  Key,\n  RefObject\n} from '@react-types/shared';\nimport {\n  DraggableCollectionState,\n  DraggableCollectionStateOptions,\n  useDraggableCollectionState\n} from 'react-stately/useDraggableCollectionState';\nimport {\n  DropIndicatorAria,\n  DropIndicatorProps,\n  DroppableCollectionOptions,\n  DroppableCollectionResult,\n  DroppableItemOptions,\n  DroppableItemResult,\n  useDropIndicator,\n  useDroppableCollection,\n  useDroppableItem\n} from 'react-aria/useDroppableCollection';\nimport {\n  DroppableCollectionState,\n  DroppableCollectionStateOptions,\n  useDroppableCollectionState\n} from 'react-stately/useDroppableCollectionState';\nimport {isVirtualDragging} from 'react-aria/private/dnd/DragManager';\nimport {JSX, useMemo} from 'react';\n\ninterface DraggableCollectionStateOpts<T> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  'getItems'\n> {}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: DraggableCollectionOptions,\n    state: DraggableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => void;\n  useDraggableItem?: (\n    props: DraggableItemProps,\n    state: DraggableCollectionState\n  ) => DraggableItemResult;\n  DragPreview?: typeof DragPreview;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: DroppableCollectionOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableCollectionResult;\n  useDroppableItem?: (\n    options: DroppableItemOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableItemResult;\n  useDropIndicator?: (\n    props: DropIndicatorProps,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DropIndicatorAria;\n}\n\nexport interface DragAndDropHooks<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragHooks<T> &\n    DropHooks & {\n      isVirtualDragging?: () => boolean;\n      renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n    };\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends\n    Omit<DraggableCollectionProps, 'preview' | 'getItems'>,\n    Omit<DroppableCollectionProps, 'onMove'> {\n  /**\n   * A function that returns the items being dragged. If not specified, we assume that the\n   * collection is not draggable.\n   *\n   * @default () => []\n   */\n  getItems?: (keys: Set<Key>, items: T[]) => DragItem[];\n  /**\n   * Provide a custom drag preview. `draggedKey` represents the key of the item the user actually\n   * dragged.\n   */\n  renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n}\n\n/**\n * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible React\n * Spectrum component.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDropHooks {\n  let dragAndDropHooks = useMemo(() => {\n    let {onDrop, onInsert, onItemDrop, onReorder, onRootDrop, getItems, renderPreview} = options;\n\n    let isDraggable = !!getItems;\n    let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onRootDrop);\n\n    let hooks = {} as DragHooks &\n      DropHooks & {\n        isVirtualDragging?: () => boolean;\n        renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n      };\n    if (isDraggable) {\n      hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(\n        props: DraggableCollectionStateOpts<T>\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDraggableCollectionState({...props, ...options, getItems: options.getItems!});\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDraggableCollection = useDraggableCollection;\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDraggableItem = useDraggableItem;\n      hooks.DragPreview = DragPreview;\n      hooks.renderPreview = renderPreview;\n    }\n\n    if (isDroppable) {\n      hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(\n        props: DroppableCollectionStateOptions\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDroppableCollectionState({...props, ...options});\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDroppableItem = useDroppableItem;\n      hooks.useDroppableCollection = function useDroppableCollectionOverride(\n        props: DroppableCollectionOptions,\n        state: DroppableCollectionState,\n        ref: RefObject<HTMLElement | null>\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDroppableCollection({...props, ...options}, state, ref);\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDropIndicator = useDropIndicator;\n    }\n\n    if (isDraggable || isDroppable) {\n      hooks.isVirtualDragging = isVirtualDragging;\n    }\n\n    return hooks;\n  }, [options]);\n\n  return {\n    dragAndDropHooks: dragAndDropHooks\n  };\n}\n"],"names":[],"version":3,"file":"useDragAndDrop.js.map"}

package/dist/private/dnd/useDragAndDrop.mjs

@@ -29,31 +29,38 @@ function $b2e02c624cc31fc7$export$2cfc5be7a55829f6(options) {
         let hooks = {};
         if (isDraggable) {
             hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(props) {
+                // oxlint-disable-next-line react/react-compiler
                 return (0, $h8ULG$useDraggableCollectionState)({
                     ...props,
                     ...options,
                     getItems: options.getItems
                 });
             };
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDraggableCollection = (0, $h8ULG$useDraggableCollection);
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDraggableItem = (0, $h8ULG$useDraggableItem);
             hooks.DragPreview = (0, $h8ULG$DragPreview);
             hooks.renderPreview = renderPreview;
         }
         if (isDroppable) {
             hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(props) {
+                // oxlint-disable-next-line react/react-compiler
                 return (0, $h8ULG$useDroppableCollectionState)({
                     ...props,
                     ...options
                 });
             };
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDroppableItem = (0, $h8ULG$useDroppableItem);
             hooks.useDroppableCollection = function useDroppableCollectionOverride(props, state, ref) {
+                // oxlint-disable-next-line react/react-compiler
                 return (0, $h8ULG$useDroppableCollection)({
                     ...props,
                     ...options
                 }, state, ref);
             };
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDropIndicator = (0, $h8ULG$useDropIndicator);
         }
         if (isDraggable || isDroppable) hooks.isVirtualDragging = (0, $h8ULG$isVirtualDragging);

package/dist/private/dnd/useDragAndDrop.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkHM,SAAS,0CAA2B,OAA8B;IACvE,IAAI,mBAAmB,CAAA,GAAA,cAAM,EAAE;QAC7B,IAAI,UAAC,MAAM,YAAE,QAAQ,cAAE,UAAU,aAAE,SAAS,cAAE,UAAU,YAAE,QAAQ,iBAAE,aAAa,EAAC,GAAG;QAErF,IAAI,cAAc,CAAC,CAAC;QACpB,IAAI,cAAc,CAAC,CAAE,CAAA,UAAU,YAAY,cAAc,aAAa,UAAS;QAE/E,IAAI,QAAQ,CAAC;QAKb,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;oBAAE,UAAU,QAAQ,QAAQ;gBAAC;YACvF;YACA,MAAM,sBAAsB,GAAG,CAAA,GAAA,6BAAqB;YACpD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,WAAW,GAAG,CAAA,GAAA,kBAAU;YAC9B,MAAM,aAAa,GAAG;QACxB;QAEA,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA;YAC1D;YACA,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,sBAAsB,GAAG,SAAS,+BACtC,KAAiC,EACjC,KAA+B,EAC/B,GAAkC;gBAElC,OAAO,CAAA,GAAA,6BAAqB,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA,GAAG,OAAO;YAC/D;YACA,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;QAC1C;QAEA,IAAI,eAAe,aACjB,MAAM,iBAAiB,GAAG,CAAA,GAAA,wBAAgB;QAG5C,OAAO;IACT,GAAG;QAAC;KAAQ;IAEZ,OAAO;QACL,kBAAkB;IACpB;AACF","sources":["packages/@adobe/react-spectrum/src/dnd/useDragAndDrop.ts"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  DraggableCollectionOptions,\n  DraggableItemProps,\n  DraggableItemResult,\n  DragPreview,\n  useDraggableCollection,\n  useDraggableItem\n} from 'react-aria/useDraggableCollection';\nimport {\n  DraggableCollectionProps,\n  DragItem,\n  DroppableCollectionProps,\n  Key,\n  RefObject\n} from '@react-types/shared';\nimport {\n  DraggableCollectionState,\n  DraggableCollectionStateOptions,\n  useDraggableCollectionState\n} from 'react-stately/useDraggableCollectionState';\nimport {\n  DropIndicatorAria,\n  DropIndicatorProps,\n  DroppableCollectionOptions,\n  DroppableCollectionResult,\n  DroppableItemOptions,\n  DroppableItemResult,\n  useDropIndicator,\n  useDroppableCollection,\n  useDroppableItem\n} from 'react-aria/useDroppableCollection';\nimport {\n  DroppableCollectionState,\n  DroppableCollectionStateOptions,\n  useDroppableCollectionState\n} from 'react-stately/useDroppableCollectionState';\nimport {isVirtualDragging} from 'react-aria/private/dnd/DragManager';\nimport {JSX, useMemo} from 'react';\n\ninterface DraggableCollectionStateOpts<T> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  'getItems'\n> {}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: DraggableCollectionOptions,\n    state: DraggableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => void;\n  useDraggableItem?: (\n    props: DraggableItemProps,\n    state: DraggableCollectionState\n  ) => DraggableItemResult;\n  DragPreview?: typeof DragPreview;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: DroppableCollectionOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableCollectionResult;\n  useDroppableItem?: (\n    options: DroppableItemOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableItemResult;\n  useDropIndicator?: (\n    props: DropIndicatorProps,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DropIndicatorAria;\n}\n\nexport interface DragAndDropHooks<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragHooks<T> &\n    DropHooks & {\n      isVirtualDragging?: () => boolean;\n      renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n    };\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends\n    Omit<DraggableCollectionProps, 'preview' | 'getItems'>,\n    Omit<DroppableCollectionProps, 'onMove'> {\n  /**\n   * A function that returns the items being dragged. If not specified, we assume that the\n   * collection is not draggable.\n   *\n   * @default () => []\n   */\n  getItems?: (keys: Set<Key>, items: T[]) => DragItem[];\n  /**\n   * Provide a custom drag preview. `draggedKey` represents the key of the item the user actually\n   * dragged.\n   */\n  renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n}\n\n/**\n * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible React\n * Spectrum component.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDropHooks {\n  let dragAndDropHooks = useMemo(() => {\n    let {onDrop, onInsert, onItemDrop, onReorder, onRootDrop, getItems, renderPreview} = options;\n\n    let isDraggable = !!getItems;\n    let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onRootDrop);\n\n    let hooks = {} as DragHooks &\n      DropHooks & {\n        isVirtualDragging?: () => boolean;\n        renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n      };\n    if (isDraggable) {\n      hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(\n        props: DraggableCollectionStateOpts<T>\n      ) {\n        return useDraggableCollectionState({...props, ...options, getItems: options.getItems!});\n      };\n      hooks.useDraggableCollection = useDraggableCollection;\n      hooks.useDraggableItem = useDraggableItem;\n      hooks.DragPreview = DragPreview;\n      hooks.renderPreview = renderPreview;\n    }\n\n    if (isDroppable) {\n      hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(\n        props: DroppableCollectionStateOptions\n      ) {\n        return useDroppableCollectionState({...props, ...options});\n      };\n      hooks.useDroppableItem = useDroppableItem;\n      hooks.useDroppableCollection = function useDroppableCollectionOverride(\n        props: DroppableCollectionOptions,\n        state: DroppableCollectionState,\n        ref: RefObject<HTMLElement | null>\n      ) {\n        return useDroppableCollection({...props, ...options}, state, ref);\n      };\n      hooks.useDropIndicator = useDropIndicator;\n    }\n\n    if (isDraggable || isDroppable) {\n      hooks.isVirtualDragging = isVirtualDragging;\n    }\n\n    return hooks;\n  }, [options]);\n\n  return {\n    dragAndDropHooks: dragAndDropHooks\n  };\n}\n"],"names":[],"version":3,"file":"useDragAndDrop.mjs.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkHM,SAAS,0CAA2B,OAA8B;IACvE,IAAI,mBAAmB,CAAA,GAAA,cAAM,EAAE;QAC7B,IAAI,UAAC,MAAM,YAAE,QAAQ,cAAE,UAAU,aAAE,SAAS,cAAE,UAAU,YAAE,QAAQ,iBAAE,aAAa,EAAC,GAAG;QAErF,IAAI,cAAc,CAAC,CAAC;QACpB,IAAI,cAAc,CAAC,CAAE,CAAA,UAAU,YAAY,cAAc,aAAa,UAAS;QAE/E,IAAI,QAAQ,CAAC;QAKb,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;oBAAE,UAAU,QAAQ,QAAQ;gBAAC;YACvF;YACA,gDAAgD;YAChD,MAAM,sBAAsB,GAAG,CAAA,GAAA,6BAAqB;YACpD,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,WAAW,GAAG,CAAA,GAAA,kBAAU;YAC9B,MAAM,aAAa,GAAG;QACxB;QAEA,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA;YAC1D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,sBAAsB,GAAG,SAAS,+BACtC,KAAiC,EACjC,KAA+B,EAC/B,GAAkC;gBAElC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,6BAAqB,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA,GAAG,OAAO;YAC/D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;QAC1C;QAEA,IAAI,eAAe,aACjB,MAAM,iBAAiB,GAAG,CAAA,GAAA,wBAAgB;QAG5C,OAAO;IACT,GAAG;QAAC;KAAQ;IAEZ,OAAO;QACL,kBAAkB;IACpB;AACF","sources":["packages/@adobe/react-spectrum/src/dnd/useDragAndDrop.ts"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  DraggableCollectionOptions,\n  DraggableItemProps,\n  DraggableItemResult,\n  DragPreview,\n  useDraggableCollection,\n  useDraggableItem\n} from 'react-aria/useDraggableCollection';\nimport {\n  DraggableCollectionProps,\n  DragItem,\n  DroppableCollectionProps,\n  Key,\n  RefObject\n} from '@react-types/shared';\nimport {\n  DraggableCollectionState,\n  DraggableCollectionStateOptions,\n  useDraggableCollectionState\n} from 'react-stately/useDraggableCollectionState';\nimport {\n  DropIndicatorAria,\n  DropIndicatorProps,\n  DroppableCollectionOptions,\n  DroppableCollectionResult,\n  DroppableItemOptions,\n  DroppableItemResult,\n  useDropIndicator,\n  useDroppableCollection,\n  useDroppableItem\n} from 'react-aria/useDroppableCollection';\nimport {\n  DroppableCollectionState,\n  DroppableCollectionStateOptions,\n  useDroppableCollectionState\n} from 'react-stately/useDroppableCollectionState';\nimport {isVirtualDragging} from 'react-aria/private/dnd/DragManager';\nimport {JSX, useMemo} from 'react';\n\ninterface DraggableCollectionStateOpts<T> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  'getItems'\n> {}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: DraggableCollectionOptions,\n    state: DraggableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => void;\n  useDraggableItem?: (\n    props: DraggableItemProps,\n    state: DraggableCollectionState\n  ) => DraggableItemResult;\n  DragPreview?: typeof DragPreview;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: DroppableCollectionOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableCollectionResult;\n  useDroppableItem?: (\n    options: DroppableItemOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableItemResult;\n  useDropIndicator?: (\n    props: DropIndicatorProps,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DropIndicatorAria;\n}\n\nexport interface DragAndDropHooks<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragHooks<T> &\n    DropHooks & {\n      isVirtualDragging?: () => boolean;\n      renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n    };\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends\n    Omit<DraggableCollectionProps, 'preview' | 'getItems'>,\n    Omit<DroppableCollectionProps, 'onMove'> {\n  /**\n   * A function that returns the items being dragged. If not specified, we assume that the\n   * collection is not draggable.\n   *\n   * @default () => []\n   */\n  getItems?: (keys: Set<Key>, items: T[]) => DragItem[];\n  /**\n   * Provide a custom drag preview. `draggedKey` represents the key of the item the user actually\n   * dragged.\n   */\n  renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n}\n\n/**\n * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible React\n * Spectrum component.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDropHooks {\n  let dragAndDropHooks = useMemo(() => {\n    let {onDrop, onInsert, onItemDrop, onReorder, onRootDrop, getItems, renderPreview} = options;\n\n    let isDraggable = !!getItems;\n    let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onRootDrop);\n\n    let hooks = {} as DragHooks &\n      DropHooks & {\n        isVirtualDragging?: () => boolean;\n        renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n      };\n    if (isDraggable) {\n      hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(\n        props: DraggableCollectionStateOpts<T>\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDraggableCollectionState({...props, ...options, getItems: options.getItems!});\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDraggableCollection = useDraggableCollection;\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDraggableItem = useDraggableItem;\n      hooks.DragPreview = DragPreview;\n      hooks.renderPreview = renderPreview;\n    }\n\n    if (isDroppable) {\n      hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(\n        props: DroppableCollectionStateOptions\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDroppableCollectionState({...props, ...options});\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDroppableItem = useDroppableItem;\n      hooks.useDroppableCollection = function useDroppableCollectionOverride(\n        props: DroppableCollectionOptions,\n        state: DroppableCollectionState,\n        ref: RefObject<HTMLElement | null>\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDroppableCollection({...props, ...options}, state, ref);\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDropIndicator = useDropIndicator;\n    }\n\n    if (isDraggable || isDroppable) {\n      hooks.isVirtualDragging = isVirtualDragging;\n    }\n\n    return hooks;\n  }, [options]);\n\n  return {\n    dragAndDropHooks: dragAndDropHooks\n  };\n}\n"],"names":[],"version":3,"file":"useDragAndDrop.mjs.map"}

package/dist/private/dropdown_vars.css

@@ -1,38 +1,38 @@
 .Gil3wW_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.Gil3wW_i18nFontFamily:lang(ar) {
-  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.Gil3wW_i18nFontFamily:lang(he) {
-  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.Gil3wW_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.Gil3wW_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.Gil3wW_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.Gil3wW_i18nFontFamily:lang(zh-SG), .Gil3wW_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.Gil3wW_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.Gil3wW_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .Gil3wW_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.Gil3wW_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.Gil3wW_spectrum-FocusRing.Gil3wW_focus-ring:after {
-  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+.Gil3wW_spectrum-FocusRing {
+  &.Gil3wW_focus-ring {
+    &:after {
+      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
-.Gil3wW_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.Gil3wW_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.Gil3wW_spectrum-FocusRing--quiet.Gil3wW_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.Gil3wW_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
         0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .Gil3wW_spectrum-FocusRing, .Gil3wW_spectrum-FocusRing-ring, .Gil3wW_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.Gil3wW_spectrum-FocusRing, .Gil3wW_spectrum-FocusRing-ring, .Gil3wW_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -88,25 +96,25 @@
   min-inline-size: var(--spectrum-dropdown-min-width, var(--spectrum-global-dimension-size-600));
   display: inline-block;
   position: relative;
-}
 
-.Gil3wW_spectrum-Dropdown select {
-  appearance: none;
-}
+  & select {
+    appearance: none;
 
-.Gil3wW_spectrum-Dropdown select::-ms-expand {
-  display: none;
-}
+    &::-ms-expand {
+      display: none;
+    }
 
-.Gil3wW_spectrum-Dropdown select::-ms-value {
-  background-color: #0000;
-}
+    &::-ms-value {
+      background-color: #0000;
+    }
 
-.Gil3wW_spectrum-Dropdown select + .Gil3wW_spectrum-Dropdown-chevron {
-  margin-block-start: calc(var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75)) / -2);
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-end: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
+    & + .Gil3wW_spectrum-Dropdown-chevron {
+      margin-block-start: calc(var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75)) / -2);
+      position: absolute;
+      inset-block-start: 50%;
+      inset-inline-end: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
+    }
+  }
 }
 
 .Gil3wW_spectrum-Dropdown-trigger {
@@ -127,12 +135,12 @@
   text-align: start;
   flex: auto;
   overflow: hidden;
-}
 
-.Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
-  font-weight: var(--spectrum-dropdown-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
-  font-style: var(--spectrum-dropdown-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
-  transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+  &.Gil3wW_is-placeholder {
+    font-weight: var(--spectrum-dropdown-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
+    font-style: var(--spectrum-dropdown-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
+    transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+  }
 }
 
 .Gil3wW_spectrum-Dropdown-label + .Gil3wW_spectrum-Dropdown-chevron {
@@ -162,17 +170,25 @@
   position: relative;
 }
 
-.Gil3wW_spectrum-Dropdown-trigger .Gil3wW_spectrum-Dropdown-invalidIcon {
-  margin-block-start: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) -
+.Gil3wW_spectrum-Dropdown-trigger {
+  & .Gil3wW_spectrum-Dropdown-invalidIcon {
+    margin-block-start: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) -
             var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) /
         2);
-  margin-block-end: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) -
+    margin-block-end: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) -
             var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) /
         2);
+  }
+
+  & .Gil3wW_spectrum-Dropdown-label + .Gil3wW_spectrum-Dropdown-invalidIcon {
+    margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
+  }
 }
 
-.Gil3wW_spectrum-Dropdown-trigger .Gil3wW_spectrum-Dropdown-label + .Gil3wW_spectrum-Dropdown-invalidIcon, .Gil3wW_spectrum-Dropdown-trigger .Gil3wW_spectrum-Dropdown-progressCircle {
-  margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
+.Gil3wW_spectrum-Dropdown-trigger {
+  & .Gil3wW_spectrum-Dropdown-progressCircle {
+    margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
+  }
 }
 
 .Gil3wW_spectrum-Icon + .Gil3wW_spectrum-Dropdown-chevron {
@@ -182,10 +198,10 @@
 .Gil3wW_spectrum-Dropdown--quiet {
   inline-size: auto;
   min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
-}
 
-.Gil3wW_spectrum-Dropdown--quiet .Gil3wW_spectrum-Dropdown-trigger {
-  contain: none;
+  & .Gil3wW_spectrum-Dropdown-trigger {
+    contain: none;
+  }
 }
 
 .Gil3wW_spectrum-Dropdown-popover--quiet {
@@ -199,60 +215,78 @@
   flex-direction: column;
   max-width: 100%;
   display: inline-flex;
-}
 
-.Gil3wW_spectrum-Field.Gil3wW_spectrum-Dropdown-fieldWrapper--quiet .Gil3wW_spectrum-Dropdown--quiet {
-  inline-size: auto;
-  min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
-}
+  & .Gil3wW_spectrum-Dropdown--quiet {
+    inline-size: auto;
+    min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
 
-.Gil3wW_spectrum-Field.Gil3wW_spectrum-Dropdown-fieldWrapper--quiet .Gil3wW_spectrum-Dropdown--quiet .Gil3wW_spectrum-Dropdown-trigger {
-  inline-size: max-content;
-  max-width: 100%;
-}
+    & .Gil3wW_spectrum-Dropdown-trigger {
+      inline-size: max-content;
+      max-width: 100%;
+    }
+  }
 
-.Gil3wW_spectrum-Field.Gil3wW_spectrum-Dropdown-fieldWrapper--quiet.Gil3wW_spectrum-Dropdown-fieldWrapper--positionSide {
-  flex-direction: row;
+  &.Gil3wW_spectrum-Dropdown-fieldWrapper--positionSide {
+    flex-direction: row;
+  }
 }
 
 .Gil3wW_spectrum-Dropdown {
   --spectrum-dropdown-placeholder-text-color: var(--spectrum-global-color-gray-800);
-}
 
-.Gil3wW_spectrum-Dropdown .Gil3wW_spectrum-Dropdown-trigger.Gil3wW_is-selected .Gil3wW_is-placeholder {
-  color: var(--spectrum-dropdown-placeholder-text-color-down, var(--spectrum-global-color-gray-900));
-}
+  & .Gil3wW_spectrum-Dropdown-trigger {
+    &.Gil3wW_is-selected {
+      & .Gil3wW_is-placeholder {
+        color: var(--spectrum-dropdown-placeholder-text-color-down, var(--spectrum-global-color-gray-900));
+      }
+    }
+  }
 
-.Gil3wW_spectrum-Dropdown.Gil3wW_is-invalid .Gil3wW_spectrum-Dropdown-invalidIcon.Gil3wW_spectrum-Dropdown-invalidIcon {
-  fill: var(--spectrum-dropdown-validation-icon-color-error, var(--spectrum-semantic-negative-color-icon));
-}
+  &.Gil3wW_is-invalid {
+    & .Gil3wW_spectrum-Dropdown-invalidIcon.Gil3wW_spectrum-Dropdown-invalidIcon {
+      fill: var(--spectrum-dropdown-validation-icon-color-error, var(--spectrum-semantic-negative-color-icon));
+    }
 
-.Gil3wW_spectrum-Dropdown.Gil3wW_is-invalid.Gil3wW_is-disabled .Gil3wW_spectrum-Icon, .Gil3wW_spectrum-Dropdown.Gil3wW_is-invalid.Gil3wW_is-disabled .Gil3wW_spectrum-Dropdown-invalidIcon {
-  fill: var(--spectrum-dropdown-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
-}
+    &.Gil3wW_is-disabled {
+      & .Gil3wW_spectrum-Icon, & .Gil3wW_spectrum-Dropdown-invalidIcon {
+        fill: var(--spectrum-dropdown-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
+      }
+    }
+  }
 
-.Gil3wW_spectrum-Dropdown.Gil3wW_is-disabled:active .Gil3wW_spectrum-Dropdown-label {
-  color: var(--spectrum-dropdown-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
+  &.Gil3wW_is-disabled {
+    &:active .Gil3wW_spectrum-Dropdown-label {
+      color: var(--spectrum-dropdown-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+    }
 
-.Gil3wW_spectrum-Dropdown.Gil3wW_is-disabled .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
-  color: var(--spectrum-dropdown-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+    & .Gil3wW_spectrum-Dropdown-label {
+      &.Gil3wW_is-placeholder {
+        color: var(--spectrum-dropdown-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+      }
+    }
+  }
 }
 
-.Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
-  color: var(--spectrum-dropdown-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
+.Gil3wW_spectrum-Dropdown-label {
+  &.Gil3wW_is-placeholder {
+    color: var(--spectrum-dropdown-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
+  }
 }
 
-.Gil3wW_spectrum-Dropdown-trigger.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
-  color: var(--spectrum-dropdown-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
-}
+.Gil3wW_spectrum-Dropdown-trigger {
+  &.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
+    color: var(--spectrum-dropdown-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
+  }
 
-.Gil3wW_spectrum-Dropdown-trigger:active .Gil3wW_spectrum-Dropdown-label {
-  color: var(--spectrum-dropdown-placeholder-text-color-mouse-focus, var(--spectrum-global-color-gray-900));
+  &:active .Gil3wW_spectrum-Dropdown-label {
+    color: var(--spectrum-dropdown-placeholder-text-color-mouse-focus, var(--spectrum-global-color-gray-900));
+  }
 }
 
-.Gil3wW_spectrum-Dropdown-trigger.Gil3wW_focus-ring .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
-  color: var(--spectrum-dropdown-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
+.Gil3wW_spectrum-Dropdown-trigger.Gil3wW_focus-ring {
+  & .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
+    color: var(--spectrum-dropdown-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
+  }
 }
 
 @media (forced-colors: active) {
@@ -271,12 +305,14 @@
     --spectrum-dropdown-validation-icon-color-error: ButtonText;
   }
 
-  .Gil3wW_spectrum-Dropdown-trigger.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
-    color: buttontext;
-  }
+  .Gil3wW_spectrum-Dropdown-trigger {
+    &.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
+      color: buttontext;
 
-  .Gil3wW_spectrum-Dropdown-trigger.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
-    color: graytext;
+      &.Gil3wW_is-placeholder {
+        color: graytext;
+      }
+    }
   }
 }
 /*# sourceMappingURL=dropdown_vars.css.map */

package/dist/private/dropdown_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmOF;;;;;;;;;;;;;;;;;AAgBE","sources":["packages/@adobe/spectrum-css-temp/components/dropdown/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"dropdown_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JF;;;;;;;;;;;AAeF;;;;;;;;;;;;;;;;;;;;;;;;;AAgCI;;;;;;EAMF;;;;;;;;;;EAuBI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CJ;;;;;AAKF;EACE","sources":["packages/@adobe/spectrum-css-temp/components/dropdown/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"dropdown_vars.css.map"}

package/dist/private/dropzone/DropZone.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,0DAAC,CAAA,GAAA,wCAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,gDAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,0DAAC,CAAA,GAAA,2CAAU;QACR,GAAG,CAAA,GAAA,qCAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YACvC;QACF;OACC,yBAEH,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACnC,0DAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/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, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\n// @ts-ignore\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n  extends\n    Omit<\n      DropZoneProps,\n      | 'onHoverStart'\n      | 'onHoverChange'\n      | 'onHoverEnd'\n      | 'isDisabled'\n      | 'className'\n      | 'style'\n      | 'render'\n    >,\n    DOMProps,\n    StyleProps,\n    AriaLabelingProps {\n  /** The content to display in the drop zone. */\n  children: ReactNode;\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean;\n  /** The message to replace the default banner message that is shown when the drop zone is filled. */\n  replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n  return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n  props: SpectrumDropZoneProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, isFilled, replaceMessage, ...otherProps} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  let messageId = useId();\n  let headingId = useId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n  let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n  return (\n    <Provider values={[[HeadingContext, {id: headingId}]]}>\n      <RACDropZone\n        {...mergeProps(filterProps(otherProps))}\n        {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n        aria-labelledby={ariaLabelledby}\n        className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n          'spectrum-Dropzone--filled': isFilled\n        })}\n        ref={domRef}>\n        <SlotProvider\n          slots={{\n            illustration: {\n              UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n            }\n          }}>\n          {children}\n        </SlotProvider>\n        <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n        <div\n          id={messageId}\n          className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n          {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n        </div>\n      </RACDropZone>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAwCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,0DAAC,CAAA,GAAA,wCAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,gDAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,0DAAC,CAAA,GAAA,2CAAU;QACR,GAAG,CAAA,GAAA,qCAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YACvC;QACF;OACC,yBAEH,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACnC,0DAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/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, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n  extends\n    Omit<\n      DropZoneProps,\n      | 'onHoverStart'\n      | 'onHoverChange'\n      | 'onHoverEnd'\n      | 'isDisabled'\n      | 'className'\n      | 'style'\n      | 'render'\n    >,\n    DOMProps,\n    StyleProps,\n    AriaLabelingProps {\n  /** The content to display in the drop zone. */\n  children: ReactNode;\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean;\n  /** The message to replace the default banner message that is shown when the drop zone is filled. */\n  replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n  return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n  props: SpectrumDropZoneProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, isFilled, replaceMessage, ...otherProps} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  let messageId = useId();\n  let headingId = useId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n  let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n  return (\n    <Provider values={[[HeadingContext, {id: headingId}]]}>\n      <RACDropZone\n        {...mergeProps(filterProps(otherProps))}\n        {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n        aria-labelledby={ariaLabelledby}\n        className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n          'spectrum-Dropzone--filled': isFilled\n        })}\n        ref={domRef}>\n        <SlotProvider\n          slots={{\n            illustration: {\n              UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n            }\n          }}>\n          {children}\n        </SlotProvider>\n        <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n        <div\n          id={messageId}\n          className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n          {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n        </div>\n      </RACDropZone>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.cjs.map"}

package/dist/private/dropzone/DropZone.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/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, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\n// @ts-ignore\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n  extends\n    Omit<\n      DropZoneProps,\n      | 'onHoverStart'\n      | 'onHoverChange'\n      | 'onHoverEnd'\n      | 'isDisabled'\n      | 'className'\n      | 'style'\n      | 'render'\n    >,\n    DOMProps,\n    StyleProps,\n    AriaLabelingProps {\n  /** The content to display in the drop zone. */\n  children: ReactNode;\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean;\n  /** The message to replace the default banner message that is shown when the drop zone is filled. */\n  replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n  return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n  props: SpectrumDropZoneProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, isFilled, replaceMessage, ...otherProps} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  let messageId = useId();\n  let headingId = useId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n  let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n  return (\n    <Provider values={[[HeadingContext, {id: headingId}]]}>\n      <RACDropZone\n        {...mergeProps(filterProps(otherProps))}\n        {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n        aria-labelledby={ariaLabelledby}\n        className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n          'spectrum-Dropzone--filled': isFilled\n        })}\n        ref={domRef}>\n        <SlotProvider\n          slots={{\n            illustration: {\n              UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n            }\n          }}>\n          {children}\n        </SlotProvider>\n        <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n        <div\n          id={messageId}\n          className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n          {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n        </div>\n      </RACDropZone>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAwCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/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, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n  extends\n    Omit<\n      DropZoneProps,\n      | 'onHoverStart'\n      | 'onHoverChange'\n      | 'onHoverEnd'\n      | 'isDisabled'\n      | 'className'\n      | 'style'\n      | 'render'\n    >,\n    DOMProps,\n    StyleProps,\n    AriaLabelingProps {\n  /** The content to display in the drop zone. */\n  children: ReactNode;\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean;\n  /** The message to replace the default banner message that is shown when the drop zone is filled. */\n  replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n  return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n  props: SpectrumDropZoneProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, isFilled, replaceMessage, ...otherProps} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  let messageId = useId();\n  let headingId = useId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n  let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n  return (\n    <Provider values={[[HeadingContext, {id: headingId}]]}>\n      <RACDropZone\n        {...mergeProps(filterProps(otherProps))}\n        {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n        aria-labelledby={ariaLabelledby}\n        className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n          'spectrum-Dropzone--filled': isFilled\n        })}\n        ref={domRef}>\n        <SlotProvider\n          slots={{\n            illustration: {\n              UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n            }\n          }}>\n          {children}\n        </SlotProvider>\n        <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n        <div\n          id={messageId}\n          className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n          {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n        </div>\n      </RACDropZone>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.js.map"}

package/dist/private/dropzone/DropZone.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/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, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\n// @ts-ignore\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n  extends\n    Omit<\n      DropZoneProps,\n      | 'onHoverStart'\n      | 'onHoverChange'\n      | 'onHoverEnd'\n      | 'isDisabled'\n      | 'className'\n      | 'style'\n      | 'render'\n    >,\n    DOMProps,\n    StyleProps,\n    AriaLabelingProps {\n  /** The content to display in the drop zone. */\n  children: ReactNode;\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean;\n  /** The message to replace the default banner message that is shown when the drop zone is filled. */\n  replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n  return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n  props: SpectrumDropZoneProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, isFilled, replaceMessage, ...otherProps} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  let messageId = useId();\n  let headingId = useId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n  let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n  return (\n    <Provider values={[[HeadingContext, {id: headingId}]]}>\n      <RACDropZone\n        {...mergeProps(filterProps(otherProps))}\n        {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n        aria-labelledby={ariaLabelledby}\n        className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n          'spectrum-Dropzone--filled': isFilled\n        })}\n        ref={domRef}>\n        <SlotProvider\n          slots={{\n            illustration: {\n              UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n            }\n          }}>\n          {children}\n        </SlotProvider>\n        <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n        <div\n          id={messageId}\n          className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n          {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n        </div>\n      </RACDropZone>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAwCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/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, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n  extends\n    Omit<\n      DropZoneProps,\n      | 'onHoverStart'\n      | 'onHoverChange'\n      | 'onHoverEnd'\n      | 'isDisabled'\n      | 'className'\n      | 'style'\n      | 'render'\n    >,\n    DOMProps,\n    StyleProps,\n    AriaLabelingProps {\n  /** The content to display in the drop zone. */\n  children: ReactNode;\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean;\n  /** The message to replace the default banner message that is shown when the drop zone is filled. */\n  replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n  return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n  props: SpectrumDropZoneProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {children, isFilled, replaceMessage, ...otherProps} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  let messageId = useId();\n  let headingId = useId();\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n  let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n  return (\n    <Provider values={[[HeadingContext, {id: headingId}]]}>\n      <RACDropZone\n        {...mergeProps(filterProps(otherProps))}\n        {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n        aria-labelledby={ariaLabelledby}\n        className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n          'spectrum-Dropzone--filled': isFilled\n        })}\n        ref={domRef}>\n        <SlotProvider\n          slots={{\n            illustration: {\n              UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n            }\n          }}>\n          {children}\n        </SlotProvider>\n        <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n        <div\n          id={messageId}\n          className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n          {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n        </div>\n      </RACDropZone>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.mjs.map"}