@eightshift/ui-components 1.9.0 → 2.0.0

package/dist/{SelectionManager-D-89MUJW.js → Collection-CJM_asJz.js}

@@ -1,13 +1,149 @@
-import React__default, { useMemo, cloneElement, useState, forwardRef, useContext, createContext, useRef, useCallback, useEffect } from "react";
-import { a as $f39a9eba43920ace$export$8dc98ba7eadeaa56 } from "./Hidden-D3hHnmPI.js";
-import { r as reactDomExports } from "./index-BYHhzLf-.js";
-import { l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, e as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSLBwuuO.js";
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-EoLYfbMp.js";
-import { v as $c87311424ea30a05$export$e1865c3bedcd822b, o as $c87311424ea30a05$export$9ac100e40613ea10, h as $6a99195332edec8b$export$80f3e147d781571c, m as $507fabe10e71c6fb$export$630ff653c5ada6a9, n as $7215afc6de606d6b$export$de79e2c695e052f3, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CZY36ssv.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, c as $ea8dcbcb9ea1b556$export$95185d699e05d4d7 } from "./usePress-xTkcGUkt.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-B0yfN_Zu.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-KeRYAbEi.js";
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-G2G-nukT.js";
+import { a as $f39a9eba43920ace$export$8dc98ba7eadeaa56 } from "./Hidden-DnOd_jPX.js";
+import { r as reactDomExports } from "./index-BRp93Yfa.js";
+import React__default, { useRef, useState, useMemo, cloneElement, useContext, useCallback, forwardRef, createContext, useEffect } from "react";
+import { l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, e as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, f as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-39D0mStj.js";
+import { q as $c87311424ea30a05$export$9ac100e40613ea10, w as $c87311424ea30a05$export$e1865c3bedcd822b, h as $6a99195332edec8b$export$80f3e147d781571c, k as $507fabe10e71c6fb$export$630ff653c5ada6a9, p as $7215afc6de606d6b$export$de79e2c695e052f3, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CiqTTjWy.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, c as $ea8dcbcb9ea1b556$export$95185d699e05d4d7 } from "./usePress-rg_OQIGW.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-cLDJlznQ.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-Cs5_OoeA.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-CDOs-GuR.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-BlTDSskG.js";
+function $ca9b37712f007381$export$72ef708ab07251f1(effect, dependencies) {
+  const isInitialMount = useRef(true);
+  const lastDeps = useRef(null);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    isInitialMount.current = true;
+    return () => {
+      isInitialMount.current = false;
+    };
+  }, []);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isInitialMount.current) isInitialMount.current = false;
+    else if (!lastDeps.current || dependencies.some((dep, i) => !Object.is(dep, lastDeps[i]))) effect();
+    lastDeps.current = dependencies;
+  }, dependencies);
+}
+function $cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow) {
+  if (!node) return false;
+  let style = window.getComputedStyle(node);
+  let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
+  if (isScrollable && checkForOverflow) isScrollable = node.scrollHeight !== node.clientHeight || node.scrollWidth !== node.clientWidth;
+  return isScrollable;
+}
+function $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(node, checkForOverflow) {
+  const scrollParents = [];
+  while (node && node !== document.documentElement) {
+    if ($cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow)) scrollParents.push(node);
+    node = node.parentElement;
+  }
+  return scrollParents;
+}
+let $ef06256079686ba0$var$descriptionId = 0;
+const $ef06256079686ba0$var$descriptionNodes = /* @__PURE__ */ new Map();
+function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
+  let [id, setId] = useState();
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (!description) return;
+    let desc = $ef06256079686ba0$var$descriptionNodes.get(description);
+    if (!desc) {
+      let id2 = `react-aria-description-${$ef06256079686ba0$var$descriptionId++}`;
+      setId(id2);
+      let node = document.createElement("div");
+      node.id = id2;
+      node.style.display = "none";
+      node.textContent = description;
+      document.body.appendChild(node);
+      desc = {
+        refCount: 0,
+        element: node
+      };
+      $ef06256079686ba0$var$descriptionNodes.set(description, desc);
+    } else setId(desc.element.id);
+    desc.refCount++;
+    return () => {
+      if (desc && --desc.refCount === 0) {
+        desc.element.remove();
+        $ef06256079686ba0$var$descriptionNodes.delete(description);
+      }
+    };
+  }, [
+    description
+  ]);
+  return {
+    "aria-describedby": description ? id : void 0
+  };
+}
+function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
+  let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "left");
+  let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "top");
+  let width = element.offsetWidth;
+  let height = element.offsetHeight;
+  let x = scrollView.scrollLeft;
+  let y = scrollView.scrollTop;
+  let { borderTopWidth, borderLeftWidth, scrollPaddingTop, scrollPaddingRight, scrollPaddingBottom, scrollPaddingLeft } = getComputedStyle(scrollView);
+  let borderAdjustedX = x + parseInt(borderLeftWidth, 10);
+  let borderAdjustedY = y + parseInt(borderTopWidth, 10);
+  let maxX = borderAdjustedX + scrollView.clientWidth;
+  let maxY = borderAdjustedY + scrollView.clientHeight;
+  let scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0;
+  let scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0;
+  let scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0;
+  let scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;
+  if (offsetX <= x + scrollPaddingLeftNumber) x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
+  else if (offsetX + width > maxX - scrollPaddingRightNumber) x += offsetX + width - maxX + scrollPaddingRightNumber;
+  if (offsetY <= borderAdjustedY + scrollPaddingTopNumber) y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
+  else if (offsetY + height > maxY - scrollPaddingBottomNumber) y += offsetY + height - maxY + scrollPaddingBottomNumber;
+  scrollView.scrollLeft = x;
+  scrollView.scrollTop = y;
+}
+function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
+  const prop = axis === "left" ? "offsetLeft" : "offsetTop";
+  let sum = 0;
+  while (child.offsetParent) {
+    sum += child[prop];
+    if (child.offsetParent === ancestor) break;
+    else if (child.offsetParent.contains(ancestor)) {
+      sum -= ancestor[prop];
+      break;
+    }
+    child = child.offsetParent;
+  }
+  return sum;
+}
+function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
+  if (targetElement && document.contains(targetElement)) {
+    let root = document.scrollingElement || document.documentElement;
+    let isScrollPrevented = window.getComputedStyle(root).overflow === "hidden";
+    if (!isScrollPrevented) {
+      var _targetElement_scrollIntoView;
+      let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
+      targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {
+        block: "nearest"
+      });
+      let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
+      if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
+        var _opts_containingElement_scrollIntoView, _opts_containingElement, _targetElement_scrollIntoView1;
+        opts === null || opts === void 0 ? void 0 : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === void 0 ? void 0 : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === void 0 ? void 0 : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {
+          block: "center",
+          inline: "center"
+        });
+        (_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === void 0 ? void 0 : _targetElement_scrollIntoView1.call(targetElement, {
+          block: "nearest"
+        });
+      }
+    } else {
+      let scrollParents = $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(targetElement);
+      for (let scrollParent of scrollParents) $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);
+    }
+  }
+}
+const $5671b20cf9b562b2$export$447a38995de2c711 = "react-aria-clear-focus";
+const $5671b20cf9b562b2$export$831c820ad60f9d12 = "react-aria-focus";
+const $5671b20cf9b562b2$export$9db568f6321ad9dc = "react-aria-update-activedescendant";
+function $21f1aa98acb08317$export$16792effe837dba3(e) {
+  if ($c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
+  return e.ctrlKey;
+}
 class $23b9f4fcf0fe224b$export$d68d59712b04d9d1 {
   get childNodes() {
     throw new Error("childNodes is not supported");
@@ -135,6 +271,78 @@ class $23b9f4fcf0fe224b$export$408d25a4e12db025 {
     this.lastKey = lastKey;
     this.frozen = !isSSR;
   }
+  // TODO: this is pretty specific to menu, will need to check if it is generic enough
+  // Will need to handle varying levels I assume but will revisit after I get searchable menu working for base menu
+  // TODO: an alternative is to simply walk the collection and add all item nodes that match the filter and any sections/separators we encounter
+  // to an array, then walk that new array and fix all the next/Prev keys while adding them to the new collection
+  filter(filterFn) {
+    let newCollection = new $23b9f4fcf0fe224b$export$408d25a4e12db025();
+    let lastNode = null;
+    for (let node of this) {
+      if (node.type === "section" && node.hasChildNodes) {
+        let clonedSection = node.clone();
+        let lastChildInSection = null;
+        for (let child of this.getChildren(node.key)) if (filterFn(child.textValue) || child.type === "header") {
+          let clonedChild = child.clone();
+          if (lastChildInSection == null) clonedSection.firstChildKey = clonedChild.key;
+          if (newCollection.firstKey == null) newCollection.firstKey = clonedSection.key;
+          if (lastChildInSection && lastChildInSection.parentKey === clonedChild.parentKey) {
+            lastChildInSection.nextKey = clonedChild.key;
+            clonedChild.prevKey = lastChildInSection.key;
+          } else clonedChild.prevKey = null;
+          clonedChild.nextKey = null;
+          newCollection.addNode(clonedChild);
+          lastChildInSection = clonedChild;
+        }
+        if (lastChildInSection) {
+          if (lastChildInSection.type !== "header") {
+            clonedSection.lastChildKey = lastChildInSection.key;
+            if (lastNode == null) clonedSection.prevKey = null;
+            else if (lastNode.type === "section" || lastNode.type === "separator") {
+              lastNode.nextKey = clonedSection.key;
+              clonedSection.prevKey = lastNode.key;
+            }
+            clonedSection.nextKey = null;
+            lastNode = clonedSection;
+            newCollection.addNode(clonedSection);
+          } else {
+            if (newCollection.firstKey === clonedSection.key) newCollection.firstKey = null;
+            newCollection.removeNode(lastChildInSection.key);
+          }
+        }
+      } else if (node.type === "separator") {
+        let clonedSeparator = node.clone();
+        clonedSeparator.nextKey = null;
+        if ((lastNode === null || lastNode === void 0 ? void 0 : lastNode.type) === "section") {
+          lastNode.nextKey = clonedSeparator.key;
+          clonedSeparator.prevKey = lastNode.key;
+          lastNode = clonedSeparator;
+          newCollection.addNode(clonedSeparator);
+        }
+      } else if (filterFn(node.textValue)) {
+        let clonedNode = node.clone();
+        if (newCollection.firstKey == null) newCollection.firstKey = clonedNode.key;
+        if (lastNode != null && lastNode.type !== "section" && lastNode.type !== "separator" && lastNode.parentKey === clonedNode.parentKey) {
+          lastNode.nextKey = clonedNode.key;
+          clonedNode.prevKey = lastNode.key;
+        } else clonedNode.prevKey = null;
+        clonedNode.nextKey = null;
+        newCollection.addNode(clonedNode);
+        lastNode = clonedNode;
+      }
+    }
+    if ((lastNode === null || lastNode === void 0 ? void 0 : lastNode.type) === "separator" && lastNode.nextKey === null) {
+      let lastSection;
+      if (lastNode.prevKey != null) {
+        lastSection = newCollection.getItem(lastNode.prevKey);
+        lastSection.nextKey = null;
+      }
+      newCollection.removeNode(lastNode.key);
+      lastNode = lastSection;
+    }
+    newCollection.lastKey = (lastNode === null || lastNode === void 0 ? void 0 : lastNode.key) || null;
+    return newCollection;
+  }
   constructor() {
     this.keyMap = /* @__PURE__ */ new Map();
     this.firstKey = null;
@@ -455,116 +663,6 @@ function $e948873055cbafe4$export$727c8fc270210f13(props) {
     addIdAndValue
   ]);
 }
-function $cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow) {
-  if (!node) return false;
-  let style = window.getComputedStyle(node);
-  let isScrollable = /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
-  if (isScrollable && checkForOverflow) isScrollable = node.scrollHeight !== node.clientHeight || node.scrollWidth !== node.clientWidth;
-  return isScrollable;
-}
-function $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(node, checkForOverflow) {
-  const scrollParents = [];
-  while (node && node !== document.documentElement) {
-    if ($cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow)) scrollParents.push(node);
-    node = node.parentElement;
-  }
-  return scrollParents;
-}
-let $ef06256079686ba0$var$descriptionId = 0;
-const $ef06256079686ba0$var$descriptionNodes = /* @__PURE__ */ new Map();
-function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
-  let [id, setId] = useState();
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (!description) return;
-    let desc = $ef06256079686ba0$var$descriptionNodes.get(description);
-    if (!desc) {
-      let id2 = `react-aria-description-${$ef06256079686ba0$var$descriptionId++}`;
-      setId(id2);
-      let node = document.createElement("div");
-      node.id = id2;
-      node.style.display = "none";
-      node.textContent = description;
-      document.body.appendChild(node);
-      desc = {
-        refCount: 0,
-        element: node
-      };
-      $ef06256079686ba0$var$descriptionNodes.set(description, desc);
-    } else setId(desc.element.id);
-    desc.refCount++;
-    return () => {
-      if (desc && --desc.refCount === 0) {
-        desc.element.remove();
-        $ef06256079686ba0$var$descriptionNodes.delete(description);
-      }
-    };
-  }, [
-    description
-  ]);
-  return {
-    "aria-describedby": description ? id : void 0
-  };
-}
-function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
-  let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "left");
-  let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "top");
-  let width = element.offsetWidth;
-  let height = element.offsetHeight;
-  let x = scrollView.scrollLeft;
-  let y = scrollView.scrollTop;
-  let { borderTopWidth, borderLeftWidth } = getComputedStyle(scrollView);
-  let borderAdjustedX = scrollView.scrollLeft + parseInt(borderLeftWidth, 10);
-  let borderAdjustedY = scrollView.scrollTop + parseInt(borderTopWidth, 10);
-  let maxX = borderAdjustedX + scrollView.clientWidth;
-  let maxY = borderAdjustedY + scrollView.clientHeight;
-  if (offsetX <= x) x = offsetX - parseInt(borderLeftWidth, 10);
-  else if (offsetX + width > maxX) x += offsetX + width - maxX;
-  if (offsetY <= borderAdjustedY) y = offsetY - parseInt(borderTopWidth, 10);
-  else if (offsetY + height > maxY) y += offsetY + height - maxY;
-  scrollView.scrollLeft = x;
-  scrollView.scrollTop = y;
-}
-function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
-  const prop = axis === "left" ? "offsetLeft" : "offsetTop";
-  let sum = 0;
-  while (child.offsetParent) {
-    sum += child[prop];
-    if (child.offsetParent === ancestor) break;
-    else if (child.offsetParent.contains(ancestor)) {
-      sum -= ancestor[prop];
-      break;
-    }
-    child = child.offsetParent;
-  }
-  return sum;
-}
-function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
-  if (targetElement && document.contains(targetElement)) {
-    let root = document.scrollingElement || document.documentElement;
-    let isScrollPrevented = window.getComputedStyle(root).overflow === "hidden";
-    if (!isScrollPrevented) {
-      var _targetElement_scrollIntoView;
-      let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
-      targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {
-        block: "nearest"
-      });
-      let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
-      if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
-        var _opts_containingElement_scrollIntoView, _opts_containingElement, _targetElement_scrollIntoView1;
-        opts === null || opts === void 0 ? void 0 : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === void 0 ? void 0 : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === void 0 ? void 0 : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {
-          block: "center",
-          inline: "center"
-        });
-        (_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === void 0 ? void 0 : _targetElement_scrollIntoView1.call(targetElement, {
-          block: "nearest"
-        });
-      }
-    } else {
-      let scrollParents = $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(targetElement);
-      for (let scrollParent of scrollParents) $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);
-    }
-  }
-}
 var shim = { exports: {} };
 var useSyncExternalStoreShim_production = {};
 /**
@@ -869,52 +967,6 @@ function $e1995378a142960e$var$CollectionRoot({ children }) {
     value: doc
   }, wrappedChildren) : /* @__PURE__ */ reactDomExports.createPortal(wrappedChildren, doc);
 }
