@justanarthur/modo-ui 0.5.0 → 0.6.0-canary.0

package/dist/shared/{components-59efxjd9.js → components-yhgq0qxx.js}

@@ -1,3 +1,4 @@
+"use client";
 // lib/use-fluid-hover.ts
 import {
   useCallback,
@@ -5,7 +6,7 @@ import {
   useRef,
   useState
 } from "react";
-function pickNearest({
+function pickNearest2({
   axis,
   point,
   rects,
@@ -57,8 +58,8 @@ function pickNearest({
   }
   return containingIndex ?? closestIndex;
 }
-var ACTIVE_ATTR = "data-fluid-hover-active";
-var ACTIVE_INDEX_ATTR = "data-fluid-hover-active-index";
+var ACTIVE_ATTR2 = "data-fluid-hover-active";
+var ACTIVE_INDEX_ATTR2 = "data-fluid-hover-active-index";
 var ACTIVATOR_SELECTOR = "a[href], button, [role='menuitem'], [role='menuitemradio'], [role='menuitemcheckbox'], [role='option'], [role='radio'], [role='checkbox'], [role='tab'], [role='link'], [role='button']";
 function resolveActivator(element) {
   if (element.matches(ACTIVATOR_SELECTOR) || element.hasAttribute("tabindex")) {
@@ -77,15 +78,15 @@ function useFluidHover2(containerRef, options = {}) {
   useEffect(() => {
     const container = containerRef.current;
     if (activeIndex === null)
-      container?.removeAttribute(ACTIVE_INDEX_ATTR);
+      container?.removeAttribute(ACTIVE_INDEX_ATTR2);
     else
-      container?.setAttribute(ACTIVE_INDEX_ATTR, String(activeIndex));
+      container?.setAttribute(ACTIVE_INDEX_ATTR2, String(activeIndex));
     const active = activeIndex === null ? undefined : itemsRef.current.get(activeIndex);
-    active?.setAttribute(ACTIVE_ATTR, "");
+    active?.setAttribute(ACTIVE_ATTR2, "");
     return () => {
-      active?.removeAttribute(ACTIVE_ATTR);
+      active?.removeAttribute(ACTIVE_ATTR2);
       if (activeIndex !== null)
-        itemsRef.current.get(activeIndex)?.removeAttribute(ACTIVE_ATTR);
+        itemsRef.current.get(activeIndex)?.removeAttribute(ACTIVE_ATTR2);
     };
   }, [activeIndex, containerRef]);
   const [itemRects, setItemRects] = useState([]);
@@ -170,12 +171,12 @@ function useFluidHover2(containerRef, options = {}) {
       itemsRef.current.set(index, element);
       getItemRo()?.observe(element);
       if (index === activeIndexRef.current)
-        element.setAttribute(ACTIVE_ATTR, "");
+        element.setAttribute(ACTIVE_ATTR2, "");
     } else {
       const previous = itemsRef.current.get(index);
       if (previous)
         itemRoRef.current?.unobserve(previous);
-      previous?.removeAttribute(ACTIVE_ATTR);
+      previous?.removeAttribute(ACTIVE_ATTR2);
       itemsRef.current.delete(index);
       if (index === activeIndexRef.current) {
         setActiveIndex((current) => current === index && !itemsRef.current.has(index) ? null : current);
@@ -194,7 +195,7 @@ function useFluidHover2(containerRef, options = {}) {
       const container = containerRef.current;
       if (!container)
         return;
-      setActiveIndex(pickNearest({
+      setActiveIndex(pickNearest2({
         axis,
         point: { x: mouseX, y: mouseY },
         rects: itemRectsRef.current,
@@ -295,4 +296,4 @@ function useRegisterFluidHoverItem2(registerItem, index, ref) {
   }, [index, registerItem, ref]);
 }
 
-export { useFluidHover2, useRegisterFluidHoverItem2 };
+export { pickNearest2, ACTIVE_ATTR2, ACTIVE_INDEX_ATTR2, useFluidHover2, useRegisterFluidHoverItem2 };