react-resizable-panels 4.0.3 → 4.0.4

package/dist/react-resizable-panels.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as W } from "react/jsx-runtime";
-import { useId as $e, useLayoutEffect as Ne, useEffect as _e, useRef as T, useCallback as xe, createContext as He, useImperativeHandle as ze, useState as G, useMemo as be, useSyncExternalStore as Fe, useContext as We } from "react";
+import { useId as $e, useLayoutEffect as Ne, useEffect as _e, useRef as T, useCallback as xe, createContext as Fe, useImperativeHandle as ze, useState as G, useMemo as be, useSyncExternalStore as He, useContext as We } from "react";
 function z(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
@@ -303,7 +303,7 @@ function Je({
   }
   return o > 0 && r > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
 }
-let ie = null, k;
+let ie, k;
 function le() {
   k === void 0 && (k = new CSSStyleSheet(), document.adoptedStyleSheets = [k]);
   const { cursorFlags: e, interactionState: t } = O();
@@ -312,16 +312,16 @@ function le() {
     case "hover": {
       const n = Je({
         cursorFlags: e,
-        groups: t.hitRegions.map((o) => o.group),
+        groups: t.hitRegions.map((r) => r.group),
         state: t.state
-      });
-      if (ie === n)
+      }), o = `*{cursor: ${n} !important; ${t.state === "active" ? "touch-action: none;" : ""} }`;
+      if (ie === o)
         return;
-      ie = n, n ? k.cssRules.length === 0 ? k.insertRule(`*{cursor: ${n} !important;}`) : k.replaceSync(`*{cursor: ${n} !important;}`) : k.cssRules.length === 1 && k.deleteRule(0);
+      ie = o, n ? k.cssRules.length === 0 ? k.insertRule(o) : k.replaceSync(o) : k.cssRules.length === 1 && k.deleteRule(0);
       break;
     }
     case "inactive": {
-      ie = null, k.cssRules.length === 1 && k.deleteRule(0);
+      ie = void 0, k.cssRules.length === 1 && k.deleteRule(0);
       break;
     }
   }
@@ -337,7 +337,7 @@ function Qe(e, t) {
 function j(e, t) {
   return w(e, t) ? 0 : e > t ? 1 : -1;
 }
-function H({
+function F({
   panelConstraints: e,
   size: t
 }) {
@@ -423,7 +423,7 @@ function B({
         g != null,
         `Previous layout not found for panel index ${p}`
       );
-      const y = H({
+      const y = F({
         panelConstraints: n[p],
         size: 100
       }) - g;
@@ -441,7 +441,7 @@ function B({
         h != null,
         `Previous layout not found for panel index ${p}`
       );
-      const g = h - v, x = H({
+      const g = h - v, x = F({
         panelConstraints: n[p],
         size: g
       });
@@ -460,7 +460,7 @@ function B({
       p != null,
       `Previous layout not found for panel index ${d}`
     );
-    const v = p + u, h = H({
+    const v = p + u, h = F({
       panelConstraints: n[d],
       size: v
     });
@@ -472,7 +472,7 @@ function B({
           L != null,
           `Previous layout not found for panel index ${y}`
         );
-        const P = L + g, E = H({
+        const P = L + g, E = F({
           panelConstraints: n[y],
           size: P
         });
@@ -558,6 +558,8 @@ function he(e) {
     return;
   if (e.relatedTarget !== null)
     return;
+  if (e.clientX === 0 && e.clientY === 0)
+    return;
   const { interactionState: t, mountedGroups: n } = O();
   switch (t.state) {
     case "active":
@@ -603,7 +605,7 @@ function $({
   for (let i = 0; i < t.length; i++) {
     const a = o[i];
     z(a != null, `No layout data found for index ${i}`);
-    const l = H({
+    const l = F({
       panelConstraints: t[i],
       size: a
     });
@@ -613,7 +615,7 @@ function $({
     for (let i = 0; i < t.length; i++) {
       const a = o[i];
       z(a != null, `No layout data found for index ${i}`);
-      const l = a + s, f = H({
+      const l = a + s, f = F({
         panelConstraints: t[i],
         size: l
       });
@@ -804,12 +806,13 @@ function ge(e) {
   if (e.defaultPrevented)
     return;
   const { mountedGroups: t } = O(), n = Ie(e, t), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Map();
-  n.forEach((i) => {
-    o.add(i.group), i.panels.forEach((l) => {
-      r.add(l);
-    }), i.separator && s.add(i.separator);
-    const a = t.get(i.group);
-    a && c.set(i.group, a.layout);
+  let i = !1;
+  n.forEach((a) => {
+    o.add(a.group), a.panels.forEach((f) => {
+      r.add(f);
+    }), a.separator && (s.add(a.separator), i || (i = !0, a.separator.element.focus()));
+    const l = t.get(a.group);
+    l && c.set(a.group, l.layout);
   }), C({
     interactionState: {
       hitRegions: n,
@@ -979,10 +982,10 @@ function ce(e) {
   const t = $e();
   return `${e ?? t}`;
 }
-const F = typeof window < "u" ? Ne : _e;
+const H = typeof window < "u" ? Ne : _e;
 function ue(e) {
   const t = T(e);
-  return F(() => {
+  return H(() => {
     t.current = e;
   }, [e]), xe((n) => t.current?.(n), [t]);
 }
@@ -1008,13 +1011,13 @@ function Oe(e, t) {
   const n = e.replace(/[^a-zA-Z0-9\-_]/g, ""), o = t.replace(/[^a-zA-Z0-9\-_]/g, "");
   return `--react-resizable-panels--${n}--${o}`;
 }
-const Te = He(null);
+const Te = Fe(null);
 function rt(e, t) {
   const n = T({
     getLayout: () => ({}),
     setLayout: Ze
   });
-  ze(t, () => n.current, []), F(() => {
+  ze(t, () => n.current, []), H(() => {
     Object.assign(
       n.current,
       Me({ groupId: e })
@@ -1056,7 +1059,7 @@ function ht({
     }),
     [d, l]
   );
-  F(() => {
+  H(() => {
     if (h !== null && L.length > 0) {
       const b = {
         defaultLayout: n,
@@ -1155,7 +1158,7 @@ function vt({
   groupId: e,
   storage: t
 }) {
-  const n = Fe(
+  const n = He(
     lt,
     () => t.getItem(re(e)),
     () => t.getItem(re(e))
@@ -1300,7 +1303,7 @@ function ut(e, t) {
     isCollapsed: () => !1,
     resize: oe
   });
-  ze(t, () => o.current, []), F(() => {
+  ze(t, () => o.current, []), H(() => {
     Object.assign(
       o.current,
       ct({ groupId: n, panelId: e })
@@ -1325,7 +1328,7 @@ function St({
   const S = !!c, d = ce(c), [p, v] = G(null), h = fe(v, s), { id: g, registerPanel: x } = de(), y = l !== null, L = ue((E) => {
     l?.(E, c);
   });
-  F(() => {
+  H(() => {
     if (p !== null)
       return x({
         element: p,
@@ -1464,7 +1467,7 @@ function bt({
     orientation: p,
     registerSeparator: v
   } = de(), h = p === "horizontal" ? "vertical" : "horizontal";
-  return F(() => {
+  return H(() => {
     if (u !== null) {
       const g = {
         element: u,