@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/shared/{components-v7es8aan.js → components-2nhgyh31.js}

@@ -1,22 +1,22 @@
-import {
-  TimeColumns
-} from "./components-r4jt6hgd.js";
-import {
-  calendar_default
-} from "./components-6phwsry6.js";
-import {
-  PickerInput,
-  PickerShell
-} from "./components-hzfp4tjb.js";
 import {
   defaultLocale,
   hourCycleOf,
   parseDateText,
   parseTimeText
-} from "./components-x2xyckd5.js";
+} from "./components-gz8zf3ec.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  calendar_default
+} from "./components-1z6tdadk.js";
+import {
+  PickerShell,
+  PickerInput
+} from "./components-7btqt08d.js";
+import {
+  TimeColumns
+} from "./components-mjthm1kf.js";
 
 // components/inputs/date-time/date-picker/index.tsx
 import { endOfMonth, format, set } from "date-fns";
@@ -24,7 +24,7 @@ import { useRef } from "react";
 import { dateMatchModifiers } from "react-day-picker";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 var keepTime = (day, from) => set(day, { hours: from?.getHours() ?? 0, minutes: from?.getMinutes() ?? 0, seconds: 0, milliseconds: 0 });
-function DatePicker({
+function DatePicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
@@ -139,6 +139,6 @@ function DatePicker({
     })
   });
 }
-var date_picker_default = DatePicker;
+var date_picker_default = DatePicker2;
 
-export { DatePicker, date_picker_default };
+export { DatePicker2, date_picker_default };

package/dist/shared/{components-6t6nr33r.js → components-39jq9va1.js}

