@react-hive/honey-layout 5.2.0-beta → 5.2.1-beta

package/dist/components/HoneyPopup/hooks/use-honey-popup.d.ts

@@ -4,10 +4,6 @@ import { Nullable } from '../../../types';
 import { UseHoneyPopupInteractionsOptions } from './use-honey-popup-interactions';
 export interface UseHoneyPopupOptions extends UseHoneyPopupInteractionsOptions {
     open?: boolean;
-    /**
-     * Configuration for the floating arrow.
-     */
-    arrowOptions?: Omit<ArrowOptions, 'element'>;
     /**
      * Options for configuring the floating UI behavior.
      */
@@ -31,6 +27,10 @@ export interface UseHoneyPopupOptions extends UseHoneyPopupInteractionsOptions {
      * @see https://floating-ui.com/docs/shift
      */
     shiftOptions?: ShiftOptions;
+    /**
+     * Configuration for the floating arrow.
+     */
+    arrowOptions?: Omit<ArrowOptions, 'element'>;
     /**
      * @prop duration Default is 250.
      *
@@ -92,5 +92,5 @@ interface UseHoneyPopupApi {
  *
  * @returns An object containing state and utilities for managing the popup.
  */
-export declare const useHoneyPopup: ({ enabled, event, dismissOptions, clickOptions, hoverOptions, focusOptions, clientPointsOptions, roleOptions, open, arrowOptions, floatingOptions, offsetOptions, flipOptions, shiftOptions, transitionOptions, useAutoUpdate, autoUpdateOptions, onOpen, onClose, }: UseHoneyPopupOptions) => UseHoneyPopupApi;
+export declare const useHoneyPopup: ({ enabled, event, dismissOptions, clickOptions, hoverOptions, focusOptions, clientPointsOptions, roleOptions, open, floatingOptions, offsetOptions, flipOptions, shiftOptions, arrowOptions, transitionOptions, useAutoUpdate, autoUpdateOptions, onOpen, onClose, }: UseHoneyPopupOptions) => UseHoneyPopupApi;
 export {};

package/dist/index.js

@@ -4606,11 +4606,11 @@ const $o = Nn(void 0), Hc = Ue(Qt).attrs(({ $width: e = "max-content" }) => ({
   clientPointsOptions: i,
   roleOptions: c,
   open: l,
-  arrowOptions: a,
-  floatingOptions: g,
-  offsetOptions: f,
-  flipOptions: u,
-  shiftOptions: p,
+  floatingOptions: a,
+  offsetOptions: g,
+  flipOptions: f,
+  shiftOptions: u,
+  arrowOptions: p,
   transitionOptions: y,
   useAutoUpdate: h = !1,
   autoUpdateOptions: E,
@@ -4624,22 +4624,27 @@ const $o = Nn(void 0), Hc = Ue(Qt).attrs(({ $width: e = "max-content" }) => ({
   const M = We(() => {
     O(!1), w == null || w();
   }, [w]), F = [
-    // https://floating-ui.com/docs/arrow
-    Xa({
-      element: A,
-      // https://floating-ui.com/docs/floatingarrow#arrow-does-not-avoid-rounded-corners
-      padding: S.spacings.base,
-      ...a
-    }),
-    za(f ?? S.spacings.base),
+    za(g ?? S.spacings.base),
     // https://floating-ui.com/docs/flip
     Ga({
       // https://floating-ui.com/docs/flip#combining-with-shift
       crossAxis: !1,
-      ...u
+      ...f
     }),
     // https://floating-ui.com/docs/shift
     qa({
+      padding: S.spacings.base,
+      ...u
+    }),
+    /**
+     * The `arrow()` should generally be placed toward the end of your middleware array,
+     * after `shift()` or `autoPlacement()` (if used).
+     *
+     * @see https://floating-ui.com/docs/arrow
+     */
+    Xa({
+      element: A,
+      // https://floating-ui.com/docs/floatingarrow#arrow-does-not-avoid-rounded-corners
       padding: S.spacings.base,
       ...p
     })
@@ -4652,7 +4657,7 @@ const $o = Nn(void 0), Hc = Ue(Qt).attrs(({ $width: e = "max-content" }) => ({
     ...h && {
       whileElementsMounted: (R, _, V) => $a(R, _, V, E)
     },
-    ...g
+    ...a
   }), Y = Wc(U.context, {
     enabled: e,
     event: t,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-layout",
-  "version": "5.2.0-beta",
+  "version": "5.2.1-beta",
   "description": "",
   "keywords": [
     "react",