-const $7135fc7d473fd974$export$d40e14dec8b060a8 = /* @__PURE__ */ createContext(null);
-const $7135fc7d473fd974$export$6e2c8f0811a474ce = /* @__PURE__ */ $e1995378a142960e$export$e953bb1cd0f19726("section", (props, ref, section) => {
-  let { name, render } = useContext($7135fc7d473fd974$export$d40e14dec8b060a8);
-  console.warn(`<Section> is deprecated. Please use <${name}> instead.`);
-  return render(props, ref, section, "react-aria-Section");
-});
-const $7135fc7d473fd974$export$a164736487e3f0ae = {
-  CollectionRoot({ collection, renderDropIndicator }) {
-    return $7135fc7d473fd974$var$useCollectionRender(collection, null, renderDropIndicator);
-  },
-  CollectionBranch({ collection, parent, renderDropIndicator }) {
-    return $7135fc7d473fd974$var$useCollectionRender(collection, parent, renderDropIndicator);
-  }
-};
-function $7135fc7d473fd974$var$useCollectionRender(collection, parent, renderDropIndicator) {
-  return $e948873055cbafe4$export$727c8fc270210f13({
-    items: parent ? collection.getChildren(parent.key) : collection,
-    dependencies: [
-      renderDropIndicator
-    ],
-    children(node) {
-      var _collection_getItem;
-      let rendered = node.render(node);
-      if (!renderDropIndicator || node.type !== "item") return rendered;
-      let key = node.key;
-      let keyAfter = collection.getKeyAfter(key);
-      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderDropIndicator({
-        type: "item",
-        key,
-        dropPosition: "before"
-      }), rendered, (keyAfter == null || ((_collection_getItem = collection.getItem(keyAfter)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.type) !== "item") && renderDropIndicator({
-        type: "item",
-        key,
-        dropPosition: "after"
-      }));
-    }
-  });
-}
-const $7135fc7d473fd974$export$4feb769f8ddf26c5 = /* @__PURE__ */ createContext($7135fc7d473fd974$export$a164736487e3f0ae);
-function $7135fc7d473fd974$export$90e00781bc59d8f9(focusedKey) {
-  return useMemo(() => focusedKey != null ? /* @__PURE__ */ new Set([
-    focusedKey
-  ]) : null, [
-    focusedKey
-  ]);
-}
 const $8a26561d2877236e$var$DEFAULT_THRESHOLD = 500;
 function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
   let { isDisabled, onLongPressStart, onLongPressEnd, onLongPress, threshold = $8a26561d2877236e$var$DEFAULT_THRESHOLD, accessibilityDescription } = props;
