astralis-ui 0.1.0

package/dist/hooks/use-roving-focus.js

@@ -0,0 +1,51 @@
+"use client";
+import { useRef as a, useCallback as u } from "react";
+function p({
+  itemSelector: i,
+  orientation: o = "vertical",
+  loop: h = !0,
+  typeahead: m = !1
+}) {
+  const y = a(null), s = a(""), l = a(null), n = u(() => {
+    const r = y.current;
+    return r ? Array.from(r.querySelectorAll(i)).filter(
+      (t) => !t.hasAttribute("disabled") && t.getAttribute("aria-disabled") !== "true" && t.offsetParent !== null
+    ) : [];
+  }, [i]), e = u(
+    (r, t) => {
+      if (!r.length) return;
+      const c = h ? (t + r.length) % r.length : Math.min(r.length - 1, Math.max(0, t));
+      r[c]?.focus();
+    },
+    [h]
+  ), g = u(() => e(n(), 0), [e, n]), d = u(() => {
+    const r = n();
+    e(r, r.length - 1);
+  }, [e, n]), k = u(
+    (r) => {
+      const t = n();
+      if (!t.length) return;
+      const c = t.indexOf(document.activeElement), f = o !== "horizontal" && r.key === "ArrowDown" || o !== "vertical" && r.key === "ArrowRight" ? 1 : o !== "horizontal" && r.key === "ArrowUp" || o !== "vertical" && r.key === "ArrowLeft" ? -1 : 0;
+      if (f !== 0) {
+        r.preventDefault(), e(t, c === -1 ? f === 1 ? 0 : t.length - 1 : c + f);
+        return;
+      }
+      if (r.key === "Home") {
+        r.preventDefault(), e(t, 0);
+        return;
+      }
+      if (r.key === "End") {
+        r.preventDefault(), e(t, t.length - 1);
+        return;
+      }
+      m && r.key.length === 1 && !r.ctrlKey && !r.metaKey && !r.altKey && r.key !== " " && (s.current += r.key.toLowerCase(), l.current && clearTimeout(l.current), l.current = setTimeout(() => {
+        s.current = "";
+      }, 500), [...t.slice(c + 1), ...t.slice(0, c + 1)].find((w) => (w.textContent ?? "").trim().toLowerCase().startsWith(s.current))?.focus());
+    },
+    [n, e, o, m]
+  );
+  return { containerRef: y, onKeyDown: k, focusFirst: g, focusLast: d };
+}
+export {
+  p as useRovingFocus
+};