laif-ds 0.1.34 → 0.1.36

package/dist/node_modules/@radix-ui/react-roving-focus/dist/index.js

@@ -1,118 +1,120 @@
 "use client";
-import * as s from "react";
+import * as c from "react";
 import { composeEventHandlers as p } from "../../primitive/dist/index.js";
 import { createCollection as V } from "../../react-collection/dist/index.js";
 import { useComposedRefs as j } from "../../react-compose-refs/dist/index.js";
 import { createContextScope as z } from "../../react-context/dist/index.js";
 import { useId as q } from "../../react-id/dist/index.js";
-import { Primitive as x } from "../../react-primitive/dist/index.js";
+import { Primitive as G } from "../../react-primitive/dist/index.js";
 import { useCallbackRef as J } from "../../react-use-callback-ref/dist/index.js";
 import { useControllableState as Q } from "../../react-use-controllable-state/dist/index.js";
 import { useDirection as W } from "../../react-direction/dist/index.js";
 import { jsx as d } from "react/jsx-runtime";
-var h = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, b = "RovingFocusGroup", [y, G, Z] = V(b), [$, Fe] = z(
-  b,
+var y = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, I = "RovingFocusGroup", [D, N, Z] = V(I), [$, Fe] = z(
+  I,
   [Z]
-), [ee, oe] = $(b), N = s.forwardRef(
-  (e, r) => /* @__PURE__ */ d(y.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(y.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(te, { ...e, ref: r }) }) })
+), [ee, oe] = $(I), O = c.forwardRef(
+  (e, r) => /* @__PURE__ */ d(D.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(D.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(te, { ...e, ref: r }) }) })
 );
