react-resizable-panels 4.12.2 → 4.12.3

package/dist/react-resizable-panels.js

@@ -226,14 +226,14 @@ function Ze(e) {
                   break;
                 }
                 case 1: {
-                  const w = S[0], M = Lt({
+                  const w = S[0], E = Lt({
                     orientation: n,
                     rects: [h, y],
                     targetRect: w.element.getBoundingClientRect()
                   });
                   b = [
                     w,
-                    M === h ? g : v
+                    E === h ? g : v
                   ];
                   break;
                 }
@@ -277,8 +277,8 @@ function Ze(e) {
                   g.height + L
                 );
               }
-              const M = z <= l || z > c;
-              !a && !M && u.push({
+              const E = z <= l || z > c;
+              !a && !E && u.push({
                 group: e,
                 groupSize: ne({ group: e }),
                 panels: [p, d],
@@ -344,13 +344,13 @@ let ee = {
   state: "inactive"
 };
 const ze = new Qe();
-function B() {
+function W() {
   return ee;
 }
 function Rt(e) {
   return ze.addListener("change", e);
 }
-function Mt(e) {
+function Et(e) {
   const t = ee, n = { ...ee };
   n.cursorFlags = e, ee = n, ze.emit("change", {
     prev: t,
@@ -364,7 +364,7 @@ function te(e) {
     next: e
   });
 }
-const Et = (e) => e, ye = () => {
+const Mt = (e) => e, ye = () => {
 }, et = 1, tt = 2, nt = 4, ot = 8, Ie = 3, ke = 12;
 let de;
 function De() {
@@ -415,14 +415,14 @@ function It({
 }
 const Te = /* @__PURE__ */ new WeakMap();
 function xe(e) {
-  if (e.defaultView === null || e.defaultView === void 0)
+  if (!e.defaultView || !e.adoptedStyleSheets)
     return;
   let { prevStyle: t, styleSheet: n } = Te.get(e) ?? {};
   n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && (Object.isExtensible(e.adoptedStyleSheets) ? e.adoptedStyleSheets.push(n) : e.adoptedStyleSheets = [
     ...e.adoptedStyleSheets,
     n
   ]));
-  const o = B();
+  const o = W();
   switch (o.state) {
     case "active":
     case "hover": {
@@ -463,7 +463,7 @@ function H(e, t) {
   if (t)
     throw Error(`Could not find data for Group with id ${e}`);
 }
-function X() {
+function V() {
   return F;
 }
 function Pe(e, t) {
@@ -481,21 +481,23 @@ function j(e, t, n) {
   });
 }
 function rt(e) {
-  const t = B();
-  let n = !1;
+  const t = W(), n = V();
+  let o = !1;
   switch (t.state) {
     case "active":
       te({
         cursorFlags: 0,
         state: "inactive"
-      }), t.hitRegions.length > 0 && (xe(e), n = !0, t.hitRegions.forEach((o) => {
-        const i = H(o.group.id, !0);
-        j(o.group, i, {
+      }), t.hitRegions.length > 0 && (xe(e), o = !0, t.hitRegions.forEach((i) => {
+        if (!n.has(i.group))
+          return;
+        const s = H(i.group.id, !0);
+        j(i.group, s, {
           isUserInteraction: !0
         });
       }));
   }
-  return n;
+  return o;
 }
 function Ge(e) {
   e.defaultPrevented || rt(e.currentTarget);
@@ -732,11 +734,11 @@ function le({
       const h = a[f], { collapsible: y, collapsedSize: b, minSize: v } = d;
       if (y && A(h, v) < 0)
         if (e > 0) {
-          const g = v - b, w = g / 2, M = h + e;
-          A(M, v) < 0 && (e = A(e, w) <= 0 ? 0 : g);
+          const g = v - b, w = g / 2, E = h + e;
+          A(E, v) < 0 && (e = A(e, w) <= 0 ? 0 : g);
         } else {
-          const g = v - b, w = 100 - g / 2, M = h - e;
-          A(M, v) < 0 && (e = A(100 + e, w) > 0 ? 0 : -g);
+          const g = v - b, w = 100 - g / 2, E = h - e;
+          A(E, v) < 0 && (e = A(100 + e, w) > 0 ? 0 : -g);
         }
       break;
     }
@@ -805,11 +807,11 @@ function le({
           w != null,
           `Previous layout not found for panel index ${g}`
         );
-        const M = w + b, L = Z({
+        const E = w + b, L = Z({
           overrideDisabledPanels: u,
           panelConstraints: n[g],
           prevSize: w,
-          size: M
+          size: E
         });
         if (k(w, L) || (b -= L - w, l[g] = L), k(b, 0))
           break;
@@ -826,7 +828,7 @@ function le({
   const z = Object.keys(i);
   return l.reduce((f, d, h) => (f[z[h]] = d, f), {});
 }
-function W(e, t) {
+function K(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
@@ -834,7 +836,7 @@ function W(e, t) {
       return !1;
   return !0;
 }
-function K({
+function X({
   layout: e,
   panelConstraints: t
 }) {
@@ -888,7 +890,7 @@ function at({
   panelId: t
 }) {
   const n = () => {
-    const r = X();
+    const r = V();
     for (const [
       l,
       {
@@ -967,11 +969,11 @@ function at({
       panels: p.panels,
       prevLayout: z,
       derivedPanelConstraints: m
-    }), h = K({
+    }), h = X({
       layout: d,
       panelConstraints: m
     });
-    W(z, h) || j(p, {
+    K(z, h) || j(p, {
       defaultLayoutDeferred: c,
       derivedPanelConstraints: m,
       groupSize: S,
@@ -1015,7 +1017,7 @@ function at({
 function _e(e) {
   if (e.defaultPrevented)
     return;
-  const t = X();
+  const t = V();
   we(e, t).forEach((o) => {
     if (o.separator && !o.separator.disableDoubleClick) {
       const i = o.panels.find(
@@ -1032,7 +1034,7 @@ function _e(e) {
   });
 }
 function pe(e) {
-  const t = X();
+  const t = V();
   for (const [n] of t)
     if (n.separators.some(
       (o) => o.element === e
@@ -1044,7 +1046,7 @@ function lt({
   groupId: e
 }) {
   const t = () => {
-    const n = X();
+    const n = V();
     for (const [o, i] of n)
       if (o.id === e)
         return { group: o, ...i };
@@ -1063,11 +1065,11 @@ function lt({
         groupSize: u,
         layout: a,
         separatorToPanels: r
-      } = t(), l = K({
+      } = t(), l = X({
         layout: n,
         panelConstraints: i
       });
-      return o ? a : (W(a, l) || j(s, {
+      return o ? a : (K(a, l) || j(s, {
         defaultLayoutDeferred: o,
         derivedPanelConstraints: i,
         groupSize: u,
@@ -1077,7 +1079,7 @@ function lt({
     }
   };
 }
-function U(e, t) {
+function B(e, t) {
   const n = pe(e), o = H(n.id, !0), i = n.separators.find(
     (m) => m.element === e
   );
@@ -1091,11 +1093,11 @@ function U(e, t) {
     pivotIndices: u,
     prevLayout: r,
     trigger: "keyboard"
-  }), c = K({
+  }), c = X({
     layout: l,
     panelConstraints: o.derivedPanelConstraints
   });
-  W(r, c) || j(
+  K(r, c) || j(
     n,
     {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
@@ -1118,23 +1120,23 @@ function $e(e) {
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && U(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && B(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && U(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && B(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && U(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && B(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && U(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && B(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), U(t, 100);
+        e.preventDefault(), B(t, 100);
         break;
       }
       case "Enter": {
@@ -1150,7 +1152,7 @@ function $e(e) {
         );
         if (C(m, "Panel metadata not found"), m.collapsible) {
           const p = u[c.id], S = m.collapsedSize === p ? o.mutableState.expandedPanelSizes[c.id] ?? m.minSize : m.collapsedSize;
-          U(t, S - p);
+          B(t, S - p);
         }
         break;
       }
@@ -1169,7 +1171,7 @@ function $e(e) {
         break;
       }
       case "Home": {
-        e.preventDefault(), U(t, -100);
+        e.preventDefault(), B(t, -100);
         break;
       }
     }
@@ -1179,7 +1181,7 @@ function je(e) {
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const t = X(), n = we(e, t), o = /* @__PURE__ */ new Map();
+  const t = V(), n = we(e, t), o = /* @__PURE__ */ new Map();
   let i = !1;
   n.forEach((s) => {
     s.separator && (i || (i = !0, s.separator.element.focus({
@@ -1222,7 +1224,7 @@ function ut({
       separatorToPanels: w
     } = h;
     if (b && g && w) {
-      const M = le({
+      const E = le({
         delta: f,
         initialLayout: d,
         panelConstraints: b,
@@ -1230,7 +1232,7 @@ function ut({
         prevLayout: g,
         trigger: "mouse-or-touch"
       });
-      if (W(M, g)) {
+      if (K(E, g)) {
         if (f !== 0 && !z)
           switch (p) {
             case "horizontal": {
@@ -1247,16 +1249,16 @@ function ut({
           defaultLayoutDeferred: y,
           derivedPanelConstraints: b,
           groupSize: v,
-          layout: M,
+          layout: E,
           separatorToPanels: w
         });
     }
   });
   let r = 0;
-  t.movementX === 0 ? r |= u & Ie : r |= a & Ie, t.movementY === 0 ? r |= u & ke : r |= a & ke, Mt(r), xe(e);
+  t.movementX === 0 ? r |= u & Ie : r |= a & Ie, t.movementY === 0 ? r |= u & ke : r |= a & ke, Et(r), xe(e);
 }
 function He(e) {
-  const t = X(), n = B();
+  const t = V(), n = W();
   switch (n.state) {
     case "active":
       ut({
@@ -1272,7 +1274,7 @@ function He(e) {
 function Ve(e) {
   if (e.defaultPrevented)
     return;
-  const t = B(), n = X();
+  const t = W(), n = V();
   switch (t.state) {
     case "active": {
       if (
@@ -1283,6 +1285,8 @@ function Ve(e) {
           cursorFlags: 0,
           state: "inactive"
         }), t.hitRegions.forEach((o) => {
+          if (!n.has(o.group))
+            return;
           const i = H(o.group.id, !0);
           j(o.group, i, {
             isUserInteraction: !0
@@ -1322,7 +1326,7 @@ function Ve(e) {
 }
 function Ue(e) {
   if (e.relatedTarget instanceof HTMLIFrameElement)
-    switch (B().state) {
+    switch (W().state) {
       case "hover":
         te({
           cursorFlags: 0,
@@ -1375,7 +1379,10 @@ function Ht(e, t) {
       return !1;
   return !0;
 }
-function Vt({
+function Vt(e, t) {
+  return e.length !== t.length ? !1 : e.every((n, o) => Ht(n, t[o]));
+}
+function Ut({
   group: e,
   nextGroupSize: t,
   prevGroupSize: n,
@@ -1424,7 +1431,7 @@ function Vt({
   }
   return c;
 }
-function Ut(e, t) {
+function Bt(e, t) {
   const n = e.map((i) => i.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1434,7 +1441,7 @@ function Ut(e, t) {
   return !0;
 }
 const J = /* @__PURE__ */ new Map();
-function Bt(e) {
+function Wt(e) {
   let t = !0;
   C(
     e.element.ownerDocument.defaultView,
@@ -1451,20 +1458,20 @@ function Bt(e) {
           const v = H(e.id);
           if (!v)
             return;
-          const g = ve(e), w = v.defaultLayoutDeferred ? We(g) : v.layout, M = Vt({
+          const g = ve(e), w = v.defaultLayoutDeferred ? We(g) : v.layout, E = Ut({
             group: e,
             nextGroupSize: b,
             prevGroupSize: v.groupSize,
             prevLayout: w
-          }), L = K({
-            layout: M,
+          }), L = X({
+            layout: E,
             panelConstraints: g
           });
-          if (!v.defaultLayoutDeferred && W(v.layout, L) && Ht(
+          if (!v.defaultLayoutDeferred && K(v.layout, L) && Vt(
             v.derivedPanelConstraints,
             g
           ) && v.groupSize === b)
-            return;
+            continue;
           j(e, {
             defaultLayoutDeferred: !1,
             derivedPanelConstraints: g,
@@ -1485,8 +1492,8 @@ function Bt(e) {
   });
   const u = ne({ group: e }), a = ve(e), r = e.panels.map(({ id: f }) => f).join(",");
   let l = e.mutableState.defaultLayout;
-  l && (Ut(e.panels, l) || (l = void 0));
-  const c = e.mutableState.layouts[r] ?? l ?? We(a), m = K({
+  l && (Bt(e.panels, l) || (l = void 0));
+  const c = e.mutableState.layouts[r] ?? l ?? We(a), m = X({
     layout: c,
     panelConstraints: a
   }), p = e.element.ownerDocument;
@@ -1529,7 +1536,7 @@ function Bt(e) {
     ), p.removeEventListener("pointerleave", He), p.removeEventListener("pointermove", Ve), p.removeEventListener("pointerout", Ue), p.removeEventListener("pointerup", Be, !0)), s.disconnect();
   };
 }
-function Wt() {
+function Kt() {
   const [e, t] = Q({}), n = re(() => t({}), []);
   return [e, n];
 }
@@ -1572,10 +1579,10 @@ function Re(e) {
   }, [e]), t.current;
 }
 const ct = gt(null);
-function Kt(e, t) {
+function Xt(e, t) {
   const n = O({
     getLayout: () => ({}),
-    setLayout: Et
+    setLayout: Mt
   });
   Xe(t, () => n.current, []), q(() => {
     Object.assign(
@@ -1584,7 +1591,7 @@ function Kt(e, t) {
     );
   });
 }
-function Xt({
+function qt({
   children: e,
   className: t,
   defaultLayout: n,
@@ -1607,34 +1614,34 @@ function Xt({
     onLayoutChange: {},
     onLayoutChanged: {}
   }), f = se((x) => {
-    W(z.current.onLayoutChange, x) || (z.current.onLayoutChange = x, r?.(x));
+    K(z.current.onLayoutChange, x) || (z.current.onLayoutChange = x, r?.(x));
   }), d = se(
     (x, P) => {
-      W(z.current.onLayoutChanged, x) || (z.current.onLayoutChanged = x, l?.(x, { isUserInteraction: P }));
+      K(z.current.onLayoutChanged, x) || (z.current.onLayoutChanged = x, l?.(x, { isUserInteraction: P }));
     }
-  ), h = Le(a), y = O(null), [b, v] = Wt(), g = O({
+  ), h = Le(a), y = O(null), [b, v] = Kt(), g = O({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     resizeTargetMinimumSize: m,
     separators: []
   }), w = Ce(y, s);
-  Kt(h, u);
-  const M = se(
+  Xt(h, u);
+  const E = se(
     (x, P) => {
-      const I = B(), R = Oe(x), E = H(x);
-      if (E) {
+      const I = W(), R = Oe(x), M = H(x);
+      if (M) {
         let D = !1;
         switch (I.state) {
           case "active": {
             D = I.hitRegions.some(
-              (V) => V.group === R
+              (U) => U.group === R
             );
             break;
           }
         }
         return {
-          flexGrow: E.layout[P] ?? 1,
+          flexGrow: M.layout[P] ?? 1,
           pointerEvents: D ? "none" : void 0
         };
       }
@@ -1651,7 +1658,7 @@ function Xt({
       get disableCursor() {
         return !!L.disableCursor;
       },
-      getPanelStyles: M,
+      getPanelStyles: E,
       id: h,
       orientation: c,
       registerPanel: (x) => {
@@ -1678,26 +1685,26 @@ function Xt({
       },
       updatePanelProps: (x, { disabled: P }) => {
         const R = g.current.panels.find(
-          (V) => V.id === x
+          (U) => U.id === x
         );
         R && (R.panelConstraints.disabled = P);
-        const E = Oe(h), D = H(h);
-        E && D && j(E, {
+        const M = Oe(h), D = H(h);
+        M && D && j(M, {
           ...D,
-          derivedPanelConstraints: ve(E)
+          derivedPanelConstraints: ve(M)
         });
       },
       updateSeparatorProps: (x, {
         disabled: P,
         disableDoubleClick: I
       }) => {
-        const E = g.current.separators.find(
+        const M = g.current.separators.find(
           (D) => D.id === x
         );
-        E && (E.disabled = P, E.disableDoubleClick = I);
+        M && (M.disabled = P, M.disableDoubleClick = I);
       }
     }),
-    [M, h, v, c, L]
+    [E, h, v, c, L]
   ), N = O(null);
   return q(() => {
     const x = y.current;
@@ -1728,14 +1735,14 @@ function Xt({
       separators: P.separators
     };
     N.current = R;
-    const E = Bt(R), { defaultLayoutDeferred: D, derivedPanelConstraints: V, layout: ue } = H(R.id, !0);
-    !D && V.length > 0 && (f(ue), d(ue, !1));
+    const M = Wt(R), { defaultLayoutDeferred: D, derivedPanelConstraints: U, layout: ue } = H(R.id, !0);
+    !D && U.length > 0 && (f(ue), d(ue, !1));
     const oe = Pe(h, (_) => {
-      const { defaultLayoutDeferred: Y, derivedPanelConstraints: Ee, layout: ce } = _.next;
-      if (Y || Ee.length === 0)
+      const { defaultLayoutDeferred: Y, derivedPanelConstraints: Me, layout: ce } = _.next;
+      if (Y || Me.length === 0)
         return;
       const ft = R.panels.map(({ id: $ }) => $).join(",");
-      R.mutableState.layouts[ft] = ce, Ee.forEach(($) => {
+      R.mutableState.layouts[ft] = ce, Me.forEach(($) => {
         if ($.collapsible) {
           const { layout: ge } = _.prev ?? {};
           if (ge) {
@@ -1750,11 +1757,11 @@ function Xt({
           }
         }
       });
-      const dt = B().state !== "active";
+      const dt = W().state !== "active";
       f(ce), dt && d(ce, _.isUserInteraction);
     });
     return () => {
-      N.current = null, E(), oe();
+      N.current = null, M(), oe();
     };
   }, [
     i,
@@ -1794,11 +1801,11 @@ function Xt({
     }
   ) });
 }
-Xt.displayName = "Group";
+qt.displayName = "Group";
 function he(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function qt({
+function Yt({
   id: e,
   panelIds: t,
   storage: n
@@ -1833,7 +1840,7 @@ function qt({
     } catch {
     }
 }
-function sn({
+function an({
   debounceSaveMs: e = 100,
   onlySaveAfterUserInteractions: t,
   panelIds: n,
@@ -1841,7 +1848,7 @@ function sn({
   ...i
 }) {
   const s = n !== void 0, u = "id" in i ? i.id : i.groupId, a = he(u, n ?? []), r = qe(
-    Yt,
+    Jt,
     () => o.getItem(a),
     () => o.getItem(a)
   ), l = Se(() => {
@@ -1852,7 +1859,7 @@ function sn({
     }
   }, [r]), c = Se(() => {
     if (!l)
-      return qt({
+      return Yt({
         id: u,
         panelIds: n,
         storage: o
@@ -1914,25 +1921,25 @@ function sn({
     onLayoutChanged: z
   };
 }
-function Yt() {
+function Jt() {
   return function() {
   };
 }
-function an() {
+function ln() {
   return Q(null);
 }
-function ln() {
+function un() {
   return O(null);
 }
-function Me() {
+function Ee() {
   const e = yt(ct);
   return C(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Jt(e, t) {
-  const { id: n } = Me(), o = O({
+function Zt(e, t) {
+  const { id: n } = Ee(), o = O({
     collapse: ye,
     expand: ye,
     getSize: () => ({
@@ -1949,7 +1956,7 @@ function Jt(e, t) {
     );
   });
 }
-function Zt({
+function Qt({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -1972,17 +1979,17 @@ function Zt({
     getPanelStyles: v,
     id: g,
     orientation: w,
-    registerPanel: M,
+    registerPanel: E,
     updatePanelProps: L
-  } = Me(), G = m !== null, N = se(
-    (R, E, D) => {
+  } = Ee(), G = m !== null, N = se(
+    (R, M, D) => {
       m?.(R, r, D);
     }
   );
   q(() => {
     const R = y.current;
     if (R !== null) {
-      const E = {
+      const M = {
         element: R,
         id: d,
         idIsStable: f,
@@ -2001,7 +2008,7 @@ function Zt({
           minSize: c
         }
       };
-      return M(E);
+      return E(M);
     }
   }, [
     a,
@@ -2014,11 +2021,11 @@ function Zt({
     l,
     c,
     N,
-    M,
+    E,
     h
   ]), me(() => {
     L(d, { disabled: s });
-  }, [s, d, L]), Jt(d, p);
+  }, [s, d, L]), Zt(d, p);
   const x = () => {
     const R = v(g, d);
     if (R)
@@ -2043,7 +2050,7 @@ function Zt({
       id: d,
       ref: b,
       style: {
-        ...Qt,
+        ...en,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
@@ -2072,8 +2079,8 @@ function Zt({
     }
   );
 }
-Zt.displayName = "Panel";
-const Qt = {
+Qt.displayName = "Panel";
+const en = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -2085,13 +2092,13 @@ const Qt = {
   padding: 0,
   margin: 0
 };
-function un() {
+function cn() {
   return Q(null);
 }
-function cn() {
+function fn() {
   return O(null);
 }
-function en({
+function tn({
   layout: e,
   panelConstraints: t,
   panelId: n,
@@ -2103,7 +2110,7 @@ function en({
   );
   if (a) {
     const r = a.maxSize, l = a.collapsible ? a.collapsedSize : a.minSize, c = [o, o + 1];
-    s = K({
+    s = X({
       layout: le({
         delta: l - u,
         initialLayout: e,
@@ -2112,7 +2119,7 @@ function en({
         prevLayout: e
       }),
       panelConstraints: t
-    })[n], i = K({
+    })[n], i = X({
       layout: le({
         delta: r - u,
         initialLayout: e,
@@ -2130,7 +2137,7 @@ function en({
     valueNow: u
   };
 }
-function tn({
+function nn({
   children: e,
   className: t,
   disabled: n,
@@ -2149,7 +2156,7 @@ function tn({
     orientation: v,
     registerSeparator: g,
     updateSeparatorProps: w
-  } = Me(), M = v === "horizontal" ? "vertical" : "horizontal";
+  } = Ee(), E = v === "horizontal" ? "vertical" : "horizontal";
   q(() => {
     const N = d.current;
     if (N !== null) {
@@ -2159,22 +2166,22 @@ function tn({
         element: N,
         id: r
       }, P = g(x), I = Rt(
-        (E) => {
+        (M) => {
           S(
-            E.next.state !== "inactive" && E.next.hitRegions.some(
+            M.next.state !== "inactive" && M.next.hitRegions.some(
               (D) => D.separator === x
-            ) ? E.next.state : "inactive"
+            ) ? M.next.state : "inactive"
           );
         }
       ), R = Pe(
         b,
-        (E) => {
-          const { derivedPanelConstraints: D, layout: V, separatorToPanels: ue } = E.next, oe = ue.get(x);
+        (M) => {
+          const { derivedPanelConstraints: D, layout: U, separatorToPanels: ue } = M.next, oe = ue.get(x);
           if (oe) {
             const _ = oe[0], Y = oe.indexOf(_);
             m(
-              en({
-                layout: V,
+              tn({
+                layout: U,
                 panelConstraints: D,
                 panelId: _.id,
                 panelIndex: Y
@@ -2210,7 +2217,7 @@ function tn({
       ...a,
       "aria-controls": c.valueControls,
       "aria-disabled": n || void 0,
-      "aria-orientation": M,
+      "aria-orientation": E,
       "aria-valuemax": c.valueMax,
       "aria-valuemin": c.valueMin,
       "aria-valuenow": c.valueNow,
@@ -2237,16 +2244,16 @@ function tn({
     }
   );
 }
-tn.displayName = "Separator";
+nn.displayName = "Separator";
 export {
-  Xt as Group,
-  Zt as Panel,
-  tn as Separator,
+  qt as Group,
+  Qt as Panel,
+  nn as Separator,
   Ct as isCoarsePointer,
-  sn as useDefaultLayout,
-  an as useGroupCallbackRef,
-  ln as useGroupRef,
-  un as usePanelCallbackRef,
-  cn as usePanelRef
+  an as useDefaultLayout,
+  ln as useGroupCallbackRef,
+  un as useGroupRef,
+  cn as usePanelCallbackRef,
+  fn as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map