@epoch32/visage 1.2.0 → 1.3.1

package/dist/index.d.ts

@@ -11,5 +11,5 @@ export { hydrate, renderChildToString, renderToStream, renderToString, type Stre
 export { batch, type CleanupFn, Computed, type Context, computed, createContext, createEffect, createMemo, createRoot, createSignal, createStore, type Dependency, Effect, effect, getActiveScope, isSignal, mutateStore, onCleanup, type ReadonlySignal, runInScope, Scope, Signal, type Store, type Subscriber, signal, untrack, unwrapStore, useContext, type WritableSignal } from "./signals";
 export { type BaseLayoutProps, Center, type CenterProps, type ClassValue, createStyle, css, cx, DIMENSION_KEYWORDS, em, extractStyleTags, fluid, formatStyleProp, type GlassOptions, Grid, type GridProps, getScopeId, glass, hashString, hasReactiveClass, normalizeClass, px, type RadiusVariant, Row, type RowProps, radius, rem, type ScopeOptions, type ShadowVariant, Spacer, type SpacerProps, Stack, type StackProps, Style, type StyleClasses, StyleManager, type StyleProps, scopeCSS, scopeSelector, shadow, space, styleManager, UNITLESS_PROPERTIES, useStyle } from "./style";
 export { html, template } from "./template";
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, AccordionTrigger, type ColumnDef, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupData, CommandInput, type CommandInputProps, CommandItem, type CommandItemData, type CommandItemProps, CommandList, type CommandProps, type CreateTabsOptions, createControllableSignal, createIcon, createId, createTabs, createToastManager, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, defaultToastManager, type IconNode, type IconProps, onClickOutside, Popover, PopoverClose, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverProps, PopoverTrigger, type SortDirection, type SortState, Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, Toast, ToastClose, type ToastData, ToastDescription, type ToastManager, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, ToastTitle, type ToastVariant, ToastViewport, type ToastViewportProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipTrigger, toast, trapFocus, useAccordionContext, useAccordionItemContext, useCommandContext, useDialogContext, useDropdownMenuContext, usePopoverContext, useTabsContext, useToast, useTooltipContext } from "./ui";
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, AccordionTrigger, BottomBar, BottomBarAction, type BottomBarActionProps, BottomBarBadge, type BottomBarBadgeProps, type BottomBarContextValue, BottomBarItem, type BottomBarItemConfig, type BottomBarItemProps, type BottomBarProps, BottomBarRoot, BottomBarSeparator, type BottomBarSeparatorProps, type ColumnDef, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupData, CommandInput, type CommandInputProps, CommandItem, type CommandItemData, type CommandItemProps, CommandList, type CommandProps, type CreateTabsOptions, createControllableSignal, createIcon, createId, createTabs, createToastManager, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, defaultToastManager, type IconNode, type IconProps, onClickOutside, Popover, PopoverClose, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverProps, PopoverTrigger, type SortDirection, type SortState, Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, Toast, ToastClose, type ToastData, ToastDescription, type ToastManager, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, ToastTitle, type ToastVariant, ToastViewport, type ToastViewportProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipTrigger, toast, trapFocus, useAccordionContext, useAccordionItemContext, useBottomBarContext, useCommandContext, useDialogContext, useDropdownMenuContext, usePopoverContext, useTabsContext, useToast, useTooltipContext } from "./ui";
 export { createVirtualizer, VirtualGrid, type VirtualGridProps, type VirtualItem, type Virtualizer, type VirtualizerOptions, VirtualList, type VirtualListProps } from "./virtual";

package/dist/index.js

