@lumx/react 4.9.0-next.4 → 4.9.0-next.5

package/index.js

@@ -10889,6 +10889,26 @@ function createActiveItemState(callbacks, signal, initialItem) {
   };
 }
 
+/**
+ * Create a TreeWalker that iterates over elements matching a CSS selector
+ * within a container.
+ *
+ * Uses `NodeFilter.SHOW_ELEMENT` and accepts nodes that match the given
+ * selector, skipping everything else. The returned walker can be used with
+ * `nextNode()` / `previousNode()` for lazy, sequential DOM traversal.
+ *
+ * @param container The root element to walk within.
+ * @param selector CSS selector that items must match.
+ * @returns A TreeWalker scoped to the container and filtered by the selector.
+ */
+function createSelectorTreeWalker(container, selector) {
+  return document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    acceptNode(node) {
+      return node.matches(selector) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+}
+
 /**
  * Create a focus navigation controller for a 1D list.
  *
@@ -10918,11 +10938,7 @@ function createListFocusNavigation(options, callbacks, signal) {
    */
   function createItemWalker(enabledOnly = true) {
     const selector = enabledOnly ? enabledItemSelector : itemSelector;
-    return document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
-      acceptNode(node) {
-        return node.matches(selector) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-      }
-    });
+    return createSelectorTreeWalker(container, selector);
   }
 
   /** Find the first enabled item in the container. */