@particle-academy/react-fancy 4.4.5 → 4.4.7

package/dist/index.cjs

@@ -2569,7 +2569,22 @@ var Button = react.forwardRef(
       trailingElements
     ] });
     const safeHref = sanitizeHref(href);
-    const buttonEl = safeHref && !disabled ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: safeHref, className: classes, "data-react-fancy-button": "", "data-react-fancy-action": "", children: content }) : /* @__PURE__ */ jsxRuntime.jsx(
+    const buttonEl = safeHref && !disabled ? (
+      // Anchor mode forwards the same rest props as the <button> branch so
+      // onClick / target / rel / ref / ARIA / data-* reach the <a> (issue #7).
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          ref,
+          href: safeHref,
+          className: classes,
+          "data-react-fancy-button": "",
+          "data-react-fancy-action": "",
+          ...props,
+          children: content
+        }
+      )
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         ref,
@@ -3341,6 +3356,28 @@ function useFloatingPosition(anchorRef, floatingRef, options = {}) {
   react.useEffect(() => {
     if (enabled) update();
   });
+  react.useEffect(() => {
+    if (!enabled) return;
+    let raf = 0;
+    let ro = null;
+    const tick = () => {
+      const el = floatingRef.current;
+      if (el) {
+        update();
+        if (typeof ResizeObserver !== "undefined") {
+          ro = new ResizeObserver(() => update());
+          ro.observe(el);
+        }
+      } else {
+        raf = requestAnimationFrame(tick);
+      }
+    };
+    raf = requestAnimationFrame(tick);
+    return () => {
+      cancelAnimationFrame(raf);
+      ro?.disconnect();
+    };
+  }, [enabled, update, floatingRef]);
   react.useEffect(() => {
     if (!enabled) {
       setPosition(