@justanarthur/modo-ui 0.1.0 → 0.2.0

package/dist/shared/{components-6y1th6k4.js → components-3mkepka5.js}

@@ -1,27 +1,27 @@
-import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
 import {
   MorphSurface
-} from "./components-jxgznftn.js";
+} from "./components-0q0sqfh4.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  inPlaceOffset,
-  opensInPlace,
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
+import {
+  useControllableState
+} from "./components-n7mjr357.js";
 
 // components/overlays/preview-card/index.tsx
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
@@ -34,14 +34,14 @@ import {
 } from "react";
 import { jsx } from "react/jsx-runtime";
 var PreviewCardContext = createContext({ open: false, origin: { current: {} } });
-var PreviewCardTrigger = forwardRef(({ render, className, ...props }, ref) => /* @__PURE__ */ jsx(PreviewCardPrimitive.Trigger, {
+var PreviewCardTrigger2 = forwardRef(({ render, className, ...props }, ref) => /* @__PURE__ */ jsx(PreviewCardPrimitive.Trigger, {
   ref,
   render,
-  className: cn(!render && "weight-medium text-foreground underline decoration-border underline-offset-4 transition-colors duration-fast hover:decoration-foreground", className),
+  className: cn2(!render && "weight-medium text-foreground underline decoration-border underline-offset-4 transition-colors duration-fast hover:decoration-foreground", className),
   ...props
 }));
-PreviewCardTrigger.displayName = "PreviewCardTrigger";
-var PreviewCardContent = forwardRef(({
+PreviewCardTrigger2.displayName = "PreviewCardTrigger";
+var PreviewCardContent2 = forwardRef(({
   side = "bottom",
   align,
   sideOffset = 12,
@@ -59,7 +59,7 @@ var PreviewCardContent = forwardRef(({
   const inPlace = opensInPlace({ effect, hideSource });
   useImperativeHandle(ref, () => morph.popup, [morph.popup]);
   const shape = useShape();
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   return /* @__PURE__ */ jsx(PreviewCardPrimitive.Portal, {
     container: container ?? undefined,
     children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Positioner, {
@@ -71,14 +71,14 @@ var PreviewCardContent = forwardRef(({
         ref: morph.popupRef,
         className: "relative outline-none",
         ...props,
-        children: /* @__PURE__ */ jsx(SurfaceProvider, {
+        children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
           children: /* @__PURE__ */ jsx(MorphSurface, {
             morph,
             bg: SURFACE_BG[level],
             shadow: SURFACE_SHADOW[3],
             radius: shape.container,
-            className: cn("flex w-max max-w-[min(92vw,20rem)] flex-col gap-3 p-4", className),
+            className: cn2("flex w-max max-w-[min(92vw,20rem)] flex-col gap-3 p-4", className),
             children
           })
         })
@@ -86,8 +86,8 @@ var PreviewCardContent = forwardRef(({
     })
   });
 });
-PreviewCardContent.displayName = "PreviewCardContent";
-function PreviewCard({ open, defaultOpen = false, onOpenChange, children }) {
+PreviewCardContent2.displayName = "PreviewCardContent";
+function PreviewCard2({ open, defaultOpen = false, onOpenChange, children }) {
   const [current, setCurrent] = useControllableState(open, defaultOpen, onOpenChange);
   const { origin, capture } = useMorphOrigin();
   const ctx = useMemo(() => ({ open: current, origin }), [current, origin]);
@@ -104,8 +104,8 @@ function PreviewCard({ open, defaultOpen = false, onOpenChange, children }) {
     })
   });
 }
-PreviewCard.Trigger = PreviewCardTrigger;
-PreviewCard.Content = PreviewCardContent;
-var preview_card_default = PreviewCard;
+PreviewCard2.Trigger = PreviewCardTrigger2;
+PreviewCard2.Content = PreviewCardContent2;
+var preview_card_default = PreviewCard2;
 
-export { PreviewCardTrigger, PreviewCardContent, PreviewCard, preview_card_default };
+export { PreviewCardTrigger2, PreviewCardContent2, PreviewCard2, preview_card_default };

package/dist/shared/{components-vktws5r6.js → components-3wk0w46f.js}

@@ -1,40 +1,40 @@
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
-  useIcon
-} from "./components-m5br529r.js";
+  GOO_BLUR_RATIO
+} from "./components-hqeq3w9q.js";
 import {
-  GooFilter
-} from "./components-jxgznftn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+  useIcon
+} from "./components-zrkzcayz.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  GooFilter
+} from "./components-0q0sqfh4.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  GOO_BLUR_RATIO
-} from "./components-7nww01w4.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  useReduceMotion
-} from "./components-nnnd2xef.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/navigation/accordion/index.tsx
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
@@ -65,13 +65,13 @@ function useAccordionItemContext() {
     throw new Error("AccordionTrigger/AccordionContent must be used within an AccordionItem");
   return ctx;
 }
-var AccordionGroup = forwardRef((props, ref) => {
+var AccordionGroup2 = forwardRef((props, ref) => {
   const { children, highlight = "item", type = "single", size, className, ...rest } = props;
   const containerRef = useRef(null);
   const fullItemElementsRef = useRef(new Map);
   const [openItemRects, setOpenItemRects] = useState(new Map);
   const openItemRectsRef = useRef(openItemRects);
-  const hover = useFluidHover(containerRef);
+  const hover = useFluidHover2(containerRef);
   const { activeIndex, setActiveIndex, itemRects, handlers, registerItem, measureItems } = hover;
   const registerFullItem = useCallback((index, element) => {
     if (element) {
@@ -229,7 +229,7 @@ var AccordionGroup = forwardRef((props, ref) => {
             setFocusedIndex(null);
             setActiveIndex(null);
           },
-          className: cn("relative flex flex-col w-72 max-w-full", className),
+          className: cn2("relative flex flex-col w-72 max-w-full", className),
           ...htmlProps,
           children: [
             /* @__PURE__ */ jsx(AnimatePresence, {
@@ -249,19 +249,19 @@ var AccordionGroup = forwardRef((props, ref) => {
                   height: rect.height,
                   opacity: isHoveringNonOpen ? 0.7 : 1
                 },
-                exit: { opacity: 0, transition: spring.moderate.exit },
+                exit: { opacity: 0, transition: spring2.moderate.exit },
                 transition: {
                   top: { duration: 0 },
                   left: { duration: 0 },
                   width: { duration: 0 },
                   height: { duration: 0 },
-                  opacity: { duration: spring.moderate.exit.duration }
+                  opacity: { duration: spring2.moderate.exit.duration }
                 }
               }, `expanded-${idx}`))
             }),
-            /* @__PURE__ */ jsx(FluidHoverHighlight, {
+            /* @__PURE__ */ jsx(FluidHoverHighlight2, {
               hover,
-              className: cn(shape.bg, "z-1"),
+              className: cn2(shape.bg, "z-1"),
               transition: reflowing ? false : undefined
             }),
             /* @__PURE__ */ jsx(AnimatePresence, {
@@ -274,10 +274,10 @@ var AccordionGroup = forwardRef((props, ref) => {
                   width: focusRect.width + 4,
                   height: focusRect.height + 4
                 },
-                exit: { opacity: 0, transition: spring.fast.exit },
+                exit: { opacity: 0, transition: spring2.fast.exit },
                 transition: {
-                  ...reflowing ? { duration: 0 } : spring.fast,
-                  opacity: { duration: spring.fast.duration }
+                  ...reflowing ? { duration: 0 } : spring2.fast,
+                  opacity: { duration: spring2.fast.duration }
                 }
               })
             }),
@@ -287,13 +287,13 @@ var AccordionGroup = forwardRef((props, ref) => {
       }
     })
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: group
   }) : group;
 });
-AccordionGroup.displayName = "AccordionGroup";
-var Accordion = forwardRef(({
+AccordionGroup2.displayName = "AccordionGroup";
+var Accordion2 = forwardRef(({
   children,
   type = "single",
   collapsible = true,
@@ -324,7 +324,7 @@ var Accordion = forwardRef(({
       return /* @__PURE__ */ jsx("div", {
         ...restRoot,
         ref,
-        className: cn("w-72 max-w-full flex flex-col", className),
+        className: cn2("w-72 max-w-full flex flex-col", className),
         ...props,
         children: /* @__PURE__ */ jsx(StandaloneOpenContext.Provider, {
           value: openValues,
@@ -336,15 +336,15 @@ var Accordion = forwardRef(({
       });
     }
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: root
   }) : root;
 });
-Accordion.displayName = "Accordion";
+Accordion2.displayName = "Accordion";
 var StandaloneOpenContext = createContext(new Set);
 var StandaloneHighlightContext = createContext(undefined);
-var AccordionItem = forwardRef(({ value, index, disabled, highlight: highlightProp, children, className, ...props }, ref) => {
+var AccordionItem2 = forwardRef(({ value, index, disabled, highlight: highlightProp, children, className, ...props }, ref) => {
   const internalRef = useRef(null);
   const groupCtx = useAccordionGroup();
   const standaloneOpen = useContext(StandaloneOpenContext);
@@ -353,7 +353,7 @@ var AccordionItem = forwardRef(({ value, index, disabled, highlight: highlightPr
   const isOpen = groupCtx?.grouped ? groupCtx.openValues.has(value) : standaloneOpen.has(value);
   const triggerRef = useRef(null);
   const press = useRef(null);
-  useRegisterFluidHoverItem(groupCtx?.grouped ? groupCtx.registerItem : undefined, index, triggerRef);
+  useRegisterFluidHoverItem2(groupCtx?.grouped ? groupCtx.registerItem : undefined, index, triggerRef);
   useEffect(() => {
     if (groupCtx?.grouped && index !== undefined) {
       if (isOpen) {
@@ -381,7 +381,7 @@ var AccordionItem = forwardRef(({ value, index, disabled, highlight: highlightPr
         return /* @__PURE__ */ jsx("div", {
           ...restItem,
           "data-fluid-hover-index": index,
-          className: cn("relative", className),
+          className: cn2("relative", className),
           ...props,
           children
         });
@@ -389,13 +389,13 @@ var AccordionItem = forwardRef(({ value, index, disabled, highlight: highlightPr
     })
   });
 });
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
+AccordionItem2.displayName = "AccordionItem";
+var AccordionTrigger2 = forwardRef(({ children, className, ...props }, ref) => {
   const ChevronRight = useIcon("chevron-right");
   const groupCtx = useAccordionGroup();
   const { index, isOpen, triggerRef, highlight, press } = useAccordionItemContext();
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const [isHovered, setIsHovered] = useState(false);
   const isActive = groupCtx?.grouped ? groupCtx.activeIndex === index : isHovered;
   const capture = (event) => {
@@ -407,11 +407,11 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
     render: /* @__PURE__ */ jsx("div", {}),
     children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
       ref,
-      className: cn(`relative z-10 flex items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.px} ${sizeClasses.variant === "compact" ? "py-1" : "py-2"} w-full cursor-pointer outline-none select-none`, !groupCtx?.grouped && "focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-offset-0", className),
+      className: cn2(`relative z-10 flex items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.px} ${sizeClasses.variant === "compact" ? "py-1" : "py-2"} w-full cursor-pointer outline-none select-none`, !groupCtx?.grouped && "focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-offset-0", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxs("span", {
-          className: cn("inline-grid flex-1 text-left", sizeClasses.text),
+          className: cn2("inline-grid flex-1 text-left", sizeClasses.text),
           children: [
             /* @__PURE__ */ jsx("span", {
               className: "col-start-1 row-start-1 invisible weight-semibold",
@@ -419,7 +419,7 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
               children
             }),
             /* @__PURE__ */ jsx("span", {
-              className: cn("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast", isOpen || isActive ? "text-foreground" : "text-muted-foreground", isOpen ? "weight-semibold" : "weight-normal"),
+              className: cn2("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast", isOpen || isActive ? "text-foreground" : "text-muted-foreground", isOpen ? "weight-semibold" : "weight-normal"),
               children
             })
           ]
@@ -427,11 +427,11 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
         /* @__PURE__ */ jsx(motion.span, {
           className: "shrink-0 inline-flex items-center justify-center",
           animate: { rotate: isOpen ? 90 : 0 },
-          transition: spring.fast,
+          transition: spring2.fast,
           children: /* @__PURE__ */ jsx(ChevronRight, {
             size: sizeClasses.icon,
             strokeWidth: isOpen || isActive ? 2 : 1.5,
-            className: cn("transition-[color,stroke-width] duration-fast", isOpen || isActive ? "text-foreground" : "text-muted-foreground")
+            className: cn2("transition-[color,stroke-width] duration-fast", isOpen || isActive ? "text-foreground" : "text-muted-foreground")
           })
         })
       ]
@@ -455,8 +455,8 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
           className: `absolute inset-0 ${shape.bg} bg-accent/20 dark:bg-accent/12 pointer-events-none`,
           initial: { opacity: 0 },
           animate: { opacity: 1 },
-          exit: { opacity: 0, transition: spring.moderate.exit },
-          transition: { duration: spring.moderate.exit.duration }
+          exit: { opacity: 0, transition: spring2.moderate.exit },
+          transition: { duration: spring2.moderate.exit.duration }
         })
       }),
       /* @__PURE__ */ jsx(AnimatePresence, {
@@ -464,15 +464,15 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
           className: `absolute inset-0 z-1 ${shape.bg} bg-hover pointer-events-none`,
           initial: { opacity: 0 },
           animate: { opacity: 1 },
-          exit: { opacity: 0, transition: spring.fast.exit },
-          transition: { duration: spring.fast.duration }
+          exit: { opacity: 0, transition: spring2.fast.exit },
+          transition: { duration: spring2.fast.duration }
         })
       }),
       triggerContent
     ]
   });
 });
-AccordionTrigger.displayName = "AccordionTrigger";
+AccordionTrigger2.displayName = "AccordionTrigger";
 function grow(a, b, t) {
   const p = Math.min(1, t);
   const at = (from, to) => from + (to - from) * p;
@@ -489,11 +489,11 @@ function place(el, { x, y, w, h, r }) {
   el.style.height = `${h}px`;
   el.style.borderRadius = `${r}px`;
 }
-var AccordionContent = forwardRef(({ children, className, effect = "goo", tier = "slow", ...props }, ref) => {
+var AccordionContent2 = forwardRef(({ children, className, effect = "goo", tier = "slow", ...props }, ref) => {
   const groupCtx = useAccordionGroup();
   const { isOpen, highlight, press } = useAccordionItemContext();
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const reduceMotion = useReduceMotion();
   const gooId = `accordion-goo-${useId().replace(/:/g, "")}`;
   const progress = useMotionValue(isOpen ? 1 : 0);
@@ -569,7 +569,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
     if (row.current)
       row.current.style.height = `${g.row}px`;
     render(progress.get());
-    const { exit, ...enter } = spring[tier];
+    const { exit, ...enter } = spring2[tier];
     const controls = animate(progress, isOpen ? 1 : 0, {
       ...isOpen ? enter : exit,
       onUpdate: render,
@@ -610,7 +610,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
               className: "pointer-events-none absolute inset-0",
               initial: false,
               animate: { opacity: groupCtx?.dimOpen ? 0.7 : 1 },
-              transition: { duration: spring.moderate.exit.duration },
+              transition: { duration: spring2.moderate.exit.duration },
               children: /* @__PURE__ */ jsx(motion.div, {
                 className: "absolute inset-0",
                 style: { opacity: tint },
@@ -619,7 +619,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
                   children: [
                     /* @__PURE__ */ jsx("div", {
                       ref: refs.rest,
-                      className: cn("absolute inset-0 bg-accent", shape.bg)
+                      className: cn2("absolute inset-0 bg-accent", shape.bg)
                     }),
                     effect === "goo" && /* @__PURE__ */ jsx(GooFilter, {
                       id: gooId,
@@ -632,7 +632,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
                       children: [
                         /* @__PURE__ */ jsx("div", {
                           ref: refs.row,
-                          className: cn("absolute inset-x-0 top-0 bg-accent", shape.bg)
+                          className: cn2("absolute inset-x-0 top-0 bg-accent", shape.bg)
                         }),
                         /* @__PURE__ */ jsx("div", {
                           ref: refs.shape,
@@ -646,7 +646,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
             }),
             /* @__PURE__ */ jsx("div", {
               ref: refs.content,
-              className: cn("relative pt-1 text-muted-foreground", sizeClasses.px, sizeClasses.text, sizeClasses.variant === "compact" ? "pb-2.5" : "pb-3"),
+              className: cn2("relative pt-1 text-muted-foreground", sizeClasses.px, sizeClasses.text, sizeClasses.variant === "compact" ? "pb-2.5" : "pb-3"),
               children
             })
           ]
@@ -655,13 +655,13 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
     }
   });
 });
-AccordionContent.displayName = "AccordionContent";
-Object.assign(Accordion, {
-  Group: AccordionGroup,
-  Item: AccordionItem,
-  Trigger: AccordionTrigger,
-  Content: AccordionContent
+AccordionContent2.displayName = "AccordionContent";
+Object.assign(Accordion2, {
+  Group: AccordionGroup2,
+  Item: AccordionItem2,
+  Trigger: AccordionTrigger2,
+  Content: AccordionContent2
 });
-var accordion_default = Accordion;
+var accordion_default = Accordion2;
 
-export { AccordionGroup, Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordion_default };
+export { AccordionGroup2, Accordion2, AccordionItem2, AccordionTrigger2, AccordionContent2, accordion_default };

package/dist/shared/{components-zx2hr57f.js → components-4cnjmgex.js}

@@ -1,26 +1,26 @@
 import {
-  PickerInput,
-  PickerShell
-} from "./components-hzfp4tjb.js";
-import {
-  ScrollColumn,
   defaultLocale,
-  dividedColumns,
+  parseMonthText,
   fieldLabel,
-  parseMonthText
-} from "./components-x2xyckd5.js";
+  dividedColumns,
+  ScrollColumn
+} from "./components-9jvzzvt1.js";
+import {
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  PickerShell,
+  PickerInput
+} from "./components-7btqt08d.js";
 
 // components/inputs/date-time/month-picker/index.tsx
 import { addYears, endOfYear, format, startOfMonth, startOfYear } from "date-fns";
 import { useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function MonthPicker({
+function MonthPicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
@@ -97,7 +97,7 @@ function MonthPicker({
     tier,
     className,
     children: /* @__PURE__ */ jsxs("div", {
-      className: cn(dividedColumns, "h-56"),
+      className: cn2(dividedColumns, "h-56"),
       children: [
         /* @__PURE__ */ jsx(ScrollColumn, {
           label: fieldLabel(locale, "month"),
@@ -119,6 +119,6 @@ function MonthPicker({
     })
   });
 }
-var month_picker_default = MonthPicker;
+var month_picker_default = MonthPicker2;
 
-export { MonthPicker, month_picker_default };
+export { MonthPicker2, month_picker_default };

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

@@ -34,9 +34,9 @@ function pickNearest({
       if (point.x >= left && point.x <= left + width && point.y >= top && point.y <= top + height) {
         containingIndex = index;
       }
-      const distance2 = Math.hypot(point.x - (left + width / 2), point.y - (top + height / 2));
-      if (distance2 < closestDistance) {
-        closestDistance = distance2;
+      const distance = Math.hypot(point.x - (left + width / 2), point.y - (top + height / 2));
+      if (distance < closestDistance) {
+        closestDistance = distance;
         closestIndex = index;
       }
       continue;
@@ -67,7 +67,7 @@ function resolveActivator(element) {
   return element.querySelector(ACTIVATOR_SELECTOR) ?? element;
 }
 var measurementAttempts = 3;
-function useFluidHover(containerRef, options = {}) {
+function useFluidHover2(containerRef, options = {}) {
   const { axis = "y", isItemDisabled, gapClick = true } = options;
   const gapClickMaxDistance = typeof gapClick === "object" ? gapClick.maxDistance ?? Infinity : Infinity;
   const itemsRef = useRef(new Map);
@@ -223,8 +223,8 @@ function useFluidHover(containerRef, options = {}) {
     const target = e.target;
     if (!target)
       return;
-    for (const element2 of itemsRef.current.values()) {
-      if (element2.contains(target))
+    for (const element of itemsRef.current.values()) {
+      if (element.contains(target))
         return;
     }
     if (!target.isConnected)
@@ -286,7 +286,7 @@ function useFluidHover(containerRef, options = {}) {
     measureItems
   };
 }
-function useRegisterFluidHoverItem(registerItem, index, ref) {
+function useRegisterFluidHoverItem2(registerItem, index, ref) {
   useEffect(() => {
     if (!registerItem || index === undefined)
       return;
@@ -295,4 +295,4 @@ function useRegisterFluidHoverItem(registerItem, index, ref) {
   }, [index, registerItem, ref]);
 }
 
-export { useFluidHover, useRegisterFluidHoverItem };
+export { useFluidHover2, useRegisterFluidHoverItem2 };

package/dist/shared/{components-rc63qsy6.js → components-5xc2j8jz.js}

@@ -1,22 +1,22 @@
 import {
-  GooLayer,
-  union
-} from "./components-kf2ehztc.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
   GOO_BLUR_RATIO
-} from "./components-7nww01w4.js";
+} from "./components-hqeq3w9q.js";
 import {
-  useReduceMotion
-} from "./components-nnnd2xef.js";
+  union,
+  GooLayer
+} from "./components-chacnk61.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // lib/use-merge-split.tsx
 import { AnimatePresence, motion } from "motion/react";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-var mergeSpring = spring.moderate;
+var mergeSpring = spring2.moderate;
 var settleMs = mergeSpring.duration * 1000 + 80;
 var SEED = 0.5;
 function useSelectionRuns(checkedIndices) {
@@ -150,7 +150,7 @@ function SelectionBackgrounds({ blocks }) {
         initial: mode === "snap" ? false : "enter",
         animate: "rest",
         exit: "leave",
-        transition: mode === "snap" ? { duration: 0 } : { ...mergeSpring, opacity: { duration: spring.fast.duration } }
+        transition: mode === "snap" ? { duration: 0 } : { ...mergeSpring, opacity: { duration: spring2.fast.duration } }
       }, b.key))
     })
   });