@@ -1,35 +1,35 @@
 import {
-  button_default
-} from "./components-5pkcfprd.js";
-import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  MorphPart,
-  MorphSurface
-} from "./components-jxgznftn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  button_default
+} from "./components-b2wyq2cq.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  MorphPart2,
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
   opensInPlace,
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
+import {
+  useControllableState
+} from "./components-n7mjr357.js";
 
 // primitives/morph/index.tsx
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function Morph({
+function Morph2({
   from = "trigger",
   effect = "goo",
   tier = "slow",
@@ -48,10 +48,10 @@ function Morph({
   const { origin, capture } = useMorphOrigin();
   const morph = useMorph(shown, origin, { from, effect, tier, hideSource }, () => setMounted(false));
   const shape = useShape();
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   const inPlace = opensInPlace({ effect, hideSource });
   return /* @__PURE__ */ jsxs("div", {
-    className: cn("relative inline-flex flex-col items-center", className),
+    className: cn2("relative inline-flex flex-col items-center", className),
     children: [
       /* @__PURE__ */ jsx(button_default, {
         variant: "secondary",
@@ -67,7 +67,7 @@ function Morph({
         ref: morph.popupRef,
         className: inPlace ? "absolute top-0 left-0 z-10" : "absolute top-full left-1/2 z-10 mt-3 -translate-x-1/2",
         onClick: inPlace ? () => setShown(false) : undefined,
-        children: /* @__PURE__ */ jsx(SurfaceProvider, {
+        children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
           children: /* @__PURE__ */ jsx(MorphSurface, {
             morph,
@@ -82,5 +82,5 @@ function Morph({
     ]
   });
 }
-Morph.Part = MorphPart;
-export { Morph };
+Morph2.Part = MorphPart2;
+export { Morph2 };

package/dist/shared/{components-4hh0gm0v.js → components-39vmfq9s.js}

@@ -1,35 +1,35 @@
 import {
-  DialogContent,
-  DialogState,
-  DialogTrigger
-} from "./components-61ckf42z.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useIcon
-} from "./components-m5br529r.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
-  isDisabledRow,
-  popupScrollAreaClass,
-  popupViewportClass
-} from "./components-jw16snbn.js";
+  useIcon
+} from "./components-zrkzcayz.js";
 import {
-  ScrollArea
-} from "./components-ed7cmssr.js";
+  shapeMap
+} from "./components-cv16mryv.js";
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 import {
-  shapeMap
-} from "./components-7zp99w5d.js";
+  ScrollArea2
+} from "./components-hawvy2qz.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  DialogTrigger2,
+  DialogContent2,
+  DialogState2
+} from "./components-zfnmn5d4.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  popupScrollAreaClass,
+  popupViewportClass,
+  isDisabledRow
+} from "./components-vynjtrk6.js";
 
 // components/overlays/command/index.tsx
 import { Autocomplete } from "@base-ui/react/autocomplete";
@@ -54,7 +54,7 @@ var CommandContext = createContext({
 var CommandHighlight = createContext(null);
 var CommandRows = createContext(undefined);
 var isGrouped = (items) => items[0] !== undefined && ("items" in items[0]);
-function CommandListRoot({ items, ...props }) {
+function CommandListRoot2({ items, ...props }) {
   const [highlight, setHighlight] = useState(null);
   const { contains } = Autocomplete.useFilter();
   return /* @__PURE__ */ jsx(CommandHighlight.Provider, {
@@ -68,9 +68,9 @@ function CommandListRoot({ items, ...props }) {
     })
   });
 }
-function CommandShortcut({ className, ...props }) {
+function CommandShortcut2({ className, ...props }) {
   return /* @__PURE__ */ jsx("kbd", {
-    className: cn("ml-auto shrink-0 font-sans text-caption text-muted-foreground", className),
+    className: cn2("ml-auto shrink-0 font-sans text-caption text-muted-foreground", className),
     ...props
   });
 }
@@ -82,15 +82,15 @@ function CommandRow({
   const registerItem = useContext(CommandRows);
   const active = useContext(CommandHighlight) === index;
   const ref = useRef(null);
-  const size = useSize();
-  useRegisterFluidHoverItem(registerItem, index, ref);
+  const size = useSize2();
+  useRegisterFluidHoverItem2(registerItem, index, ref);
   const Icon = item.icon;
   return /* @__PURE__ */ jsxs(Autocomplete.Item, {
     ref,
     value: item,
     disabled: item.disabled,
     onClick: () => onPick(item),
-    className: cn("relative z-10 flex shrink-0 cursor-pointer select-none items-center outline-none transition-[color] duration-fast", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", size.control, size.gap, size.itemPx, size.text, listShape.item, active ? "text-foreground" : "text-muted-foreground"),
+    className: cn2("relative z-10 flex shrink-0 cursor-pointer select-none items-center outline-none transition-[color] duration-fast", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", size.control, size.gap, size.itemPx, size.text, listShape.item, active ? "text-foreground" : "text-muted-foreground"),
     children: [
       Icon && /* @__PURE__ */ jsx(Icon, {
         size: size.icon,
@@ -101,30 +101,30 @@ function CommandRow({
         className: "min-w-0 flex-1 truncate [text-box:trim-both_cap_alphabetic] py-1 -my-1",
         children: item.label
       }),
-      item.shortcut && /* @__PURE__ */ jsx(CommandShortcut, {
+      item.shortcut && /* @__PURE__ */ jsx(CommandShortcut2, {
         children: item.shortcut
       })
     ]
   });
 }
-function CommandList({ onPick, emptyMessage, className }) {
+function CommandList2({ onPick, emptyMessage, className }) {
   const filtered = Autocomplete.useFilteredItems();
   const highlight = useContext(CommandHighlight);
-  const compact = useSize().variant === "compact";
+  const compact = useSize2().variant === "compact";
   const containerRef = useRef(null);
-  const { itemRects, isMeasured, registerItem } = useFluidHover(containerRef, { isItemDisabled: isDisabledRow });
+  const { itemRects, isMeasured, registerItem } = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow });
   const rect = isMeasured && highlight !== null ? itemRects[highlight] ?? null : null;
-  const rows = (items, start2) => items.map((item, i) => /* @__PURE__ */ jsx(CommandRow, {
+  const rows = (items, start) => items.map((item, i) => /* @__PURE__ */ jsx(CommandRow, {
     item,
-    index: start2 + i,
+    index: start + i,
     onPick
   }, item.label));
   let start = 0;
   return /* @__PURE__ */ jsx(CommandRows.Provider, {
     value: registerItem,
-    children: /* @__PURE__ */ jsxs(ScrollArea, {
-      className: cn(popupScrollAreaClass, className),
-      viewportClassName: cn(popupViewportClass, "scroll-fade"),
+    children: /* @__PURE__ */ jsxs(ScrollArea2, {
+      className: cn2(popupScrollAreaClass, className),
+      viewportClassName: cn2(popupViewportClass, "scroll-fade"),
       children: [
         /* @__PURE__ */ jsx(Autocomplete.Empty, {
           className: "px-4 py-6 text-center text-body text-muted-foreground empty:hidden",
@@ -134,7 +134,7 @@ function CommandList({ onPick, emptyMessage, className }) {
           ref: containerRef,
           className: "relative flex flex-col p-1 outline-none data-[empty]:p-0",
           children: [
-            /* @__PURE__ */ jsx(FluidHoverHighlight, {
+            /* @__PURE__ */ jsx(FluidHoverHighlight2, {
               rect,
               session: 0,
               className: listShape.bg
@@ -146,7 +146,7 @@ function CommandList({ onPick, emptyMessage, className }) {
                 className: "flex flex-col",
                 children: [
                   /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
-                    className: cn("shrink-0 px-2 pt-2 pb-1 text-muted-foreground", compact ? "text-caption-compact" : "text-caption"),
+                    className: cn2("shrink-0 px-2 pt-2 pb-1 text-muted-foreground", compact ? "text-caption-compact" : "text-caption"),
                     children: group.label
                   }),
                   rows(group.items, first)
@@ -159,7 +159,7 @@ function CommandList({ onPick, emptyMessage, className }) {
     })
   });
 }
-function CommandPalette({
+function CommandPalette2({
   items,
   placeholder = "Type a command or search…",
   emptyMessage = "No results found.",
@@ -167,9 +167,9 @@ function CommandPalette({
 }) {
   const { close } = useContext(CommandContext);
   const SearchIcon = useIcon("search");
-  const size = useSize();
+  const size = useSize2();
   const [query, setQuery] = useState("");
-  return /* @__PURE__ */ jsx(CommandListRoot, {
+  return /* @__PURE__ */ jsx(CommandListRoot2, {
     items,
     inline: true,
     open: true,
@@ -182,7 +182,7 @@ function CommandPalette({
       setQuery(next);
     },
     children: /* @__PURE__ */ jsxs("div", {
-      className: cn("flex flex-col", className),
+      className: cn2("flex flex-col", className),
       children: [
         /* @__PURE__ */ jsxs("div", {
           className: "flex h-12 shrink-0 items-center gap-2 border-b border-border px-4",
@@ -194,11 +194,11 @@ function CommandPalette({
             }),
             /* @__PURE__ */ jsx(Autocomplete.Input, {
               placeholder,
-              className: cn("h-full min-w-0 flex-1 bg-transparent text-foreground outline-none placeholder:text-muted-foreground", size.text)
+              className: cn2("h-full min-w-0 flex-1 bg-transparent text-foreground outline-none placeholder:text-muted-foreground", size.text)
             })
           ]
         }),
-        /* @__PURE__ */ jsx(CommandList, {
+        /* @__PURE__ */ jsx(CommandList2, {
           emptyMessage,
           className: "max-h-80",
           onPick: (item) => {
@@ -210,18 +210,18 @@ function CommandPalette({
     })
   });
 }
-var CommandTrigger = forwardRef((props, ref) => {
+var CommandTrigger2 = forwardRef((props, ref) => {
   const { trigger } = useContext(CommandContext);
   useImperativeHandle(ref, () => trigger.current);
-  return /* @__PURE__ */ jsx(DialogTrigger, {
+  return /* @__PURE__ */ jsx(DialogTrigger2, {
     ref: trigger,
     ...props
   });
 });
-CommandTrigger.displayName = "CommandTrigger";
-var CommandContent = forwardRef(({ items, placeholder, emptyMessage, className, label = "Command menu", ...morph }, ref) => {
+CommandTrigger2.displayName = "CommandTrigger";
+var CommandContent2 = forwardRef(({ items, placeholder, emptyMessage, className, label = "Command menu", ...morph }, ref) => {
   const { session } = useContext(CommandContext);
-  return /* @__PURE__ */ jsx(DialogContent, {
+  return /* @__PURE__ */ jsx(DialogContent2, {
     ref,
     position: "top",
     size: "lg",
@@ -229,7 +229,7 @@ var CommandContent = forwardRef(({ items, placeholder, emptyMessage, className,
     "aria-label": label,
     className: "p-0",
     ...morph,
-    children: /* @__PURE__ */ jsx(CommandPalette, {
+    children: /* @__PURE__ */ jsx(CommandPalette2, {
       items,
       placeholder,
       emptyMessage,
@@ -237,7 +237,7 @@ var CommandContent = forwardRef(({ items, placeholder, emptyMessage, className,
     }, session)
   });
 });
-CommandContent.displayName = "CommandContent";
+CommandContent2.displayName = "CommandContent";
 function CommandScope({ open, onOpenChange, hotkey, children }) {
   const trigger = useRef(null);
   const change = useRef(onOpenChange);
@@ -271,8 +271,8 @@ function CommandScope({ open, onOpenChange, hotkey, children }) {
     })
   });
 }
-function Command({ open, defaultOpen, onOpenChange, hotkey = "k", children }) {
-  return /* @__PURE__ */ jsx(DialogState, {
+function Command2({ open, defaultOpen, onOpenChange, hotkey = "k", children }) {
+  return /* @__PURE__ */ jsx(DialogState2, {
     open,
     defaultOpen,
     onOpenChange,
@@ -283,10 +283,10 @@ function Command({ open, defaultOpen, onOpenChange, hotkey = "k", children }) {
     })
   });
 }
-Command.Trigger = CommandTrigger;
-Command.Content = CommandContent;
-Command.Palette = CommandPalette;
-Command.Shortcut = CommandShortcut;
-var command_default = Command;
+Command2.Trigger = CommandTrigger2;
+Command2.Content = CommandContent2;
+Command2.Palette = CommandPalette2;
+Command2.Shortcut = CommandShortcut2;
+var command_default = Command2;
 
-export { CommandListRoot, CommandShortcut, CommandList, CommandPalette, CommandTrigger, CommandContent, Command, command_default };
+export { CommandListRoot2, CommandShortcut2, CommandList2, CommandPalette2, CommandTrigger2, CommandContent2, Command2, command_default };

package/dist/shared/{components-zx2hr57f.js → components-3fbbvq5j.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-gz8zf3ec.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-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-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))
     })
   });