@homebound/beam 3.5.0 → 3.5.1

package/dist/index.d.cts

@@ -6133,7 +6133,7 @@ declare const navLink = "navLink";
  */
 declare function CssReset(): null;
 
-interface DnDGridProps {
+type DnDGridProps = {
     children: ReactNode;
     /** CSS Grid styles for the grid container. */
     gridStyles?: GridStyles;
@@ -6141,7 +6141,7 @@ interface DnDGridProps {
     activeItemStyles?: Properties;
     /** Returns the new order of the GridItems. */
     onReorder: (items: string[]) => void;
-}
+};
 declare function DnDGrid(props: DnDGridProps): JSX.Element;
 type GridStyles = Pick<Properties, "gridTemplate" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gap" | "columnGap" | "rowGap">;
 

package/dist/index.d.ts

@@ -6133,7 +6133,7 @@ declare const navLink = "navLink";
  */
 declare function CssReset(): null;
 
-interface DnDGridProps {
+type DnDGridProps = {
     children: ReactNode;
     /** CSS Grid styles for the grid container. */
     gridStyles?: GridStyles;
@@ -6141,7 +6141,7 @@ interface DnDGridProps {
     activeItemStyles?: Properties;
     /** Returns the new order of the GridItems. */
     onReorder: (items: string[]) => void;
-}
+};
 declare function DnDGrid(props: DnDGridProps): JSX.Element;
 type GridStyles = Pick<Properties, "gridTemplate" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gap" | "columnGap" | "rowGap">;
 

package/dist/index.js

@@ -20375,7 +20375,9 @@ function DnDGrid(props) {
       const target = maybeTarget instanceof HTMLElement ? maybeTarget?.closest(`[${gridItemIdKey}]`) : void 0;
       if (target instanceof HTMLElement && target !== cloneEl.current && target !== dragEl.current) {
         const targetPos = target.getBoundingClientRect();
-        const isHalfwayPassedTarget = (clientY - targetPos.top) / (targetPos.bottom - targetPos.top) > 0.5 || (clientX - targetPos.left) / (targetPos.right - targetPos.left) > 0.5;
+        const clonePos = cloneEl.current.getBoundingClientRect();
+        const useYAxis = Math.abs(targetPos.top - clonePos.top) >= Math.abs(targetPos.left - clonePos.left);
+        const isHalfwayPassedTarget = useYAxis ? (clientY - targetPos.top) / (targetPos.bottom - targetPos.top) > 0.5 : (clientX - targetPos.left) / (targetPos.right - targetPos.left) > 0.5;
         const shouldInsert = isHalfwayPassedTarget && target.nextSibling !== cloneEl.current || !isHalfwayPassedTarget && target.previousSibling !== cloneEl.current;
         if (shouldInsert) {
           gridEl.current.insertBefore(cloneEl.current, isHalfwayPassedTarget ? target.nextSibling : target);