@@ -972,10 +1024,6 @@ function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
 function $feb5ffebff200149$export$d3e3bd3e26688c04(e) {
   return $c87311424ea30a05$export$e1865c3bedcd822b() ? e.altKey : e.ctrlKey;
 }
-function $feb5ffebff200149$export$16792effe837dba3(e) {
-  if ($c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
-  return e.ctrlKey;
-}
 const $fb3050f43d946246$var$TYPEAHEAD_DEBOUNCE_WAIT_MS = 1e3;
 function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
   let { keyboardDelegate, selectionManager, onTypeSelect } = options;
@@ -1089,22 +1137,24 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         break;
       case "Home":
         if (delegate.getFirstKey) {
+          if (manager.focusedKey === null && e.shiftKey) return;
           e.preventDefault();
-          let firstKey = delegate.getFirstKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e));
+          let firstKey = delegate.getFirstKey(manager.focusedKey, $21f1aa98acb08317$export$16792effe837dba3(e));
           manager.setFocusedKey(firstKey);
           if (firstKey != null) {
-            if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(firstKey);
+            if ($21f1aa98acb08317$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(firstKey);
             else if (selectOnFocus) manager.replaceSelection(firstKey);
           }
         }
         break;
       case "End":
         if (delegate.getLastKey) {
+          if (manager.focusedKey === null && e.shiftKey) return;
           e.preventDefault();
-          let lastKey = delegate.getLastKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e));
+          let lastKey = delegate.getLastKey(manager.focusedKey, $21f1aa98acb08317$export$16792effe837dba3(e));
           manager.setFocusedKey(lastKey);
           if (lastKey != null) {
-            if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(lastKey);
+            if ($21f1aa98acb08317$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(lastKey);
             else if (selectOnFocus) manager.replaceSelection(lastKey);
           }
         }
