@epoch32/visage 1.2.0 → 1.3.1

package/dist/{index-b5wc752a.js → index-aagpn02x.js}

@@ -1,26 +1,27 @@
 import {
+  computed2,
   onCleanup2,
   createContext2,
   useContext2,
   signal2,
   createSignal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   Show2,
   For2,
   Portal2
-} from "./index-5s255b3w.js";
+} from "./index-xby428n5.js";
 import {
   Fragment2,
   jsx2,
   jsxs2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 import {
   createId2,
   createControllableSignal2,
   trapFocus2,
   onClickOutside2
-} from "./index-8x8xz80v.js";
+} from "./index-b7emqmej.js";
 
 // src/ui/accordion.tsx
 var AccordionContext = createContext2(null);
@@ -198,6 +199,346 @@ var Accordion2 = Object.assign(AccordionRoot, {
   Trigger: AccordionTrigger2,
   Content: AccordionContent2
 });
+// src/ui/bottom-bar/action.tsx
+function BottomBarAction2(props) {
+  const {
+    as: Tag = "button",
+    icon,
+    label,
+    disabled,
+    onClick,
+    children,
+    class: className,
+    style,
+    ...rest
+  } = props;
+  const defaultActionStyle = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "44px",
+    height: "44px",
+    minWidth: "44px",
+    minHeight: "44px",
+    borderRadius: "50%",
+    background: "linear-gradient(135deg, #ec4899 0%, #a855f7 100%)",
+    color: "#ffffff",
+    border: "none",
+    boxShadow: "0 4px 14px rgba(236, 72, 153, 0.45)",
+    cursor: "pointer",
+    outline: "none",
+    userSelect: "none",
+    WebkitTapHighlightColor: "transparent",
+    transition: "transform 0.15s ease, box-shadow 0.15s ease",
+    boxSizing: "border-box"
+  };
+  const combinedStyle = style ? { ...defaultActionStyle, ...style } : defaultActionStyle;
+  return /* @__PURE__ */ jsx2(Tag, {
+    type: Tag === "button" ? "button" : undefined,
+    role: "button",
+    "aria-label": label ?? "Primary action",
+    disabled,
+    class: `visage-bottom-bar-action ${className ?? ""}`.trim(),
+    style: combinedStyle,
+    onClick,
+    ...rest,
+    children: children !== undefined ? typeof children === "function" ? children() : children : typeof icon === "function" ? icon() : icon
+  });
+}
+
+// src/ui/bottom-bar/badge.tsx
+function BottomBarBadge2(props) {
+  const { as: Tag = "span", count, children, class: className, style, ...rest } = props;
+  const displayContent = computed2(() => {
+    if (children !== undefined) {
+      return typeof children === "function" ? children() : children;
+    }
+    if (count !== undefined) {
+      return typeof count === "function" ? count() : count;
+    }
+    return "";
+  });
+  const defaultBadgeStyle = {
+    position: "absolute",
+    top: "3px",
+    right: "8px",
+    minWidth: "16px",
+    height: "16px",
+    padding: "0 4px",
+    borderRadius: "9999px",
+    backgroundColor: "#ef4444",
+    color: "#ffffff",
+    fontSize: "9px",
+    fontWeight: 700,
+    lineHeight: "16px",
+    textAlign: "center",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    boxShadow: "0 0 0 1.5px rgba(18, 18, 24, 0.9)",
+    pointerEvents: "none",
+    boxSizing: "border-box"
+  };
+  const combinedStyle = style ? { ...defaultBadgeStyle, ...style } : defaultBadgeStyle;
+  return /* @__PURE__ */ jsx2(Tag, {
+    class: `visage-bottom-bar-badge ${className ?? ""}`.trim(),
+    style: combinedStyle,
+    ...rest,
+    children: displayContent
+  });
+}
+
+// src/ui/bottom-bar/context.ts
+var BottomBarContext = createContext2(null);
+function useBottomBarContext2() {
+  return useContext2(BottomBarContext);
+}
+
+// src/ui/bottom-bar/item.tsx
+function BottomBarItem2(props) {
+  const ctx = useBottomBarContext2();
+  const isSelected = computed2(() => ctx ? ctx.value() === props.value : false);
+  const handleClick = (e) => {
+    const isDisabled = typeof props.disabled === "function" ? props.disabled() : Boolean(props.disabled);
+    if (isDisabled) {
+      e.preventDefault();
+      return;
+    }
+    if (ctx) {
+      ctx.setValue(props.value);
+    }
+    if (props.onClick) {
+      props.onClick(e);
+    }
+  };
+  const {
+    as: Tag = "button",
+    value,
+    icon,
+    label,
+    badge,
+    disabled,
+    onClick: _oc,
+    children,
+    class: className,
+    style,
+    ...rest
+  } = props;
+  const defaultItemStyle = {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    minWidth: "52px",
+    minHeight: "44px",
+    padding: "6px 8px",
+    borderRadius: "16px",
+    border: "none",
+    background: () => isSelected() ? "rgba(255, 255, 255, 0.08)" : "transparent",
+    color: () => isSelected() ? "#ec4899" : "rgba(255, 255, 255, 0.65)",
+    cursor: "pointer",
+    outline: "none",
+    userSelect: "none",
+    WebkitTapHighlightColor: "transparent",
+    transition: "color 0.15s ease, background-color 0.15s ease, transform 0.1s ease",
+    boxSizing: "border-box"
+  };
+  const combinedStyle = style ? { ...defaultItemStyle, ...style } : defaultItemStyle;
+  return /* @__PURE__ */ jsxs2(Tag, {
+    type: Tag === "button" ? "button" : undefined,
+    role: "tab",
+    id: ctx ? `${ctx.baseId}-item-${value}` : undefined,
+    "aria-selected": () => isSelected(),
+    "data-state": () => isSelected() ? "active" : "inactive",
+    "data-value": value,
+    disabled,
+    class: `visage-bottom-bar-item ${className ?? ""}`.trim(),
+    style: combinedStyle,
+    onClick: handleClick,
+    ...rest,
+    children: [
+      badge !== undefined ? typeof badge === "function" || typeof badge === "string" || typeof badge === "number" ? /* @__PURE__ */ jsx2(BottomBarBadge2, {
+        count: badge
+      }) : badge : null,
+      children !== undefined ? typeof children === "function" ? children() : children : null,
+      icon ? /* @__PURE__ */ jsx2("span", {
+        class: "visage-bottom-bar-icon",
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          fontSize: "18px"
+        },
+        children: typeof icon === "function" ? icon() : icon
+      }) : null,
+      label ? /* @__PURE__ */ jsx2("span", {
+        class: "visage-bottom-bar-label",
+        style: {
+          fontSize: "10px",
+          fontWeight: 500,
+          lineHeight: 1.2,
+          marginTop: "3px",
+          letterSpacing: "0.01em"
+        },
+        children: typeof label === "function" ? label() : label
+      }) : null
+    ]
+  });
+}
+
+// src/ui/bottom-bar/root.tsx
+function BottomBarRoot2(props) {
+  const [value, setValue] = createControllableSignal2({
+    value: props.value,
+    defaultValue: props.defaultValue ?? (props.items && props.items.length > 0 ? props.items[0]?.value : ""),
+    onChange: props.onValueChange
+  });
+  const baseId = createId2("bottom-bar");
+  const variant = props.variant ?? "floating";
+  const hideOnScroll = props.hideOnScroll ?? false;
+  const threshold = props.scrollThreshold ?? 20;
+  const isVisible = signal2(true);
+  if (hideOnScroll && typeof window !== "undefined") {
+    let lastScrollY = window.scrollY || 0;
+    const onScroll = () => {
+      const currentScrollY = window.scrollY || 0;
+      const diff = currentScrollY - lastScrollY;
+      if (Math.abs(diff) < 5)
+        return;
+      if (currentScrollY > threshold && diff > 0) {
+        if (isVisible())
+          isVisible.set(false);
+      } else if (diff < 0) {
+        if (!isVisible())
+          isVisible.set(true);
+      }
+      lastScrollY = Math.max(0, currentScrollY);
+    };
+    window.addEventListener("scroll", onScroll, { passive: true });
+  }
+  const ctx = {
+    value,
+    setValue,
+    baseId,
+    variant
+  };
+  const {
+    as: Tag = "nav",
+    value: _v,
+    defaultValue: _dv,
+    onValueChange: _ovc,
+    variant: _var,
+    hideOnScroll: _hos,
+    scrollThreshold: _st,
+    items,
+    itemClass,
+    itemStyle,
+    children,
+    class: className,
+    style,
+    ...rest
+  } = props;
+  const defaultFloatingStyle = {
+    position: "fixed",
+    bottom: "max(16px, env(safe-area-inset-bottom, 16px))",
+    left: "50%",
+    zIndex: 50,
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "6px",
+    padding: "6px 10px",
+    borderRadius: "9999px",
+    backgroundColor: "rgba(18, 18, 24, 0.88)",
+    backdropFilter: "blur(20px)",
+    WebkitBackdropFilter: "blur(20px)",
+    border: "1px solid rgba(255, 255, 255, 0.1)",
+    boxShadow: "0 10px 30px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05)",
+    transform: () => isVisible() ? "translateX(-50%) translateY(0)" : "translateX(-50%) translateY(160%)",
+    opacity: () => isVisible() ? 1 : 0,
+    pointerEvents: () => isVisible() ? "auto" : "none",
+    transition: "transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease",
+    maxWidth: "calc(100vw - 32px)",
+    boxSizing: "border-box"
+  };
+  const defaultDockedStyle = {
+    position: "fixed",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    zIndex: 50,
+    display: "flex",
+    justifyContent: "space-around",
+    alignItems: "center",
+    paddingTop: "8px",
+    paddingBottom: "max(10px, env(safe-area-inset-bottom, 10px))",
+    paddingLeft: "12px",
+    paddingRight: "12px",
+    backgroundColor: "rgba(18, 18, 24, 0.94)",
+    backdropFilter: "blur(20px)",
+    WebkitBackdropFilter: "blur(20px)",
+    borderTop: "1px solid rgba(255, 255, 255, 0.1)",
+    boxShadow: "0 -4px 20px rgba(0, 0, 0, 0.35)",
+    transform: () => isVisible() ? "translateY(0)" : "translateY(110%)",
+    opacity: () => isVisible() ? 1 : 0,
+    pointerEvents: () => isVisible() ? "auto" : "none",
+    transition: "transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease",
+    boxSizing: "border-box"
+  };
+  const computedDefaultStyle = variant === "floating" ? defaultFloatingStyle : defaultDockedStyle;
+  const combinedStyle = style ? { ...computedDefaultStyle, ...style } : computedDefaultStyle;
+  return BottomBarContext.Provider({
+    value: ctx,
+    children: () => /* @__PURE__ */ jsx2(Tag, {
+      role: "toolbar",
+      "aria-label": "Mobile toolbar",
+      "data-variant": variant,
+      "data-state": () => isVisible() ? "visible" : "hidden",
+      class: `visage-bottom-bar visage-bottom-bar-${variant} ${className ?? ""}`.trim(),
+      style: combinedStyle,
+      ...rest,
+      children: items ? items.map((item) => /* @__PURE__ */ jsx2(BottomBarItem2, {
+        value: item.value,
+        icon: item.icon,
+        label: item.label,
+        badge: item.badge,
+        disabled: item.disabled,
+        onClick: item.onClick,
+        class: item.class ?? itemClass,
+        style: item.style ?? itemStyle
+      })) : typeof children === "function" ? children() : children
+    })
+  });
+}
+
+// src/ui/bottom-bar/separator.tsx
+function BottomBarSeparator2(props) {
+  const { as: Tag = "div", class: className, style, ...rest } = props;
+  const defaultSeparatorStyle = {
+    width: "1px",
+    height: "22px",
+    backgroundColor: "rgba(255, 255, 255, 0.12)",
+    margin: "0 2px",
+    flexShrink: 0
+  };
+  const combinedStyle = style ? { ...defaultSeparatorStyle, ...style } : defaultSeparatorStyle;
+  return /* @__PURE__ */ jsx2(Tag, {
+    role: "separator",
+    "aria-orientation": "vertical",
+    class: `visage-bottom-bar-separator ${className ?? ""}`.trim(),
+    style: combinedStyle,
+    ...rest
+  });
+}
+
+// src/ui/bottom-bar/index.ts
+var BottomBar2 = Object.assign(BottomBarRoot2, {
+  Root: BottomBarRoot2,
+  Item: BottomBarItem2,
+  Action: BottomBarAction2,
+  Badge: BottomBarBadge2,
+  Separator: BottomBarSeparator2
+});
 // src/ui/command-dialog.tsx
 function CommandDialog2(props) {
   const [open, setOpen] = createControllableSignal2({
@@ -1693,4 +2034,4 @@ var Toast2 = Object.assign(ToastRoot, {
   Description: ToastDescription2,
   Close: ToastClose2
 });
-export { useAccordionContext2, useAccordionItemContext2, AccordionItem2, AccordionTrigger2, AccordionContent2, Accordion2, CommandDialog2, useCommandContext2, CommandInput2, CommandList2, CommandEmpty2, CommandGroup2, CommandItem2, Command2, DataTable2, useDialogContext2, DialogTrigger2, DialogPortal2, DialogOverlay2, DialogContent2, DialogTitle2, DialogDescription2, DialogClose2, Dialog2, useDropdownMenuContext2, DropdownMenuTrigger2, DropdownMenuPortal2, DropdownMenuContent2, DropdownMenuItem2, DropdownMenuSeparator2, DropdownMenu2, createIcon2, usePopoverContext2, PopoverTrigger2, PopoverPortal2, PopoverContent2, PopoverClose2, Popover2, createToastManager2, defaultToastManager2, toast2, useToast2, ToastProvider2, ToastViewport2, ToastTitle2, ToastDescription2, ToastClose2, Toast2 };
+export { useAccordionContext2, useAccordionItemContext2, AccordionItem2, AccordionTrigger2, AccordionContent2, Accordion2, BottomBarAction2, BottomBarBadge2, useBottomBarContext2, BottomBarItem2, BottomBarRoot2, BottomBarSeparator2, BottomBar2, CommandDialog2, useCommandContext2, CommandInput2, CommandList2, CommandEmpty2, CommandGroup2, CommandItem2, Command2, DataTable2, useDialogContext2, DialogTrigger2, DialogPortal2, DialogOverlay2, DialogContent2, DialogTitle2, DialogDescription2, DialogClose2, Dialog2, useDropdownMenuContext2, DropdownMenuTrigger2, DropdownMenuPortal2, DropdownMenuContent2, DropdownMenuItem2, DropdownMenuSeparator2, DropdownMenu2, createIcon2, usePopoverContext2, PopoverTrigger2, PopoverPortal2, PopoverContent2, PopoverClose2, Popover2, createToastManager2, defaultToastManager2, toast2, useToast2, ToastProvider2, ToastViewport2, ToastTitle2, ToastDescription2, ToastClose2, Toast2 };

package/dist/{index-df5e614s.js → index-awcrz19g.js}

@@ -6,7 +6,7 @@ import {
 import {
   createMutation2,
   createQuery2
-} from "./index-y9bq7h9g.js";
+} from "./index-5jhzwtdz.js";
 // src/rpc/client.ts
 async function resolveHeaders(headers, fullPath = "") {
   if (!headers)

package/dist/{index-8x8xz80v.js → index-b7emqmej.js}

@@ -5,16 +5,16 @@ import {
   createContext2,
   useContext2,
   signal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   Show2,
   Portal2
-} from "./index-5s255b3w.js";
+} from "./index-xby428n5.js";
 import {
   Fragment2,
   jsx2,
   jsxs2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 
 // src/ui/utils.ts
 var idCounter = 0;

package/dist/{index-061jf06a.js → index-cgepvvd4.js}

@@ -9,7 +9,7 @@ import {
 import {
   createMutation2,
   createQuery2
-} from "./index-y9bq7h9g.js";
+} from "./index-5jhzwtdz.js";
 // src/api/client.ts
 async function resolveHeaders(headers, fullPath = "") {
   if (!headers)

package/dist/{index-1xtrtz1t.js → index-dmhmde2z.js}

@@ -1,10 +1,10 @@
 import {
   space2,
   resolveDimension2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   jsx2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 
 // src/style/layout.tsx
 var ALIGN_MAP = {

package/dist/{index-0madxn60.js → index-enc8cmea.js}

@@ -3,7 +3,7 @@ import {
   formatStyleProp2,
   onCleanup2,
   effect2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 
 // src/style/hash.ts
 function hashString2(str) {

package/dist/{index-js199er4.js → index-g1drdx7k.js}

@@ -1,7 +1,7 @@
 import {
   setAttribute2,
   insertChild2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 
 // src/template/template.ts
 var templateCache = new Map;
@@ -57,6 +57,17 @@ function html2(strings, ...values) {
         targetEl.removeAttribute(bind.attrName);
         setAttribute2(targetEl, bind.attrName, bind.value);
       }
+    } else if (bind.isAttr && !bind.attrName) {
+      const propAttr = `data-visage-prop-${bind.id.replace(MARKER_PREFIX, "")}`;
+      const targetEl = findElementWithAttributeValue(root, propAttr, bind.id);
+      if (targetEl) {
+        targetEl.removeAttribute(propAttr);
+        if (typeof bind.value === "object" && bind.value !== null) {
+          for (const key of Object.keys(bind.value)) {
+            setAttribute2(targetEl, key, bind.value[key]);
+          }
+        }
+      }
     } else if (!bind.isAttr) {
       const commentNode = findCommentNode(root, bind.id);
       if (commentNode?.parentNode) {

package/dist/{index-zr6cvset.js → index-ptj8rt6b.js}

@@ -3,23 +3,23 @@ import {
   effect2,
   signal2,
   createSignal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   Show2,
   For2
-} from "./index-5s255b3w.js";
+} from "./index-xby428n5.js";
 import {
   jsx2,
   jsxs2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 import {
   Tabs2,
   Tooltip3,
   Switch2
-} from "./index-8x8xz80v.js";
+} from "./index-b7emqmej.js";
 import {
   Style2
-} from "./index-0madxn60.js";
+} from "./index-enc8cmea.js";
 
 // src/devtools/hub.ts
 class DevToolsHub2 {

package/dist/{index-8czhpea8.js → index-x6whpv54.js}

@@ -3,13 +3,13 @@ import {
   onCleanup2,
   effect2,
   signal2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   For2
-} from "./index-5s255b3w.js";
+} from "./index-xby428n5.js";
 import {
   jsx2
-} from "./index-9fvarkrx.js";
+} from "./index-3y73zgbk.js";
 
 // src/virtual/virtualizer.ts
 function createVirtualizer2(options) {
@@ -26,27 +26,35 @@ function createVirtualizer2(options) {
       return cached;
     return getItemHeight(index);
   };
-  const totalSize = computed2(() => {
-    const count = getCount();
-    if (typeof options.itemHeight === "number" && dynamicSizeCache.size === 0) {
-      return count * options.itemHeight;
-    }
-    let total = 0;
-    for (let i = 0;i < count; i++) {
-      total += getItemSize(i);
-    }
-    return total;
-  });
+  const offsetsCache = [0];
+  let offsetsValidUpTo = 0;
+  const invalidateOffsetsFrom = (index) => {
+    offsetsValidUpTo = Math.min(offsetsValidUpTo, index);
+  };
   const getOffsetForIndex = (targetIndex) => {
+    if (targetIndex <= 0)
+      return 0;
     if (typeof options.itemHeight === "number" && dynamicSizeCache.size === 0) {
       return targetIndex * options.itemHeight;
     }
-    let offset = 0;
-    for (let i = 0;i < targetIndex; i++) {
-      offset += getItemSize(i);
+    if (targetIndex <= offsetsValidUpTo) {
+      return offsetsCache[targetIndex];
+    }
+    for (let i = offsetsValidUpTo;i < targetIndex; i++) {
+      offsetsCache[i + 1] = (offsetsCache[i] ?? 0) + getItemSize(i);
     }
-    return offset;
+    offsetsValidUpTo = targetIndex;
+    return offsetsCache[targetIndex];
   };
+  const measurementVersion = signal2(0, { internal: true });
+  const totalSize = computed2(() => {
+    measurementVersion();
+    const count = getCount();
+    if (typeof options.itemHeight === "number" && dynamicSizeCache.size === 0) {
+      return count * options.itemHeight;
+    }
+    return getOffsetForIndex(count);
+  });
   const findIndexAtOffset = (offset) => {
     const count = getCount();
     if (count === 0)
@@ -72,11 +80,13 @@ function createVirtualizer2(options) {
     return Math.max(0, Math.min(count - 1, low));
   };
   const startIndex = computed2(() => {
+    measurementVersion();
     const offset = scrollOffset();
     const rawStart = findIndexAtOffset(offset);
     return Math.max(0, rawStart - overscan);
   });
   const endIndex = computed2(() => {
+    measurementVersion();
     const count = getCount();
     if (count === 0)
       return 0;
@@ -193,7 +203,8 @@ function createVirtualizer2(options) {
     const measuredSize = isHorizontal ? element.getBoundingClientRect().width : element.getBoundingClientRect().height;
     if (measuredSize > 0 && dynamicSizeCache.get(index) !== measuredSize) {
       dynamicSizeCache.set(index, measuredSize);
-      scrollOffset.update((o) => o);
+      invalidateOffsetsFrom(index);
+      measurementVersion.update((v) => v + 1);
     }
   };
   return {

package/dist/{index-5s255b3w.js → index-xby428n5.js}

@@ -7,12 +7,13 @@ import {
   runInScope2,
   getActiveScope2,
   useContext2,
-  effect2
-} from "./index-6kfe1nr4.js";
+  effect2,
+  signal2
+} from "./index-1yhbg34h.js";
 import {
   SuspenseContext2,
   createResource2
-} from "./index-a4xns6cc.js";
+} from "./index-65j7a9et.js";
 
 // src/dom/lazy.ts
 function lazy2(importer) {
@@ -176,26 +177,24 @@ function For2(props) {
     const newItems = [];
     const prevMap = new Map;
     for (const rec of items) {
-      prevMap.set(rec.item, rec);
+      const group = prevMap.get(rec.item);
+      if (group) {
+        group.push(rec);
+      } else {
+        prevMap.set(rec.item, [rec]);
+      }
     }
     for (let i = 0;i < list.length; i++) {
       const item = list[i];
-      const existing = prevMap.get(item);
+      const existingGroup = prevMap.get(item);
+      const existing = existingGroup && existingGroup.length > 0 ? existingGroup.shift() : undefined;
       if (existing) {
-        existing.indexSignal(i);
+        untrack2(() => {
+          existing.indexSignal.set(i);
+        });
         newItems.push(existing);
-        prevMap.delete(item);
       } else {
-        let indexVal = i;
-        const indexSubscribers = new Set;
-        const indexSignal = (...args) => {
-          if (args.length > 0 && args[0] !== undefined && args[0] !== indexVal) {
-            indexVal = args[0];
-            for (const sub of Array.from(indexSubscribers))
-              sub();
-          }
-          return indexVal;
-        };
+        const indexSignal = signal2(i, { internal: true });
         const itemScope = new Scope2(getActiveScope2());
         let itemNodes = [];
         untrack2(() => {
@@ -214,11 +213,13 @@ function For2(props) {
         });
       }
     }
-    for (const [, removed] of prevMap) {
-      removed.scope.dispose();
-      for (const node of removed.nodes) {
-        if (node.parentNode)
-          node.parentNode.removeChild(node);
+    for (const [, remainingGroup] of prevMap) {
+      for (const removed of remainingGroup) {
+        removed.scope.dispose();
+        for (const node of removed.nodes) {
+          if (node.parentNode)
+            node.parentNode.removeChild(node);
+        }
       }
     }
     if (marker.parentNode) {

package/dist/{index-x2rs3vab.js → index-y3nprgn7.js}

@@ -2,7 +2,7 @@ import {
   insertChild2,
   onCleanup2,
   createRoot2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 
 // src/server/hydrate.ts
 function hydrate2(fn, container) {