@@ -40,7 +40,7 @@ import {
   createStore2,
   mutateStore2,
   unwrapStore2
-} from "./index-6kfe1nr4.js";
+} from "./index-1yhbg34h.js";
 import {
   createApiClient2,
   buildFileRouter2,
@@ -49,24 +49,24 @@ import {
   defineMiddleware2,
   ProcedureBuilder2,
   procedure2
-} from "./index-061jf06a.js";
+} from "./index-cgepvvd4.js";
 import {
   lazy2,
   Show2,
   For2,
   Portal2
-} from "./index-5s255b3w.js";
-import"./index-9fvarkrx.js";
+} from "./index-xby428n5.js";
+import"./index-3y73zgbk.js";
 import {
   DevToolsHub2,
   devtoolsHub2,
   highlightElement2,
   VisageDevTools2,
   connectDevTools2
-} from "./index-zr6cvset.js";
+} from "./index-ptj8rt6b.js";
 import {
   createForm2
-} from "./index-h6tjqk6e.js";
+} from "./index-1jcd8gjf.js";
 import"./index-921pn75b.js";
 import {
   Router2,
@@ -77,7 +77,7 @@ import {
   useNavigate2,
   useParams2,
   useSearchParams2
-} from "./index-grhdtcb5.js";
+} from "./index-0qat98zs.js";
 import {
   createClient2,
   RouterImpl2,
@@ -85,17 +85,17 @@ import {
   query3,
   mutation3,
   subscription3
-} from "./index-df5e614s.js";
+} from "./index-awcrz19g.js";
 import {
   hydrate2,
   renderChildToString2,
   renderToString2,
   renderToStream2
-} from "./index-x2rs3vab.js";
+} from "./index-y3nprgn7.js";
 import {
   template2,
   html2
-} from "./index-js199er4.js";
+} from "./index-g1drdx7k.js";
 import {
   useAccordionContext2,
   useAccordionItemContext2,
@@ -103,6 +103,13 @@ import {
   AccordionTrigger2,
   AccordionContent2,
   Accordion2,
+  BottomBarAction2,
+  BottomBarBadge2,
+  useBottomBarContext2,
+  BottomBarItem2,
+  BottomBarRoot2,
+  BottomBarSeparator2,
+  BottomBar2,
   CommandDialog2,
   useCommandContext2,
   CommandInput2,
@@ -145,12 +152,12 @@ import {
   ToastDescription2,
   ToastClose2,
   Toast2
-} from "./index-b5wc752a.js";
+} from "./index-aagpn02x.js";
 import {
   createVirtualizer2,
   VirtualList2,
   VirtualGrid2
-} from "./index-8czhpea8.js";
+} from "./index-x6whpv54.js";
 import {
   ChartContext2,
   useChartContext2,
@@ -172,7 +179,7 @@ import {
   Line2,
   Pie2,
   ChartTooltip2
-} from "./index-dyvgtp43.js";
+} from "./index-9bez1tmf.js";
 import {
   createId2,
   createControllableSignal2,
@@ -191,7 +198,7 @@ import {
   Tooltip3,
   SwitchThumb2,
   Switch2
-} from "./index-8x8xz80v.js";
+} from "./index-b7emqmej.js";
 import {
   ERROR_CODE_TO_STATUS2,
   STATUS_TO_ERROR_CODE2,
@@ -221,7 +228,7 @@ import {
   createMutation2,
   createQuery2,
   createInfiniteQuery2
-} from "./index-y9bq7h9g.js";
+} from "./index-5jhzwtdz.js";
 import {
   hashString2,
   getScopeId2,
@@ -234,19 +241,19 @@ import {
   css2,
   useStyle2,
   Style2
-} from "./index-0madxn60.js";
+} from "./index-enc8cmea.js";
 import {
   Stack2,
   Row2,
   Center2,
   Grid2,
   Spacer2
-} from "./index-1xtrtz1t.js";
+} from "./index-dmhmde2z.js";
 import {
   createResource2,
   Suspense2,
   ErrorBoundary2
-} from "./index-a4xns6cc.js";
+} from "./index-65j7a9et.js";
 export {
   Accordion2 as Accordion,
   AccordionContent2 as AccordionContent,
@@ -254,6 +261,12 @@ export {
   AccordionTrigger2 as AccordionTrigger,
   Area2 as Area,
   Bar2 as Bar,
+  BottomBar2 as BottomBar,
+  BottomBarAction2 as BottomBarAction,
+  BottomBarBadge2 as BottomBarBadge,
+  BottomBarItem2 as BottomBarItem,
+  BottomBarRoot2 as BottomBarRoot,
+  BottomBarSeparator2 as BottomBarSeparator,
   CartesianGrid2 as CartesianGrid,
   Center2 as Center,
   Chart2 as Chart,
@@ -441,6 +454,7 @@ export {
   unwrapStore2 as unwrapStore,
   useAccordionContext2 as useAccordionContext,
   useAccordionItemContext2 as useAccordionItemContext,
+  useBottomBarContext2 as useBottomBarContext,
   useChartContext2 as useChartContext,
   useCommandContext2 as useCommandContext,
   useContext2 as useContext,

package/dist/jsx-runtime/index.js

@@ -3,10 +3,10 @@ import {
   jsx2,
   jsxs2,
   jsxDEV2
-} from "../index-9fvarkrx.js";
-import"../index-5s255b3w.js";
-import"../index-a4xns6cc.js";
-import"../index-6kfe1nr4.js";
+} from "../index-3y73zgbk.js";
+import"../index-xby428n5.js";
+import"../index-65j7a9et.js";
+import"../index-1yhbg34h.js";
 export {
   Fragment2 as Fragment,
   jsx2 as jsx,

package/dist/query/index.js

@@ -21,9 +21,9 @@ import {
   createMutation2,
   createQuery2,
   createInfiniteQuery2
-} from "../index-y9bq7h9g.js";
-import"../index-a4xns6cc.js";
-import"../index-6kfe1nr4.js";
+} from "../index-5jhzwtdz.js";
+import"../index-65j7a9et.js";
+import"../index-1yhbg34h.js";
 export {
   FocusManager2 as FocusManager,
   Mutation2 as Mutation,

package/dist/router/index.js

@@ -7,13 +7,13 @@ import {
   useNavigate2,
   useParams2,
   useSearchParams2
-} from "../index-grhdtcb5.js";
-import"../index-9fvarkrx.js";
+} from "../index-0qat98zs.js";
+import"../index-3y73zgbk.js";
 import {
   lazy2
-} from "../index-5s255b3w.js";
-import"../index-a4xns6cc.js";
-import"../index-6kfe1nr4.js";
+} from "../index-xby428n5.js";
+import"../index-65j7a9et.js";
+import"../index-1yhbg34h.js";
 export {
   Link2 as Link,
   Route2 as Route,

package/dist/rpc/index.js

@@ -5,7 +5,7 @@ import {
   query3,
   mutation3,
   subscription3
-} from "../index-df5e614s.js";
+} from "../index-awcrz19g.js";
 import {
   ERROR_CODE_TO_STATUS2,
   STATUS_TO_ERROR_CODE2,
@@ -19,9 +19,9 @@ import {
   validateWithSchema2,
   v2
 } from "../index-2zz0g2n2.js";
-import"../index-y9bq7h9g.js";
-import"../index-a4xns6cc.js";
-import"../index-6kfe1nr4.js";
+import"../index-5jhzwtdz.js";
+import"../index-65j7a9et.js";
+import"../index-1yhbg34h.js";
 export {
   ERROR_CODE_TO_STATUS2 as ERROR_CODE_TO_STATUS,
   RPCError2 as RPCError,

package/dist/server/index.js

@@ -3,8 +3,8 @@ import {
   renderChildToString2,
   renderToString2,
   renderToStream2
-} from "../index-x2rs3vab.js";
-import"../index-6kfe1nr4.js";
+} from "../index-y3nprgn7.js";
+import"../index-1yhbg34h.js";
 export {
   hydrate2 as hydrate,
   renderChildToString2 as renderChildToString,

package/dist/signals/index.js

@@ -24,7 +24,7 @@ import {
   createStore2,
   mutateStore2,
   unwrapStore2
-} from "../index-6kfe1nr4.js";
+} from "../index-1yhbg34h.js";
 export {
   COMPUTED_BRAND2 as COMPUTED_BRAND,
   Computed2 as Computed,

package/dist/signals/system.d.ts

@@ -14,6 +14,8 @@ export declare function setCurrentScope(scope: any): void;
 export declare function getCurrentScope(): any;
 export declare function addPendingEffect(eff: any): void;
 export declare function removePendingEffect(eff: any): void;
+export declare function getBatchDepth(): number;
+export declare function getIsFlushing(): boolean;
 export declare function flushEffects(): void;
 /**
  * Batch multiple signal mutations so downstreams and effects update synchronously once at completion.

package/dist/style/index.js

@@ -16,9 +16,9 @@ import {
   radius2,
   glass2,
   formatStyleProp2
-} from "../index-6kfe1nr4.js";
-import"../index-5s255b3w.js";
-import"../index-9fvarkrx.js";
+} from "../index-1yhbg34h.js";
+import"../index-xby428n5.js";
+import"../index-3y73zgbk.js";
 import {
   hashString2,
   getScopeId2,
@@ -32,15 +32,15 @@ import {
   css2,
   useStyle2,
   Style2
-} from "../index-0madxn60.js";
+} from "../index-enc8cmea.js";
 import {
   Stack2,
   Row2,
   Center2,
   Grid2,
   Spacer2
-} from "../index-1xtrtz1t.js";
-import"../index-a4xns6cc.js";
+} from "../index-dmhmde2z.js";
+import"../index-65j7a9et.js";
 export {
   Center2 as Center,
   DIMENSION_KEYWORDS2 as DIMENSION_KEYWORDS,

package/dist/template/index.js

@@ -1,8 +1,8 @@
 import {
   template2,
   html2
-} from "../index-js199er4.js";
-import"../index-6kfe1nr4.js";
+} from "../index-g1drdx7k.js";
+import"../index-1yhbg34h.js";
 export {
   html2 as html,
   template2 as template

package/dist/ui/bottom-bar/action.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarActionProps } from "./types";
+export declare function BottomBarAction(props: BottomBarActionProps): Child;

package/dist/ui/bottom-bar/badge.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarBadgeProps } from "./types";
+export declare function BottomBarBadge(props: BottomBarBadgeProps): Child;

package/dist/ui/bottom-bar/context.d.ts

@@ -0,0 +1,3 @@
+import type { BottomBarContextValue } from "./types";
+export declare const BottomBarContext: import("../..").Context<BottomBarContextValue | null>;
+export declare function useBottomBarContext(): BottomBarContextValue | null;

package/dist/ui/bottom-bar/index.d.ts

@@ -0,0 +1,19 @@
+import { BottomBarAction } from "./action";
+import { BottomBarBadge } from "./badge";
+import { BottomBarItem } from "./item";
+import { BottomBarRoot } from "./root";
+import { BottomBarSeparator } from "./separator";
+export { BottomBarAction } from "./action";
+export { BottomBarBadge } from "./badge";
+export { BottomBarContext, useBottomBarContext } from "./context";
+export { BottomBarItem } from "./item";
+export { BottomBarRoot } from "./root";
+export { BottomBarSeparator } from "./separator";
+export type { BottomBarActionProps, BottomBarBadgeProps, BottomBarContextValue, BottomBarItemConfig, BottomBarItemProps, BottomBarProps, BottomBarSeparatorProps } from "./types";
+export declare const BottomBar: typeof BottomBarRoot & {
+    Root: typeof BottomBarRoot;
+    Item: typeof BottomBarItem;
+    Action: typeof BottomBarAction;
+    Badge: typeof BottomBarBadge;
+    Separator: typeof BottomBarSeparator;
+};

package/dist/ui/bottom-bar/item.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarItemProps } from "./types";
+export declare function BottomBarItem(props: BottomBarItemProps): Child;

package/dist/ui/bottom-bar/root.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarProps } from "./types";
+export declare function BottomBarRoot(props: BottomBarProps): Child;

package/dist/ui/bottom-bar/separator.d.ts

@@ -0,0 +1,3 @@
+import type { Child } from "../../dom/render";
+import type { BottomBarSeparatorProps } from "./types";
+export declare function BottomBarSeparator(props: BottomBarSeparatorProps): Child;

package/dist/ui/bottom-bar/types.d.ts

@@ -0,0 +1,72 @@
+import type { Child } from "../../dom/render";
+import type { ReadonlySignal } from "../../signals";
+export interface BottomBarContextValue {
+    value: ReadonlySignal<string>;
+    setValue: (value: string) => void;
+    baseId: string;
+    variant: "floating" | "docked";
+}
+export interface BottomBarItemConfig {
+    value: string;
+    label?: Child | (() => Child);
+    icon?: Child | (() => Child);
+    badge?: Child | number | string | (() => Child | number | string | undefined);
+    disabled?: boolean | (() => boolean);
+    onClick?: (e: MouseEvent) => void;
+    class?: any;
+    style?: any;
+}
+export interface BottomBarProps {
+    value?: () => string | undefined;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    variant?: "floating" | "docked";
+    hideOnScroll?: boolean;
+    scrollThreshold?: number;
+    items?: BottomBarItemConfig[];
+    itemClass?: any;
+    itemStyle?: any;
+    as?: string;
+    class?: any;
+    style?: any;
+    children?: Child | (() => Child);
+    [key: string]: any;
+}
+export interface BottomBarItemProps {
+    value: string;
+    icon?: Child | (() => Child);
+    label?: Child | (() => Child);
+    badge?: Child | number | string | (() => Child | number | string | undefined);
+    disabled?: boolean | (() => boolean);
+    onClick?: (e: MouseEvent) => void;
+    as?: string;
+    class?: any;
+    style?: any;
+    children?: Child | (() => Child);
+    [key: string]: any;
+}
+export interface BottomBarActionProps {
+    icon?: Child | (() => Child);
+    label?: string;
+    disabled?: boolean | (() => boolean);
+    onClick?: (e: MouseEvent) => void;
+    as?: string;
+    class?: any;
+    style?: any;
+    children?: Child | (() => Child);
+    [key: string]: any;
+}
+export interface BottomBarBadgeProps {
+    count?: Child | number | string | (() => Child | number | string | undefined);
+    as?: string;
+    class?: any;
+    style?: any;
+    children?: Child | (() => Child);
+    [key: string]: any;
+}
+export interface BottomBarSeparatorProps {
+    as?: string;
+    class?: any;
+    style?: any;
+    [key: string]: any;
+}

package/dist/ui/index.d.ts

@@ -1,4 +1,5 @@
 export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionMultipleProps, type AccordionProps, type AccordionSingleProps, AccordionTrigger, useAccordionContext, useAccordionItemContext } from "./accordion";
+export { BottomBar, BottomBarAction, type BottomBarActionProps, BottomBarBadge, type BottomBarBadgeProps, type BottomBarContextValue, BottomBarItem, type BottomBarItemConfig, type BottomBarItemProps, type BottomBarProps, BottomBarRoot, BottomBarSeparator, type BottomBarSeparatorProps, useBottomBarContext } from "./bottom-bar";
 export { Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupData, CommandInput, type CommandInputProps, CommandItem, type CommandItemData, type CommandItemProps, CommandList, type CommandProps, useCommandContext } from "./command";
 export { type ColumnDef, DataTable, type DataTableProps, type SortDirection, type SortState } from "./data-table";
 export { Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, DialogTrigger, useDialogContext } from "./dialog";

package/dist/ui/index.js

@@ -5,6 +5,13 @@ import {
   AccordionTrigger2,
   AccordionContent2,
   Accordion2,
+  BottomBarAction2,
+  BottomBarBadge2,
+  useBottomBarContext2,
+  BottomBarItem2,
+  BottomBarRoot2,
+  BottomBarSeparator2,
+  BottomBar2,
   CommandDialog2,
   useCommandContext2,
   CommandInput2,
@@ -47,7 +54,7 @@ import {
   ToastDescription2,
   ToastClose2,
   Toast2
-} from "../index-b5wc752a.js";
+} from "../index-aagpn02x.js";
 import {
   createId2,
   createControllableSignal2,
@@ -66,23 +73,29 @@ import {
   Tooltip3,
   SwitchThumb2,
   Switch2
-} from "../index-8x8xz80v.js";
+} from "../index-b7emqmej.js";
 import {
   Stack2,
   Row2,
   Center2,
   Grid2,
   Spacer2
-} from "../index-1xtrtz1t.js";
-import"../index-9fvarkrx.js";
-import"../index-5s255b3w.js";
-import"../index-a4xns6cc.js";
-import"../index-6kfe1nr4.js";
+} from "../index-dmhmde2z.js";
+import"../index-3y73zgbk.js";
+import"../index-xby428n5.js";
+import"../index-65j7a9et.js";
+import"../index-1yhbg34h.js";
 export {
   Accordion2 as Accordion,
   AccordionContent2 as AccordionContent,
   AccordionItem2 as AccordionItem,
   AccordionTrigger2 as AccordionTrigger,
+  BottomBar2 as BottomBar,
+  BottomBarAction2 as BottomBarAction,
+  BottomBarBadge2 as BottomBarBadge,
+  BottomBarItem2 as BottomBarItem,
+  BottomBarRoot2 as BottomBarRoot,
+  BottomBarSeparator2 as BottomBarSeparator,
   Center2 as Center,
   Command2 as Command,
   CommandDialog2 as CommandDialog,
@@ -142,6 +155,7 @@ export {
   trapFocus2 as trapFocus,
   useAccordionContext2 as useAccordionContext,
   useAccordionItemContext2 as useAccordionItemContext,
+  useBottomBarContext2 as useBottomBarContext,
   useCommandContext2 as useCommandContext,
   useDialogContext2 as useDialogContext,
   useDropdownMenuContext2 as useDropdownMenuContext,

package/dist/virtual/index.js

@@ -2,11 +2,11 @@ import {
   createVirtualizer2,
   VirtualList2,
   VirtualGrid2
-} from "../index-8czhpea8.js";
-import"../index-9fvarkrx.js";
-import"../index-5s255b3w.js";
-import"../index-a4xns6cc.js";
-import"../index-6kfe1nr4.js";
+} from "../index-x6whpv54.js";
+import"../index-3y73zgbk.js";
+import"../index-xby428n5.js";
+import"../index-65j7a9et.js";
+import"../index-1yhbg34h.js";
 export {
   VirtualGrid2 as VirtualGrid,
   VirtualList2 as VirtualList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epoch32/visage",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Lightning-fast, zero-VDOM, fine-grained reactive UI library with full TypeScript support",
   "type": "module",
   "main": "./dist/index.js",

package/src/dom/control-flow.ts

@@ -1,4 +1,13 @@
-import { effect, getActiveScope, onCleanup, runInScope, Scope, untrack } from "../signals";
+import {
+  effect,
+  getActiveScope,
+  onCleanup,
+  runInScope,
+  Scope,
+  signal,
+  untrack,
+  type WritableSignal
+} from "../signals";
 import { type Child, insertChild, type ReactiveValue, resolveValue } from "./render";
 
 export interface ShowProps<T> {
@@ -120,7 +129,7 @@ interface ItemRecord<T> {
   item: T;
   scope: Scope;
   nodes: Node[];
-  indexSignal: (val?: number) => number;
+  indexSignal: WritableSignal<number>;
 }
 
 /**
@@ -206,32 +215,31 @@ export function For<T>(props: ForProps<T>): any {
     if (!parent) return;
 
     const newItems: ItemRecord<T>[] = [];
-    const prevMap = new Map<T, ItemRecord<T>>();
+    const prevMap = new Map<T, ItemRecord<T>[]>();
 
     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]);
+      }
     }
 
     // Fast-path: map existing or create new item scopes
     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);
+        untrack(() => {
+          existing.indexSignal.set(i);
+        });
         newItems.push(existing);
-        prevMap.delete(item);
       } else {
-        let indexVal = i;
-        const indexSubscribers = new Set<() => void>();
-        const indexSignal = (...args: [number?]): number => {
-          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 = signal(i, { internal: true });
         const itemScope = new Scope(getActiveScope());
         let itemNodes: Node[] = [];
 
@@ -254,10 +262,12 @@ export function For<T>(props: ForProps<T>): any {
     }
 
     // Clean up removed items
-    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);
+        }
       }
     }