@@ -1128,7 +1178,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         }
         break;
       case "a":
-        if ($feb5ffebff200149$export$16792effe837dba3(e) && manager.selectionMode === "multiple" && disallowSelectAll !== true) {
+        if ($21f1aa98acb08317$export$16792effe837dba3(e) && manager.selectionMode === "multiple" && disallowSelectAll !== true) {
           e.preventDefault();
           manager.selectAll();
         }
@@ -1208,6 +1258,49 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
   let onBlur = (e) => {
     if (!e.currentTarget.contains(e.relatedTarget)) manager.setFocused(false);
   };
+  let shouldVirtualFocusFirst = useRef(false);
+  $e9faafb641e167db$export$90fc3a17d93f704c(ref, $5671b20cf9b562b2$export$831c820ad60f9d12, !shouldUseVirtualFocus ? void 0 : (e) => {
+    let { detail } = e;
+    e.stopPropagation();
+    manager.setFocused(true);
+    if ((detail === null || detail === void 0 ? void 0 : detail.focusStrategy) === "first") shouldVirtualFocusFirst.current = true;
+  });
+  let updateActiveDescendant = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    var _delegate_getFirstKey;
+    var _delegate_getFirstKey1;
+    let keyToFocus = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate)) !== null && _delegate_getFirstKey1 !== void 0 ? _delegate_getFirstKey1 : null;
+    if (keyToFocus == null) {
+      var _ref_current;
+      (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.dispatchEvent(new CustomEvent($5671b20cf9b562b2$export$9db568f6321ad9dc, {
+        cancelable: true,
+        bubbles: true
+      }));
+      if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
+    } else {
+      manager.setFocusedKey(keyToFocus);
+      shouldVirtualFocusFirst.current = false;
+    }
+  });
+  $ca9b37712f007381$export$72ef708ab07251f1(() => {
+    if (shouldVirtualFocusFirst.current) updateActiveDescendant();
+  }, [
+    manager.collection,
+    updateActiveDescendant
+  ]);
+  let resetFocusFirstFlag = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
+  });
+  $ca9b37712f007381$export$72ef708ab07251f1(() => {
+    resetFocusFirstFlag();
+  }, [
+    manager.focusedKey,
+    resetFocusFirstFlag
+  ]);
+  $e9faafb641e167db$export$90fc3a17d93f704c(ref, $5671b20cf9b562b2$export$447a38995de2c711, !shouldUseVirtualFocus ? void 0 : (e) => {
+    e.stopPropagation();
+    manager.setFocused(false);
+    manager.setFocusedKey(null);
+  });
   const autoFocusRef = useRef(autoFocus);
   useEffect(() => {
     if (autoFocusRef.current) {
@@ -1267,6 +1360,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
   if (!disallowTypeAhead) handlers = $3ef42575df84b30b$export$9d1611c77c2fe928(typeSelectProps, handlers);
   let tabIndex = void 0;
   if (!shouldUseVirtualFocus) tabIndex = manager.focusedKey == null ? 0 : -1;
+  else tabIndex = -1;
   return {
     collectionProps: {
       ...handlers,
@@ -1275,8 +1369,9 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
   };
 }
 function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
-  let { selectionManager: manager, key, ref, shouldSelectOnPressUp, shouldUseVirtualFocus, focus, isDisabled, onAction, allowsDifferentPressOrigin, linkBehavior = "action" } = options;
+  let { id, selectionManager: manager, key, ref, shouldSelectOnPressUp, shouldUseVirtualFocus, focus, isDisabled, onAction, allowsDifferentPressOrigin, linkBehavior = "action" } = options;
   let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+  id = $bdb11010cef70236$export$f680877a34711e37(id);
   let onSelect = (e) => {
     if (e.pointerType === "keyboard" && $feb5ffebff200149$export$d3e3bd3e26688c04(e)) manager.toggleSelection(key);
     else {
@@ -1293,16 +1388,25 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         if (manager.isSelected(key) && !manager.disallowEmptySelection) manager.toggleSelection(key);
         else manager.replaceSelection(key);
       } else if (e && e.shiftKey) manager.extendSelection(key);
-      else if (manager.selectionBehavior === "toggle" || e && ($feb5ffebff200149$export$16792effe837dba3(e) || e.pointerType === "touch" || e.pointerType === "virtual"))
+      else if (manager.selectionBehavior === "toggle" || e && ($21f1aa98acb08317$export$16792effe837dba3(e) || e.pointerType === "touch" || e.pointerType === "virtual"))
         manager.toggleSelection(key);
       else manager.replaceSelection(key);
     }
   };
   useEffect(() => {
     let isFocused = key === manager.focusedKey;
-    if (isFocused && manager.isFocused && !shouldUseVirtualFocus) {
-      if (focus) focus();
-      else if (document.activeElement !== ref.current && ref.current) $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+    if (isFocused && manager.isFocused) {
+      if (!shouldUseVirtualFocus) {
+        if (focus) focus();
+        else if (document.activeElement !== ref.current && ref.current) $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+      } else {
+        var _ref_current;
+        let updateActiveDescendant = new CustomEvent($5671b20cf9b562b2$export$9db568f6321ad9dc, {
+          cancelable: true,
+          bubbles: true
+        });
+        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.dispatchEvent(updateActiveDescendant);
+      }
     }
   }, [
     ref,
@@ -1356,9 +1460,11 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     };
     else {
       itemPressProps.onPressUp = hasPrimaryAction ? void 0 : (e) => {
-        if (e.pointerType !== "keyboard" && allowsSelection) onSelect(e);
+        if (e.pointerType === "mouse" && allowsSelection) onSelect(e);
+      };
+      itemPressProps.onPress = hasPrimaryAction ? performAction : (e) => {
+        if (e.pointerType !== "keyboard" && e.pointerType !== "mouse" && allowsSelection) onSelect(e);
       };
-      itemPressProps.onPress = hasPrimaryAction ? performAction : void 0;
     }
   } else {
     itemPressProps.onPressStart = (e) => {
@@ -1403,7 +1509,8 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     itemProps: $3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {}, longPressEnabled ? longPressProps : {}, {
       onDoubleClick,
       onDragStartCapture,
-      onClick
+      onClick,
+      id
     }),
     isPressed,
     isSelected: manager.isSelected(key),
@@ -2057,21 +2164,62 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
     this.layoutDelegate = (options === null || options === void 0 ? void 0 : options.layoutDelegate) || null;
   }
 }
+const $7135fc7d473fd974$export$d40e14dec8b060a8 = /* @__PURE__ */ createContext(null);
+const $7135fc7d473fd974$export$a164736487e3f0ae = {
+  CollectionRoot({ collection, renderDropIndicator }) {
+    return $7135fc7d473fd974$var$useCollectionRender(collection, null, renderDropIndicator);
+  },
+  CollectionBranch({ collection, parent, renderDropIndicator }) {
+    return $7135fc7d473fd974$var$useCollectionRender(collection, parent, renderDropIndicator);
+  }
+};
+function $7135fc7d473fd974$var$useCollectionRender(collection, parent, renderDropIndicator) {
+  return $e948873055cbafe4$export$727c8fc270210f13({
+    items: parent ? collection.getChildren(parent.key) : collection,
+    dependencies: [
+      renderDropIndicator
+    ],
+    children(node) {
+      var _collection_getItem;
+      let rendered = node.render(node);
+      if (!renderDropIndicator || node.type !== "item") return rendered;
+      let key = node.key;
+      let keyAfter = collection.getKeyAfter(key);
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderDropIndicator({
+        type: "item",
+        key,
+        dropPosition: "before"
+      }), rendered, (keyAfter == null || ((_collection_getItem = collection.getItem(keyAfter)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.type) !== "item") && renderDropIndicator({
+        type: "item",
+        key,
+        dropPosition: "after"
+      }));
+    }
+  });
+}
+const $7135fc7d473fd974$export$4feb769f8ddf26c5 = /* @__PURE__ */ createContext($7135fc7d473fd974$export$a164736487e3f0ae);
+function $7135fc7d473fd974$export$90e00781bc59d8f9(focusedKey) {
+  return useMemo(() => focusedKey != null ? /* @__PURE__ */ new Set([
+    focusedKey
+  ]) : null, [
+    focusedKey
+  ]);
+}
 export {
-  $7135fc7d473fd974$export$6e2c8f0811a474ce as $,
-  $7af3f5b51489e0b5$export$253fe78d46329472 as a,
-  $7613b1592d41b092$export$6cd28814d92fa9c9 as b,
-  $d496c0a20b6e58ec$export$6c8a5aaad13c9852 as c,
-  $880e95eb8b93ba9a$export$ecf600387e221c37 as d,
-  $e1995378a142960e$export$18af5c7a9e9b3664 as e,
-  $e1995378a142960e$export$bf788dd355e3a401 as f,
-  $e1995378a142960e$export$fb8073518f34e6ec as g,
-  $7135fc7d473fd974$export$4feb769f8ddf26c5 as h,
-  $7135fc7d473fd974$export$d40e14dec8b060a8 as i,
-  $cc38e7bd3fc7b213$export$2bb74740c4e19def as j,
-  $ae20dd8cbca75726$export$d6daf82dcd84e87c as k,
-  $c5a24bc478652b5f$export$1005530eda016c13 as l,
-  $7135fc7d473fd974$export$90e00781bc59d8f9 as m,
+  $7af3f5b51489e0b5$export$253fe78d46329472 as $,
+  $7613b1592d41b092$export$6cd28814d92fa9c9 as a,
+  $d496c0a20b6e58ec$export$6c8a5aaad13c9852 as b,
+  $880e95eb8b93ba9a$export$ecf600387e221c37 as c,
+  $e1995378a142960e$export$bf788dd355e3a401 as d,
+  $e1995378a142960e$export$fb8073518f34e6ec as e,
+  $7135fc7d473fd974$export$4feb769f8ddf26c5 as f,
+  $7135fc7d473fd974$export$d40e14dec8b060a8 as g,
+  $e1995378a142960e$export$18af5c7a9e9b3664 as h,
+  $ae20dd8cbca75726$export$d6daf82dcd84e87c as i,
+  $7135fc7d473fd974$export$90e00781bc59d8f9 as j,
+  $7135fc7d473fd974$export$a164736487e3f0ae as k,
+  $cc38e7bd3fc7b213$export$2bb74740c4e19def as l,
+  $c5a24bc478652b5f$export$1005530eda016c13 as m,
   $fb3050f43d946246$export$e32c88dfddc6e1d8 as n,
   $8a26561d2877236e$export$c24ed0104d07eab9 as o,
   $e1995378a142960e$export$e953bb1cd0f19726 as p

package/dist/{Color-B-cqXgPz.js → Color-B0HgM8f4.js}

@@ -1,5 +1,5 @@
 import { a as $9446cca9a3875146$export$7d15b64cf5a3a4c4, b as $9446cca9a3875146$export$b6268554fba451f } from "./number-GajL10e1.js";
-import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0 } from "./useLocalizedStringFormatter-B73fhEA7.js";
+import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0 } from "./useLocalizedStringFormatter-BQ4TF72x.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
 var $eccab2b0118aef08$exports = {};
 $eccab2b0118aef08$exports = {