-N.displayName = b;
-var te = s.forwardRef((e, r) => {
+O.displayName = I;
+var te = c.forwardRef((e, r) => {
   const {
-    __scopeRovingFocusGroup: c,
+    __scopeRovingFocusGroup: s,
     orientation: o,
-    loop: F = !1,
-    dir: g,
-    currentTabStopId: R,
-    defaultCurrentTabStopId: E,
-    onCurrentTabStopIdChange: m,
-    onEntryFocus: u,
-    preventScrollOnEntryFocus: w = !1,
-    ...C
-  } = e, v = s.useRef(null), I = j(r, v), t = W(g), [l = null, T] = Q({
-    prop: R,
-    defaultProp: E,
-    onChange: m
-  }), [a, i] = s.useState(!1), S = J(u), k = G(c), A = s.useRef(!1), [L, D] = s.useState(0);
-  return s.useEffect(() => {
-    const n = v.current;
+    loop: T = !1,
+    dir: w,
+    currentTabStopId: v,
+    defaultCurrentTabStopId: C,
+    onCurrentTabStopIdChange: S,
+    onEntryFocus: m,
+    preventScrollOnEntryFocus: u = !1,
+    ...b
+  } = e, F = c.useRef(null), g = j(r, F), R = W(w), [E, t] = Q({
+    prop: v,
+    defaultProp: C ?? null,
+    onChange: S,
+    caller: I
+  }), [i, h] = c.useState(!1), a = J(m), l = N(s), A = c.useRef(!1), [L, P] = c.useState(0);
+  return c.useEffect(() => {
+    const n = F.current;
     if (n)
-      return n.addEventListener(h, S), () => n.removeEventListener(h, S);
-  }, [S]), /* @__PURE__ */ d(
+      return n.addEventListener(y, a), () => n.removeEventListener(y, a);
+  }, [a]), /* @__PURE__ */ d(
     ee,
     {
-      scope: c,
+      scope: s,
       orientation: o,
-      dir: t,
-      loop: F,
-      currentTabStopId: l,
-      onItemFocus: s.useCallback(
-        (n) => T(n),
-        [T]
+      dir: R,
+      loop: T,
+      currentTabStopId: E,
+      onItemFocus: c.useCallback(
+        (n) => t(n),
+        [t]
       ),
-      onItemShiftTab: s.useCallback(() => i(!0), []),
-      onFocusableItemAdd: s.useCallback(
-        () => D((n) => n + 1),
+      onItemShiftTab: c.useCallback(() => h(!0), []),
+      onFocusableItemAdd: c.useCallback(
+        () => P((n) => n + 1),
         []
       ),
-      onFocusableItemRemove: s.useCallback(
-        () => D((n) => n - 1),
+      onFocusableItemRemove: c.useCallback(
+        () => P((n) => n - 1),
         []
       ),
       children: /* @__PURE__ */ d(
-        x.div,
+        G.div,
         {
-          tabIndex: a || L === 0 ? -1 : 0,
+          tabIndex: i || L === 0 ? -1 : 0,
           "data-orientation": o,
-          ...C,
-          ref: I,
+          ...b,
+          ref: g,
           style: { outline: "none", ...e.style },
           onMouseDown: p(e.onMouseDown, () => {
             A.current = !0;
           }),
           onFocus: p(e.onFocus, (n) => {
             const U = !A.current;
-            if (n.target === n.currentTarget && U && !a) {
-              const P = new CustomEvent(h, X);
-              if (n.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
-                const _ = k().filter((f) => f.focusable), B = _.find((f) => f.active), Y = _.find((f) => f.id === l), H = [B, Y, ..._].filter(
+            if (n.target === n.currentTarget && U && !i) {
+              const x = new CustomEvent(y, X);
+              if (n.currentTarget.dispatchEvent(x), !x.defaultPrevented) {
+                const _ = l().filter((f) => f.focusable), B = _.find((f) => f.active), Y = _.find((f) => f.id === E), H = [B, Y, ..._].filter(
                   Boolean
                 ).map((f) => f.ref.current);
-                M(H, w);
+                k(H, u);
               }
             }
             A.current = !1;
           }),
-          onBlur: p(e.onBlur, () => i(!1))
+          onBlur: p(e.onBlur, () => h(!1))
         }
       )
     }
   );
-}), O = "RovingFocusGroupItem", K = s.forwardRef(
+}), K = "RovingFocusGroupItem", M = c.forwardRef(
   (e, r) => {
     const {
-      __scopeRovingFocusGroup: c,
+      __scopeRovingFocusGroup: s,
       focusable: o = !0,
-      active: F = !1,
-      tabStopId: g,
-      ...R
-    } = e, E = q(), m = g || E, u = oe(O, c), w = u.currentTabStopId === m, C = G(c), { onFocusableItemAdd: v, onFocusableItemRemove: I } = u;
-    return s.useEffect(() => {
+      active: T = !1,
+      tabStopId: w,
+      children: v,
+      ...C
+    } = e, S = q(), m = w || S, u = oe(K, s), b = u.currentTabStopId === m, F = N(s), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
+    return c.useEffect(() => {
       if (o)
-        return v(), () => I();
-    }, [o, v, I]), /* @__PURE__ */ d(
-      y.ItemSlot,
+        return g(), () => R();
+    }, [o, g, R]), /* @__PURE__ */ d(
+      D.ItemSlot,
       {
-        scope: c,
+        scope: s,
         id: m,
         focusable: o,
-        active: F,
+        active: T,
         children: /* @__PURE__ */ d(
-          x.span,
+          G.span,
           {
-            tabIndex: w ? 0 : -1,
+            tabIndex: b ? 0 : -1,
             "data-orientation": u.orientation,
-            ...R,
+            ...C,
             ref: r,
             onMouseDown: p(e.onMouseDown, (t) => {
               o ? u.onItemFocus(m) : t.preventDefault();
@@ -124,27 +126,28 @@ var te = s.forwardRef((e, r) => {
                 return;
               }
               if (t.target !== t.currentTarget) return;
-              const l = se(t, u.orientation, u.dir);
-              if (l !== void 0) {
+              const i = ce(t, u.orientation, u.dir);
+              if (i !== void 0) {
                 if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
                 t.preventDefault();
-                let a = C().filter((i) => i.focusable).map((i) => i.ref.current);
-                if (l === "last") a.reverse();
-                else if (l === "prev" || l === "next") {
-                  l === "prev" && a.reverse();
-                  const i = a.indexOf(t.currentTarget);
-                  a = u.loop ? ce(a, i + 1) : a.slice(i + 1);
+                let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
+                if (i === "last") a.reverse();
+                else if (i === "prev" || i === "next") {
+                  i === "prev" && a.reverse();
+                  const l = a.indexOf(t.currentTarget);
+                  a = u.loop ? se(a, l + 1) : a.slice(l + 1);
                 }
-                setTimeout(() => M(a));
+                setTimeout(() => k(a));
               }
-            })
+            }),
+            children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
           }
         )
       }
     );
   }
 );
-K.displayName = O;
+M.displayName = K;
 var re = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
@@ -158,24 +161,24 @@ var re = {
 function ne(e, r) {
   return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function se(e, r, c) {
-  const o = ne(e.key, c);
+function ce(e, r, s) {
+  const o = ne(e.key, s);
   if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
     return re[o];
 }
-function M(e, r = !1) {
-  const c = document.activeElement;
+function k(e, r = !1) {
+  const s = document.activeElement;
   for (const o of e)
-    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
+    if (o === s || (o.focus({ preventScroll: r }), document.activeElement !== s)) return;
 }
-function ce(e, r) {
-  return e.map((c, o) => e[(r + o) % e.length]);
+function se(e, r) {
+  return e.map((s, o) => e[(r + o) % e.length]);
 }
-var ge = N, Re = K;
+var ge = O, Re = M;
 export {
   Re as Item,
   ge as Root,
-  N as RovingFocusGroup,
-  K as RovingFocusGroupItem,
+  O as RovingFocusGroup,
+  M as RovingFocusGroupItem,
   Fe as createRovingFocusGroupScope
 };