@eightshift/ui-components 1.3.2 → 1.4.0

package/dist/{GridList-DjRnMEae.js → GridList-PBJsm70G.js}

@@ -1,23 +1,23 @@
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-DTARR6Ff.js";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-uYE9D_E3.js";
 import { $ as $4e85f108e88277b8$export$b085522c77523c51 } from "./RSPContexts-DQtGvvpM.js";
-import { k as $ef06256079686ba0$export$f8aeda7b10753fa1, l as $c5a24bc478652b5f$export$7475b2c64539e4cf, f as $880e95eb8b93ba9a$export$ecf600387e221c37, m as $2f04cbc44ee30ce0$export$c826860796309d1b, n as $7135fc7d473fd974$export$6cd28814d92fa9c9, o as $7135fc7d473fd974$export$727c8fc270210f13, j as $7135fc7d473fd974$export$e7c29ae2353b16ea } from "./SelectionManager-JxXmb3-k.js";
-import { e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, n as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, s as $64fa3d84918910a7$export$c62b8e45d58ddad9 } from "./utils-DC-UMp1n.js";
-import { d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, e as $d8f176866e6dc039$export$d188a835a7bc5783, f as $d8f176866e6dc039$export$f55761759794cf55, a as $d8f176866e6dc039$export$62ed72bc21f6b8a6 } from "./ListBox-DTKMdjQC.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-qjognpzK.js";
+import { o as $ef06256079686ba0$export$f8aeda7b10753fa1, p as $c5a24bc478652b5f$export$7475b2c64539e4cf, c as $880e95eb8b93ba9a$export$ecf600387e221c37, q as $2f04cbc44ee30ce0$export$c826860796309d1b, d as $e1995378a142960e$export$18af5c7a9e9b3664, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, r as $7135fc7d473fd974$export$a164736487e3f0ae, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec } from "./SelectionManager-CvRaua4m.js";
+import { e as $bdb11010cef70236$export$f680877a34711e37, c as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, n as $ff5963eb1fccf552$export$e08e3b67e392101e, l as $df56164dff5785e2$export$4338b53315abf666, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, q as $64fa3d84918910a7$export$c62b8e45d58ddad9, a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-B4IdLYb8.js";
+import { e as $eed445e0843c11d0$export$7c5906fe4f1f2af2, f as $612b8eb6cb90e02d$export$d188a835a7bc5783, g as $612b8eb6cb90e02d$export$f55761759794cf55, h as $612b8eb6cb90e02d$export$d1e8e3fbb7461f6, i as $612b8eb6cb90e02d$export$971707d8a129a1f7 } from "./ListBox-MZyPpwvj.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-D8qh3_U7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import React__default, { useRef, useEffect, useMemo, createContext, forwardRef, useContext } from "react";
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-IllYYnXV.js";
-import { w as $507fabe10e71c6fb$export$98e20ec92f614cfe, h as $6a99195332edec8b$export$80f3e147d781571c, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-DGZ4R5fj.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-Cwm_siat.js";
+import React__default, { useRef, useEffect, useMemo, forwardRef, useContext, createContext } from "react";
+import { d as $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 } from "./usePress-CY8MpqYD.js";
+import { $ as $62d8ded9296f3872$export$cfa2225e87938781 } from "./getScrollParent-B3XgpXBL.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa, $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-CVd6C65L.js";
+import { t as $507fabe10e71c6fb$export$98e20ec92f614cfe, h as $6a99195332edec8b$export$80f3e147d781571c, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-PMGZgZ9-.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Bon2Gyx5.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CVIIVTgz.js";
 import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./LiveAnnouncer-D8h-3GrG.js";
-import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "./useHasTabbableChild-M3O3VIil.js";
-import { $ as $982254629710d113$export$b95089534ab7c1fd, a as $2a25aae57d74318e$export$a05409b8bb224a5a } from "./Separator-CX64zwq8.js";
-import { d as $ea8dcbcb9ea1b556$export$51437d503373d223 } from "./usePress-CiXj8dLE.js";
-import { a as $62d8ded9296f3872$export$cfa2225e87938781 } from "./ariaHideOutside-BZ5z6iCD.js";
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa, $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-BjM5iOQC.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BG_1RnbC.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Dg5Y_10S.js";
-import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-BZPezMV5.js";
+import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "./useHasTabbableChild-Byd7ylXD.js";
+import { $ as $982254629710d113$export$b95089534ab7c1fd, b as $325a3faab7a68acd$export$a16aca283550c30d, c as $2a25aae57d74318e$export$a05409b8bb224a5a } from "./Separator-C7Few7L6.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DsxEaA2J.js";
+import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-DD480kAb.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-Csx05BmT.js";
 function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
   const isInitialMount = useRef(true);
   const lastDeps = useRef(null);
@@ -613,7 +613,7 @@ function $7cb39d07f245a780$export$70e2eed1a92976ad(props, state) {
   let checkboxId = $bdb11010cef70236$export$f680877a34711e37();
   let isDisabled = !state.selectionManager.canSelectItem(key);
   let isSelected = state.selectionManager.isSelected(key);
-  let onChange = () => manager.select(key);
+  let onChange = () => manager.toggleSelection(key);
   const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($835c96616a7cb4f9$exports), "@react-aria/grid");
   return {
     checkboxProps: {
@@ -626,7 +626,7 @@ function $7cb39d07f245a780$export$70e2eed1a92976ad(props, state) {
   };
 }
 function $f47efb0c3a859cf2$export$664f9155035607eb(props, state, ref) {
-  let { isVirtualized, keyboardDelegate, onAction, linkBehavior = "action" } = props;
+  let { isVirtualized, keyboardDelegate, layoutDelegate, onAction, linkBehavior = "action", keyboardNavigationBehavior = "arrow" } = props;
   if (!props["aria-label"] && !props["aria-labelledby"]) console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
   let { listProps } = $982254629710d113$export$b95089534ab7c1fd({
     selectionManager: state.selectionManager,
@@ -634,6 +634,7 @@ function $f47efb0c3a859cf2$export$664f9155035607eb(props, state, ref) {
     disabledKeys: state.disabledKeys,
     ref,
     keyboardDelegate,
+    layoutDelegate,
     isVirtualized,
     selectOnFocus: state.selectionManager.selectionBehavior === "replace",
     shouldFocusWrap: props.shouldFocusWrap,
@@ -643,7 +644,8 @@ function $f47efb0c3a859cf2$export$664f9155035607eb(props, state, ref) {
   $ce9b18daab526bbd$export$5b9bb410392e3991.set(state, {
     id,
     onAction,
-    linkBehavior
+    linkBehavior,
+    keyboardNavigationBehavior
   });
   let descriptionProps = $5b9b5b5723db6ae1$export$be42ebdab07ae4c2({
     selectionManager: state.selectionManager,
@@ -691,7 +693,7 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
   var _node_props, _node_props1;
   let { node, isVirtualized, shouldSelectOnPressUp } = props;
   let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  let { onAction, linkBehavior } = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state);
+  let { onAction, linkBehavior, keyboardNavigationBehavior } = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state);
   let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
   let keyWhenFocused = useRef(null);
   let focus = () => {
@@ -742,66 +744,68 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
       }
     }
     switch (e.key) {
-      case "ArrowLeft": {
-        let focusable = direction === "rtl" ? walker.nextNode() : walker.previousNode();
-        if (focusable) {
-          e.preventDefault();
-          e.stopPropagation();
-          $6a99195332edec8b$export$80f3e147d781571c(focusable);
-          $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
-            containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
-          });
-        } else {
-          e.preventDefault();
-          e.stopPropagation();
-          if (direction === "rtl") {
-            $6a99195332edec8b$export$80f3e147d781571c(ref.current);
-            $2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
+      case "ArrowLeft":
+        if (keyboardNavigationBehavior === "arrow") {
+          let focusable = direction === "rtl" ? walker.nextNode() : walker.previousNode();
+          if (focusable) {
+            e.preventDefault();
+            e.stopPropagation();
+            $6a99195332edec8b$export$80f3e147d781571c(focusable);
+            $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
               containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
             });
           } else {
-            walker.currentNode = ref.current;
-            let lastElement = $4e8b0456ef72939f$var$last(walker);
-            if (lastElement) {
-              $6a99195332edec8b$export$80f3e147d781571c(lastElement);
-              $2f04cbc44ee30ce0$export$c826860796309d1b(lastElement, {
+            e.preventDefault();
+            e.stopPropagation();
+            if (direction === "rtl") {
+              $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+              $2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
                 containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
               });
+            } else {
+              walker.currentNode = ref.current;
+              let lastElement = $4e8b0456ef72939f$var$last(walker);
+              if (lastElement) {
+                $6a99195332edec8b$export$80f3e147d781571c(lastElement);
+                $2f04cbc44ee30ce0$export$c826860796309d1b(lastElement, {
+                  containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
+                });
+              }
             }
           }
         }
         break;
-      }
-      case "ArrowRight": {
-        let focusable = direction === "rtl" ? walker.previousNode() : walker.nextNode();
-        if (focusable) {
-          e.preventDefault();
-          e.stopPropagation();
-          $6a99195332edec8b$export$80f3e147d781571c(focusable);
-          $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
-            containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
-          });
-        } else {
-          e.preventDefault();
-          e.stopPropagation();
-          if (direction === "ltr") {
-            $6a99195332edec8b$export$80f3e147d781571c(ref.current);
-            $2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
+      case "ArrowRight":
+        if (keyboardNavigationBehavior === "arrow") {
+          let focusable = direction === "rtl" ? walker.previousNode() : walker.nextNode();
+          if (focusable) {
+            e.preventDefault();
+            e.stopPropagation();
+            $6a99195332edec8b$export$80f3e147d781571c(focusable);
+            $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
               containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
             });
           } else {
-            walker.currentNode = ref.current;
-            let lastElement = $4e8b0456ef72939f$var$last(walker);
-            if (lastElement) {
-              $6a99195332edec8b$export$80f3e147d781571c(lastElement);
-              $2f04cbc44ee30ce0$export$c826860796309d1b(lastElement, {
+            e.preventDefault();
+            e.stopPropagation();
+            if (direction === "ltr") {
+              $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+              $2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
                 containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
               });
+            } else {
+              walker.currentNode = ref.current;
+              let lastElement = $4e8b0456ef72939f$var$last(walker);
+              if (lastElement) {
+                $6a99195332edec8b$export$80f3e147d781571c(lastElement);
+                $2f04cbc44ee30ce0$export$c826860796309d1b(lastElement, {
+                  containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
+                });
+              }
             }
           }
         }
         break;
-      }
       case "ArrowUp":
       case "ArrowDown":
         if (!e.altKey && ref.current.contains(e.target)) {
@@ -810,6 +814,15 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
           ref.current.parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
         }
         break;
+      case "Tab":
+        if (keyboardNavigationBehavior === "tab") {
+          let walker2 = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current, {
+            tabbable: true
+          });
+          walker2.currentNode = document.activeElement;
+          let next = e.shiftKey ? walker2.previousNode() : walker2.nextNode();
+          if (next) e.stopPropagation();
+        }
     }
   };
   let onFocus = (e) => {
@@ -819,7 +832,8 @@ function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
       return;
     }
   };
-  let linkProps = itemStates.hasAction ? $ea8dcbcb9ea1b556$export$51437d503373d223(node.props) : {};
+  let syntheticLinkProps = $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(node.props);
+  let linkProps = itemStates.hasAction ? syntheticLinkProps : {};
   let rowProps = $3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, linkProps, {
     role: "row",
     onKeyDownCapture: onKeyDown,
@@ -869,34 +883,54 @@ function $e52ffc04a4adbd52$export$e29f2573fabbf7b9(props, state) {
 const $72e60046c03fbe42$export$54fe942636b6416d = /* @__PURE__ */ createContext(null);
 function $72e60046c03fbe42$var$GridList(props, ref) {
   [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $72e60046c03fbe42$export$54fe942636b6416d);
-  let { collection, portal } = $7135fc7d473fd974$export$6cd28814d92fa9c9(props);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, portal, /* @__PURE__ */ React__default.createElement($72e60046c03fbe42$var$GridListInner, {
+  return /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$bf788dd355e3a401, {
+    content: /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$fb8073518f34e6ec, props)
+  }, (collection) => /* @__PURE__ */ React__default.createElement($72e60046c03fbe42$var$GridListInner, {
     props,
     collection,
     gridListRef: ref
   }));
 }
 function $72e60046c03fbe42$var$GridListInner({ props, collection, gridListRef: ref }) {
-  let { dragAndDropHooks } = props;
+  let { dragAndDropHooks, keyboardNavigationBehavior = "arrow", layout = "stack" } = props;
+  let { CollectionRoot, isVirtualized, layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
   let state = $e72dd72e1c76a225$export$2f645645f7bca764({
     ...props,
     collection,
     children: void 0
   });
-  let { gridProps } = $f47efb0c3a859cf2$export$664f9155035607eb(props, state, ref);
-  let children = $7135fc7d473fd974$export$727c8fc270210f13({
-    items: collection,
-    children: (item) => {
-      switch (item.type) {
-        case "item":
-          return /* @__PURE__ */ React__default.createElement($72e60046c03fbe42$var$GridListRow, {
-            item
-          });
-        default:
-          throw new Error("Unsupported node type in GridList: " + item.type);
-      }
-    }
+  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
+    usage: "search",
+    sensitivity: "base"
   });
+  let { disabledBehavior, disabledKeys } = state.selectionManager;
+  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let keyboardDelegate = useMemo(() => new $2a25aae57d74318e$export$a05409b8bb224a5a({
+    collection,
+    collator,
+    ref,
+    disabledKeys,
+    disabledBehavior,
+    layoutDelegate,
+    layout,
+    direction
+  }), [
+    collection,
+    ref,
+    layout,
+    disabledKeys,
+    disabledBehavior,
+    layoutDelegate,
+    collator,
+    direction
+  ]);
+  let { gridProps } = $f47efb0c3a859cf2$export$664f9155035607eb({
+    ...props,
+    keyboardDelegate,
+    // Only tab navigation is supported in grid layout.
+    keyboardNavigationBehavior: layout === "grid" ? "tab" : keyboardNavigationBehavior,
+    isVirtualized
+  }, state, ref);
   let selectionManager = state.selectionManager;
   let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
   let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
@@ -932,15 +966,18 @@ function $72e60046c03fbe42$var$GridListInner({ props, collection, gridListRef: r
       collection,
       selectionManager
     });
-    let keyboardDelegate = new $2a25aae57d74318e$export$a05409b8bb224a5a({
+    let keyboardDelegate2 = new $2a25aae57d74318e$export$a05409b8bb224a5a({
       collection,
       disabledKeys: selectionManager.disabledKeys,
       disabledBehavior: selectionManager.disabledBehavior,
       ref
     });
-    let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection, ref);
+    let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || ctxDropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection, ref, {
+      layout,
+      direction
+    });
     droppableCollection = dragAndDropHooks.useDroppableCollection({
-      keyboardDelegate,
+      keyboardDelegate: keyboardDelegate2,
       dropTargetDelegate
     }, dropState, ref);
     isRootDropTarget = dropState.isDropTarget({
@@ -953,6 +990,7 @@ function $72e60046c03fbe42$var$GridListInner({ props, collection, gridListRef: r
     isEmpty: state.collection.size === 0,
     isFocused,
     isFocusVisible,
+    layout,
     state
   };
   let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
@@ -987,7 +1025,8 @@ function $72e60046c03fbe42$var$GridListInner({ props, collection, gridListRef: r
     "data-drop-target": isRootDropTarget || void 0,
     "data-empty": state.collection.size === 0 || void 0,
     "data-focused": isFocused || void 0,
-    "data-focus-visible": isFocusVisible || void 0
+    "data-focus-visible": isFocusVisible || void 0,
+    "data-layout": layout
   }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
     values: [
       [
@@ -995,7 +1034,7 @@ function $72e60046c03fbe42$var$GridListInner({ props, collection, gridListRef: r
         state
       ],
       [
-        $d8f176866e6dc039$export$d188a835a7bc5783,
+        $612b8eb6cb90e02d$export$d188a835a7bc5783,
         {
           dragAndDropHooks,
           dragState,
@@ -1003,26 +1042,29 @@ function $72e60046c03fbe42$var$GridListInner({ props, collection, gridListRef: r
         }
       ],
       [
-        $d8f176866e6dc039$export$f55761759794cf55,
+        $612b8eb6cb90e02d$export$f55761759794cf55,
         {
           render: $72e60046c03fbe42$var$GridListDropIndicatorWrapper
         }
       ]
     ]
-  }, isListDroppable && /* @__PURE__ */ React__default.createElement($72e60046c03fbe42$var$RootDropIndicator, null), children), emptyState, dragPreview));
+  }, isListDroppable && /* @__PURE__ */ React__default.createElement($72e60046c03fbe42$var$RootDropIndicator, null), /* @__PURE__ */ React__default.createElement(CollectionRoot, {
+    collection,
+    scrollRef: ref,
+    persistedKeys: $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState),
+    renderDropIndicator: $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState)
+  })), emptyState, dragPreview));
 }
 const $72e60046c03fbe42$export$a7bfbda1311ca015 = /* @__PURE__ */ forwardRef($72e60046c03fbe42$var$GridList);
-function $72e60046c03fbe42$var$GridListItem(props, ref) {
-  return $7135fc7d473fd974$export$e7c29ae2353b16ea("item", props, ref, props.children);
-}
-const $72e60046c03fbe42$export$e96fc9a8407faa6b = /* @__PURE__ */ forwardRef($72e60046c03fbe42$var$GridListItem);
-function $72e60046c03fbe42$var$GridListRow({ item }) {
+const $72e60046c03fbe42$export$e96fc9a8407faa6b = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664("item", function GridListItem(props, forwardedRef, item) {
   let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
-  let { dragAndDropHooks, dragState, dropState } = useContext($d8f176866e6dc039$export$d188a835a7bc5783);
-  let ref = $df56164dff5785e2$export$4338b53315abf666(item.props.ref);
+  let { dragAndDropHooks, dragState, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
+  let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
+  let { isVirtualized } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
   let { rowProps, gridCellProps, descriptionProps, ...states } = $4e8b0456ef72939f$export$9610e69494fadfd2({
     node: item,
-    shouldSelectOnPressUp: !!dragState
+    shouldSelectOnPressUp: !!dragState,
+    isVirtualized
   }, state, ref);
   let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
     isDisabled: !states.allowsSelection && !states.hasAction,
@@ -1034,6 +1076,9 @@ function $72e60046c03fbe42$var$GridListRow({ item }) {
   let { checkboxProps } = $e52ffc04a4adbd52$export$e29f2573fabbf7b9({
     key: item.key
   }, state);
+  let buttonProps = state.selectionManager.disabledBehavior === "all" && states.isDisabled ? {
+    isDisabled: true
+  } : {};
   let draggableItem = null;
   if (dragState && dragAndDropHooks) draggableItem = dragAndDropHooks.useDraggableItem({
     key: item.key,
@@ -1049,7 +1094,6 @@ function $72e60046c03fbe42$var$GridListRow({ item }) {
       dropPosition: "on"
     }
   }, dropState, dropIndicatorRef);
-  let props = item.props;
   let isDragging = dragState && dragState.isDragging(item.key);
   let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
     ...props,
@@ -1067,9 +1111,6 @@ function $72e60046c03fbe42$var$GridListRow({ item }) {
       isDropTarget: dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget
     }
   });
-  let renderDropIndicator = (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.renderDropIndicator) || ((target) => /* @__PURE__ */ React__default.createElement($d8f176866e6dc039$export$62ed72bc21f6b8a6, {
-    target
-  }));
   let dragButtonRef = useRef(null);
   useEffect(() => {
     if (dragState && !dragButtonRef.current) console.warn('Draggable items in a GridList must contain a <Button slot="drag"> element so that keyboard and screen reader users can drag them.');
@@ -1079,11 +1120,7 @@ function $72e60046c03fbe42$var$GridListRow({ item }) {
   }, [
     item.textValue
   ]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDropIndicator) && renderDropIndicator({
-    type: "item",
-    key: item.key,
-    dropPosition: "before"
-  }), dropIndicator && !dropIndicator.isHidden && /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, dropIndicator && !dropIndicator.isHidden && /* @__PURE__ */ React__default.createElement("div", {
     role: "row",
     style: {
       position: "absolute"
@@ -1128,7 +1165,7 @@ function $72e60046c03fbe42$var$GridListRow({ item }) {
         $d2b4bc8c273e7be6$export$24d547caef80ccd1,
         {
           slots: {
-            [$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
+            [$64fa3d84918910a7$export$c62b8e45d58ddad9]: buttonProps,
             drag: {
               ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
               ref: dragButtonRef,
@@ -1146,17 +1183,21 @@ function $72e60046c03fbe42$var$GridListRow({ item }) {
             description: descriptionProps
           }
         }
+      ],
+      [
+        $7135fc7d473fd974$export$4feb769f8ddf26c5,
+        $7135fc7d473fd974$export$a164736487e3f0ae
+      ],
+      [
+        $eed445e0843c11d0$export$7c5906fe4f1f2af2,
+        null
       ]
     ]
-  }, renderProps.children))), (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDropIndicator) && state.collection.getKeyAfter(item.key) == null && renderDropIndicator({
-    type: "item",
-    key: item.key,
-    dropPosition: "after"
-  }));
-}
+  }, renderProps.children))));
+});
 function $72e60046c03fbe42$var$GridListDropIndicatorWrapper(props, ref) {
   ref = $df56164dff5785e2$export$4338b53315abf666(ref);
-  let { dragAndDropHooks, dropState } = useContext($d8f176866e6dc039$export$d188a835a7bc5783);
+  let { dragAndDropHooks, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
   let buttonRef = useRef(null);
   let { dropIndicatorProps, isHidden, isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
   if (isHidden) return null;
@@ -1194,7 +1235,7 @@ function $72e60046c03fbe42$var$GridListDropIndicator(props, ref) {
 }
 const $72e60046c03fbe42$var$GridListDropIndicatorForwardRef = /* @__PURE__ */ forwardRef($72e60046c03fbe42$var$GridListDropIndicator);
 function $72e60046c03fbe42$var$RootDropIndicator() {
-  let { dragAndDropHooks, dropState } = useContext($d8f176866e6dc039$export$d188a835a7bc5783);
+  let { dragAndDropHooks, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
   let ref = useRef(null);
   let { dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
     target: {
@@ -1222,7 +1263,6 @@ function $72e60046c03fbe42$var$RootDropIndicator() {
   })));
 }
 export {
-  $72e60046c03fbe42$export$a7bfbda1311ca015 as $,
-  $72e60046c03fbe42$export$e96fc9a8407faa6b as a,
-  $72e60046c03fbe42$export$54fe942636b6416d as b
+  $72e60046c03fbe42$export$e96fc9a8407faa6b as $,
+  $72e60046c03fbe42$export$a7bfbda1311ca015 as a
 };

package/dist/{Group-BQu67pVS.js → Group-WZgNv9RE.js}

@@ -1,7 +1,7 @@
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DC-UMp1n.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B4IdLYb8.js";
 import React__default, { forwardRef, createContext } from "react";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-DGZ4R5fj.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Dg5Y_10S.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-PMGZgZ9-.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DsxEaA2J.js";
 const $a049562f99e7db0e$export$f9c6924e160136d1 = /* @__PURE__ */ createContext({});
 function $a049562f99e7db0e$var$Group(props, ref) {
   [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $a049562f99e7db0e$export$f9c6924e160136d1);

package/dist/Hidden-YSmyVF_5.js

@@ -0,0 +1,45 @@
+import { r as reactDomExports } from "./index-BTCzc3zb.js";
+import React__default, { forwardRef, useContext, createContext } from "react";
+import { d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-B4IdLYb8.js";
+if (typeof HTMLTemplateElement !== "undefined") {
+  const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
+  Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
+    configurable: true,
+    enumerable: true,
+    get: function() {
+      if (this.dataset.reactAriaHidden) return this.content.firstChild;
+      else return getFirstChild.call(this);
+    }
+  });
+}
+const $f39a9eba43920ace$export$94b6d0abf7d33e8c = /* @__PURE__ */ createContext(false);
+const $f39a9eba43920ace$var$hiddenFragment = typeof DocumentFragment !== "undefined" ? new DocumentFragment() : null;
+function $f39a9eba43920ace$export$8dc98ba7eadeaa56(props) {
+  let isHidden = useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+  let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
+  if (isHidden)
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children);
+  let children = /* @__PURE__ */ React__default.createElement($f39a9eba43920ace$export$94b6d0abf7d33e8c.Provider, {
+    value: true
+  }, props.children);
+  return isSSR ? /* @__PURE__ */ React__default.createElement("template", {
+    "data-react-aria-hidden": true
+  }, children) : /* @__PURE__ */ reactDomExports.createPortal(children, $f39a9eba43920ace$var$hiddenFragment);
+}
+function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
+  let Wrapper = (props, ref) => {
+    let isHidden = useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+    if (isHidden) return null;
+    return fn(props, ref);
+  };
+  Wrapper.displayName = fn.displayName || fn.name;
+  return forwardRef(Wrapper);
+}
+function $f39a9eba43920ace$export$b5d7cc18bb8d2b59() {
+  return useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+}
+export {
+  $f39a9eba43920ace$export$86427a43e3e48ebb as $,
+  $f39a9eba43920ace$export$8dc98ba7eadeaa56 as a,
+  $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as b
+};

package/dist/{Input-DWRQF0ro.js → Input-CaS4qmLb.js}

@@ -1,12 +1,13 @@
 import React__default, { useEffect, createContext } from "react";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, f as $431fbd86ca7dc216$export$f21a1ffae260145a, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-DGZ4R5fj.js";
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $64fa3d84918910a7$export$86427a43e3e48ebb, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-DC-UMp1n.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, f as $431fbd86ca7dc216$export$f21a1ffae260145a, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-PMGZgZ9-.js";
+import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-B4IdLYb8.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DJMtIgSL.js";
-import { a as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./FieldError-CviphIN5.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CQZyQp4q.js";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidationState-DDC_nImg.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Dg5Y_10S.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BCPbwfnH.js";
+import { a as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./FieldError-CBPJ4Xx8.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-BFKHuYS9.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidationState-DC5jbhBW.js";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-YSmyVF_5.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DsxEaA2J.js";
 function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
   let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
   let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
@@ -45,7 +46,7 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
   ]);
   return {
     labelProps,
-    inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, inputElementType === "input" && inputOnlyProps, {
+    inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, inputElementType === "input" ? inputOnlyProps : void 0, {
       disabled: isDisabled,
       readOnly: isReadOnly,
       required: isRequired && validationBehavior === "native",
@@ -122,7 +123,7 @@ function $3985021b0ad6602f$var$Input(props, ref) {
     "data-invalid": isInvalid || void 0
   });
 }
-const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $64fa3d84918910a7$export$86427a43e3e48ebb($3985021b0ad6602f$var$Input);
+const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb($3985021b0ad6602f$var$Input);
 export {
   $3985021b0ad6602f$export$37fb8590cf2c088c as $,
   $3985021b0ad6602f$export$f5b8910cec6cf069 as a,

package/dist/{Label-BXvY41yE.js → Label-yZgqvhXc.js}

@@ -1,4 +1,5 @@
-import { b as $64fa3d84918910a7$export$86427a43e3e48ebb, a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-DC-UMp1n.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-B4IdLYb8.js";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-YSmyVF_5.js";
 import React__default, { createContext } from "react";
 const $01b77f81d0f07f68$export$75b6ee27786ba447 = /* @__PURE__ */ createContext({});
 function $01b77f81d0f07f68$var$Label(props, ref) {
@@ -10,7 +11,7 @@ function $01b77f81d0f07f68$var$Label(props, ref) {
     ref
   });
 }
-const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /* @__PURE__ */ $64fa3d84918910a7$export$86427a43e3e48ebb($01b77f81d0f07f68$var$Label);
+const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb($01b77f81d0f07f68$var$Label);
 export {
   $01b77f81d0f07f68$export$b04be29aa201d4f5 as $,
   $01b77f81d0f07f68$export$75b6ee27786ba447 as a