react-resizable-panels 2.1.6 → 2.1.7

package/dist/react-resizable-panels.browser.cjs.js

@@ -331,8 +331,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -370,7 +370,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -378,7 +378,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -403,7 +403,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -414,7 +414,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -576,7 +576,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.browser.development.cjs.js

@@ -337,8 +337,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -376,7 +376,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -384,7 +384,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -409,7 +409,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -420,7 +420,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -582,7 +582,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.browser.development.esm.js

@@ -313,8 +313,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -352,7 +352,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -360,7 +360,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -385,7 +385,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -396,7 +396,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -558,7 +558,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.browser.esm.js

@@ -307,8 +307,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -346,7 +346,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -354,7 +354,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -379,7 +379,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -390,7 +390,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -552,7 +552,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.cjs.js

@@ -333,8 +333,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -372,7 +372,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -380,7 +380,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -405,7 +405,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -416,7 +416,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -578,7 +578,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.development.cjs.js

@@ -344,8 +344,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -383,7 +383,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -391,7 +391,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -416,7 +416,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -427,7 +427,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -589,7 +589,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.development.esm.js

@@ -320,8 +320,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -359,7 +359,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -367,7 +367,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -392,7 +392,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -403,7 +403,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -565,7 +565,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.development.node.cjs.js

@@ -306,8 +306,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -345,7 +345,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -353,7 +353,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -378,7 +378,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -389,7 +389,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -551,7 +551,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.development.node.esm.js

@@ -282,8 +282,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -321,7 +321,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -329,7 +329,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -354,7 +354,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -365,7 +365,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -527,7 +527,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.esm.js

@@ -309,8 +309,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -348,7 +348,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -356,7 +356,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -381,7 +381,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -392,7 +392,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -554,7 +554,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.node.cjs.js

@@ -295,8 +295,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -334,7 +334,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -342,7 +342,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -367,7 +367,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -378,7 +378,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -540,7 +540,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/dist/react-resizable-panels.node.esm.js

@@ -271,8 +271,8 @@ function intersects(rectOne, rectTwo, strict) {
 /**
  * Determine which of two nodes appears in front of the other —
  * if `a` is in front, returns 1, otherwise returns -1
- * @param {HTMLElement} a
- * @param {HTMLElement} b
+ * @param {HTMLElement | SVGElement} a
+ * @param {HTMLElement | SVGElement} b
  */
 function compare(a, b) {
   if (a === b) throw new Error("Cannot compare node with itself");
@@ -310,7 +310,7 @@ function compare(a, b) {
 }
 const props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function is_flex_item(node) {
   var _get_parent;
   // @ts-ignore
@@ -318,7 +318,7 @@ function is_flex_item(node) {
   return display === "flex" || display === "inline-flex";
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function creates_stacking_context(node) {
   const style = getComputedStyle(node);
 
@@ -343,7 +343,7 @@ function creates_stacking_context(node) {
   return false;
 }
 
-/** @param {HTMLElement[]} nodes */
+/** @param {(HTMLElement| SVGElement)[]} nodes */
 function find_stacking_context(nodes) {
   let i = nodes.length;
   while (i--) {
@@ -354,7 +354,7 @@ function find_stacking_context(nodes) {
   return null;
 }
 
-/** @param {HTMLElement} node */
+/** @param {HTMLElement | SVGElement} node */
 function get_z_index(node) {
   return node && Number(getComputedStyle(node).zIndex) || 0;
 }
@@ -516,7 +516,7 @@ function recalculateIntersectingHandles({
 }) {
   intersectingHandles.splice(0);
   let targetElement = null;
-  if (target instanceof HTMLElement) {
+  if (target instanceof HTMLElement || target instanceof SVGElement) {
     targetElement = target;
   }
   registeredResizeHandlers.forEach(data => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-resizable-panels",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "React components for resizable panel groups/layouts",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "license": "MIT",
@@ -11,6 +11,12 @@
   "source": "src/index.ts",
   "main": "dist/react-resizable-panels.cjs.js",
   "module": "dist/react-resizable-panels.esm.js",
+  "files": [
+    "dist",
+    "package.json",
+    "README.md",
+    "LICENSE"
+  ],
   "exports": {
     ".": {
       "types": {