@askrjs/askr 0.0.36 → 0.0.37

package/dist/foundations/interactions/interaction-policy.js

@@ -1,7 +1,7 @@
-import { pressable } from "./pressable.js";
 import { composeHandlers } from "../utilities/compose-handlers.js";
-import { composeRefs } from "../utilities/compose-ref.js";
 import { mergeProps } from "../utilities/merge-props.js";
+import { composeRefs } from "../utilities/compose-ref.js";
+import { pressable } from "./pressable.js";
 //#region src/foundations/interactions/interaction-policy.ts
 /**
 * INTERACTION POLICY (FRAMEWORK LAW)

package/dist/foundations/state/index.d.ts

@@ -0,0 +1,2 @@
+import { ControllableState, controllableState, isControlled, makeControllable, resolveControllable } from "./controllable.js";
+export { type ControllableState, controllableState, isControlled, makeControllable, resolveControllable };

package/dist/foundations/state/index.js

@@ -0,0 +1,2 @@
+import { controllableState, isControlled, makeControllable, resolveControllable } from "./controllable.js";
+export { controllableState, isControlled, makeControllable, resolveControllable };

package/dist/foundations/structures/index.d.ts

@@ -0,0 +1,8 @@
+import { JSXElement } from "../../common/jsx.js";
+import { LayoutComponent, layout } from "./layout.js";
+import { Slot, SlotProps } from "./slot.js";
+import { Presence, PresenceProps } from "./presence.js";
+import { DefaultPortal, Portal, PortalProps, definePortal } from "./portal.js";
+import { Collection, CollectionItem, createCollection } from "./collection.js";
+import { Layer, LayerManager, LayerOptions, createLayer } from "./layer.js";
+export { type Collection, type CollectionItem, DefaultPortal, type JSXElement, type Layer, type LayerManager, type LayerOptions, type LayoutComponent, Portal, type PortalProps, Presence, type PresenceProps, Slot, type SlotProps, createCollection, createLayer, definePortal, layout };

package/dist/foundations/structures/index.js

@@ -0,0 +1,7 @@
+import { DefaultPortal, Portal, definePortal } from "./portal.js";
+import { layout } from "./layout.js";
+import { Slot } from "./slot.js";
+import { Presence } from "./presence.js";
+import { createCollection } from "./collection.js";
+import { createLayer } from "./layer.js";
+export { DefaultPortal, Portal, Presence, Slot, createCollection, createLayer, definePortal, layout };

package/dist/foundations/utilities/index.d.ts

@@ -0,0 +1,7 @@
+import { Ref, composeRefs, setRef } from "./compose-ref.js";
+import { DefaultPreventable, FocusLikeEvent, KeyboardLikeEvent, PointerLikeEvent, PropagationStoppable } from "./event-types.js";
+import { ComposeHandlersOptions, composeHandlers } from "./compose-handlers.js";
+import { mergeProps } from "./merge-props.js";
+import { ariaDisabled, ariaExpanded, ariaSelected } from "./aria.js";
+import { FormatIdOptions, formatId } from "./use-id.js";
+export { type ComposeHandlersOptions, type DefaultPreventable, type FocusLikeEvent, type FormatIdOptions, type KeyboardLikeEvent, type PointerLikeEvent, type PropagationStoppable, type Ref, ariaDisabled, ariaExpanded, ariaSelected, composeHandlers, composeRefs, formatId, mergeProps, setRef };

package/dist/foundations/utilities/index.js

@@ -0,0 +1,6 @@
+import { composeHandlers } from "./compose-handlers.js";
+import { mergeProps } from "./merge-props.js";
+import { ariaDisabled, ariaExpanded, ariaSelected } from "./aria.js";
+import { composeRefs, setRef } from "./compose-ref.js";
+import { formatId } from "./use-id.js";
+export { ariaDisabled, ariaExpanded, ariaSelected, composeHandlers, composeRefs, formatId, mergeProps, setRef };

package/dist/index.d.ts

@@ -3,21 +3,7 @@ import { Fragment } from "./common/jsx.js";
 import { State, state } from "./runtime/state.js";
 import { Context, defineContext, readContext } from "./runtime/context.js";
 import { getSignal } from "./runtime/component.js";
-import { For, ForProps } from "./control/for.js";
-import { AccessDecision, AccessDenyDecision, AccessRedirectDecision, GroupHelperOptions, PageHelperOptions, PageScopeRecord, RegisterRoutesOptions, RouteAuthMode, RouteAuthOptions, RouteAuthResolver, RouteAuthState, RouteComponent, RouteContext, RouteDefinition, RouteManifest, RouteMatch, RouteMode, RouteOptions, RoutePolicy, RouteRecord, RouteRenderResult, RouteRequestOptions, RouteRequestResult, RouteSnapshot } from "./common/router.js";
-import { HistoryScrollBehavior, NavigateOptions, NavigationScrollBehavior, ScrollRestorationOptions, navigate } from "./router/navigate.js";
-import { HydrateSPAConfig, IslandConfig, IslandsConfig, SPAConfig, cleanupApp, createIsland, createIslands, createSPA, hasApp, hydrateSPA } from "./boot/index.js";
-import { Show, ShowProps } from "./control/show.js";
-import { Case, CaseProps, Match, MatchProps } from "./control/case.js";
-import { jsx, jsxs } from "./jsx-runtime.js";
-import { Slot, SlotProps } from "./foundations/structures/slot.js";
-import { DefaultPortal, Portal, PortalProps, definePortal } from "./foundations/structures/portal.js";
 import { Derived, derive } from "./runtime/derive.js";
 import { Selector, selector } from "./runtime/selector.js";
-import { ResourceResult, resource } from "./runtime/operations.js";
-import { Mutation, Query, QueryConsistency, createMutation, createQuery, invalidate } from "./data/index.js";
-import { Outlet, currentRoute, fallback, group, index, lazy, page, registerRoutes, route } from "./router/route.js";
-import { allow, deny, forbidden, notFound, redirect, requireAuth, requirePermission, requireRole, unauthorized } from "./router/policy.js";
-import { Link, LinkProps } from "./components/link.js";
-import { ErrorBoundary, ErrorBoundaryFallbackRender, ErrorBoundaryProps } from "./components/error-boundary.js";
-export { type AccessDecision, type AccessDenyDecision, type AccessRedirectDecision, Case, type CaseProps, type Context, DefaultPortal, type Derived, ErrorBoundary, type ErrorBoundaryFallbackRender, type ErrorBoundaryProps, For, type ForProps, Fragment, type GroupHelperOptions, type HistoryScrollBehavior, type HydrateSPAConfig, type IslandConfig, type IslandsConfig, Link, type LinkProps, Match, type MatchProps, type Mutation, type NavigateOptions, type NavigationScrollBehavior, Outlet, type PageHelperOptions, type PageScopeRecord, Portal, type PortalProps, type Props, type Query, type QueryConsistency, type RegisterRoutesOptions, type ResourceResult, type RouteAuthMode, type RouteAuthOptions, type RouteAuthResolver, type RouteAuthState, type RouteComponent, type RouteContext, type RouteDefinition, type RouteManifest, type RouteMatch, type RouteMode, type RouteOptions, type RoutePolicy, type RouteRecord, type RouteRenderResult, type RouteRequestOptions, type RouteRequestResult, type RouteSnapshot, type SPAConfig, type ScrollRestorationOptions, type Selector, Show, type ShowProps, Slot, type SlotProps, type State, allow, cleanupApp, createIsland, createIslands, createMutation, createQuery, createSPA, currentRoute, defineContext, definePortal, deny, derive, fallback, forbidden, getSignal, group, hasApp, hydrateSPA, index, invalidate, jsx, jsxs, lazy, navigate, notFound, page, readContext, redirect, registerRoutes, requireAuth, requirePermission, requireRole, resource, route, selector, state, unauthorized };
+import { jsx, jsxs } from "./jsx-runtime.js";
+export { type Context, type Derived, Fragment, type Props, type Selector, type State, defineContext, derive, getSignal, jsx, jsxs, readContext, selector, state };

package/dist/index.js

@@ -2,27 +2,11 @@ import { Fragment } from "./common/jsx.js";
 import { defineContext, readContext } from "./runtime/context.js";
 import { getSignal } from "./runtime/component.js";
 import { jsx, jsxs } from "./jsx-runtime.js";
-import { ErrorBoundary } from "./components/error-boundary.js";
 import { installRendererBridge } from "./renderer/index.js";
 import { state } from "./runtime/state.js";
 import { derive } from "./runtime/derive.js";
 import { selector } from "./runtime/selector.js";
-import { resource } from "./runtime/operations.js";
-import { createMutation, createQuery, invalidate } from "./data/index.js";
-import { allow, deny, forbidden, notFound, redirect, requireAuth, requirePermission, requireRole, unauthorized } from "./router/policy.js";
-import { Outlet, currentRoute, fallback, group, index, lazy, page, registerRoutes, route } from "./router/route.js";
-import { DefaultPortal, Portal, definePortal } from "./foundations/structures/portal.js";
-import { navigate } from "./router/navigate.js";
-import { cleanupApp, createIsland, createIslands, createSPA, hasApp, hydrateSPA } from "./boot/index.js";
 import "./jsx-runtime2.js";
-import { Link } from "./components/link.js";
-import "./router/index.js";
-import { For } from "./control/for.js";
-import { Show } from "./control/show.js";
-import { Case, Match } from "./control/case.js";
-import "./control/index.js";
-import { Slot } from "./foundations/structures/slot.js";
-import "./foundations/structures.js";
 //#region src/index.ts
 /**
 * Askr: Actor-backed deterministic UI framework
@@ -31,6 +15,6 @@ import "./foundations/structures.js";
 */
 installRendererBridge();
 //#endregion
-export { Case, DefaultPortal, ErrorBoundary, For, Fragment, Link, Match, Outlet, Portal, Show, Slot, allow, cleanupApp, createIsland, createIslands, createMutation, createQuery, createSPA, currentRoute, defineContext, definePortal, deny, derive, fallback, forbidden, getSignal, group, hasApp, hydrateSPA, index, invalidate, jsx, jsxs, lazy, navigate, notFound, page, readContext, redirect, registerRoutes, requireAuth, requirePermission, requireRole, resource, route, selector, state, unauthorized };
+export { Fragment, defineContext, derive, getSignal, jsx, jsxs, readContext, selector, state };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * Askr: Actor-backed deterministic UI framework\n *\n * Public API surface — only users should import from here\n */\n\nimport { installRendererBridge } from './renderer';\n\ninstallRendererBridge();\n\n// Runtime primitives\nexport { state } from './runtime/state';\nexport type { State } from './runtime/state';\nexport { derive } from './runtime/derive';\nexport type { Derived } from './runtime/derive';\nexport { getSignal } from './runtime/component';\nexport { selector } from './runtime/selector';\nexport type { Selector } from './runtime/selector';\n\n// Context\nexport { defineContext, readContext } from './runtime/context';\nexport type { Context } from './runtime/context';\n\n// Resources\nexport { resource } from './runtime/operations';\nexport type { ResourceResult } from './runtime/operations';\n\n// Data\nexport { createQuery, createMutation, invalidate } from './data';\nexport type { Query, Mutation, QueryConsistency } from './data';\n\n// App bootstrap\nexport {\n  createIsland,\n  createIslands,\n  createSPA,\n  hydrateSPA,\n  cleanupApp,\n  hasApp,\n} from './boot';\nexport type {\n  IslandConfig,\n  IslandsConfig,\n  SPAConfig,\n  HydrateSPAConfig,\n} from './boot';\n\n// Routing\nexport {\n  registerRoutes,\n  route,\n  page,\n  index,\n  Outlet,\n  currentRoute,\n  group,\n  fallback,\n  lazy,\n  allow,\n  redirect,\n  deny,\n  unauthorized,\n  forbidden,\n  notFound,\n  requireAuth,\n  requireRole,\n  requirePermission,\n  type RouteSnapshot,\n  type RouteMatch,\n  type RouteComponent,\n  type RouteMode,\n  type RouteAuthMode,\n  type RouteContext,\n  type RoutePolicy,\n  type RouteOptions,\n  type RouteRecord,\n  type RouteManifest,\n  type PageScopeRecord,\n  type AccessDecision,\n  type AccessDenyDecision,\n  type AccessRedirectDecision,\n  type GroupHelperOptions,\n  type PageHelperOptions,\n  type RegisterRoutesOptions,\n  type RouteDefinition,\n  type RouteAuthOptions,\n  type RouteAuthResolver,\n  type RouteAuthState,\n  type RouteRenderResult,\n  type RouteRequestOptions,\n  type RouteRequestResult,\n} from './router';\nexport { navigate } from './router/navigate';\nexport type {\n  NavigateOptions,\n  NavigationScrollBehavior,\n  HistoryScrollBehavior,\n  ScrollRestorationOptions,\n} from './router/navigate';\n\n// Components\nexport { Link } from './components/link';\nexport type { LinkProps } from './components/link';\nexport { ErrorBoundary } from './components/error-boundary';\nexport type {\n  ErrorBoundaryProps,\n  ErrorBoundaryFallbackRender,\n} from './components/error-boundary';\nexport { Case, For, Match, Show } from './control';\nexport type { CaseProps, ForProps, MatchProps, ShowProps } from './control';\nexport {\n  Slot,\n  definePortal,\n  DefaultPortal,\n  Portal,\n} from './foundations/structures';\nexport type { SlotProps, PortalProps } from './foundations/structures';\n\n// Re-export JSX runtime for tsconfig jsxImportSource\nexport { jsx, jsxs, Fragment } from './jsx-runtime';\n\n// Public types\nexport type { Props } from './common/props';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,uBAAuB"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * Askr: Actor-backed deterministic UI framework\n *\n * Public API surface — only users should import from here\n */\n\nimport { installRendererBridge } from './renderer';\n\ninstallRendererBridge();\n\n// Runtime primitives\nexport { state } from './runtime/state';\nexport type { State } from './runtime/state';\nexport { derive } from './runtime/derive';\nexport type { Derived } from './runtime/derive';\nexport { getSignal } from './runtime/component';\nexport { selector } from './runtime/selector';\nexport type { Selector } from './runtime/selector';\n\n// Context\nexport { defineContext, readContext } from './runtime/context';\nexport type { Context } from './runtime/context';\n\n// Re-export JSX runtime for tsconfig jsxImportSource\nexport { jsx, jsxs, Fragment } from './jsx-runtime';\n\n// Public types\nexport type { Props } from './common/props';\n"],"mappings":";;;;;;;;;;;;;;;AAQA,uBAAuB"}

package/dist/jsx-dev-runtime.d.ts

@@ -4,5 +4,5 @@ import { EagerControlPrimitive } from "./common/control.js";
 declare function jsxDEV(type: EagerControlPrimitive, props: Record<string, unknown> | null, key?: string | number, isStaticChildren?: boolean): unknown;
 declare function jsxDEV(type: unknown, props: Record<string, unknown> | null, key?: string | number, isStaticChildren?: boolean): JSXElement;
 //#endregion
-export { Fragment, jsxDEV };
+export { Fragment, type JSXElement, jsxDEV };
 //# sourceMappingURL=jsx-dev-runtime.d.ts.map

package/dist/jsx-dev-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.js","names":[],"sources":["../src/jsx/jsx-dev-runtime.ts"],"sourcesContent":["/**\n * JSX dev runtime factory\n * Same element shape as production runtime, with room for dev warnings.\n */\nimport type { Props } from '../common/props';\nimport {\n  isEagerControlPrimitive,\n  type EagerControlPrimitive,\n} from '../common/control';\nimport {\n  ELEMENT_TYPE,\n  Fragment,\n  STATIC_CHILDREN,\n  type JSXElement,\n} from './types';\nimport { markReadableUsage } from '../runtime/readable';\n\nfunction annotatePropsUsage(props: Record<string, unknown> | null): Props {\n  const normalizedProps = (props ?? {}) as Props;\n\n  for (const value of Object.values(normalizedProps)) {\n    markReadableUsage(value);\n  }\n\n  return normalizedProps;\n}\n\nfunction markStaticChildren(props: Props): Props {\n  if (Array.isArray(props.children)) {\n    Object.defineProperty(props.children, STATIC_CHILDREN, {\n      value: true,\n      configurable: true,\n    });\n  }\n\n  return props;\n}\n\nexport function jsxDEV(\n  type: EagerControlPrimitive,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren?: boolean\n): unknown;\nexport function jsxDEV(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren?: boolean\n): JSXElement;\nexport function jsxDEV(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren = false\n): JSXElement | unknown {\n  const normalizedProps = annotatePropsUsage(props);\n  const preparedProps = isStaticChildren\n    ? markStaticChildren(normalizedProps)\n    : normalizedProps;\n\n  if (isEagerControlPrimitive(type)) {\n    return type(preparedProps);\n  }\n\n  return {\n    $$typeof: ELEMENT_TYPE,\n    type: type as string | ((props: Props) => unknown) | symbol,\n    props: preparedProps,\n    key: key ?? null,\n  };\n}\n\n// Re-export Fragment for JSX\nexport { Fragment };\n"],"mappings":";;;;;AAiBA,SAAS,mBAAmB,OAA8C;CACxE,MAAM,kBAAmB,SAAS,EAAE;CAEpC,KAAK,MAAM,SAAS,OAAO,OAAO,gBAAgB,EAChD,kBAAkB,MAAM;CAG1B,OAAO;;AAGT,SAAS,mBAAmB,OAAqB;CAC/C,IAAI,MAAM,QAAQ,MAAM,SAAS,EAC/B,OAAO,eAAe,MAAM,UAAU,iBAAiB;EACrD,OAAO;EACP,cAAc;EACf,CAAC;CAGJ,OAAO;;AAeT,SAAgB,OACd,MACA,OACA,KACA,mBAAmB,OACG;CACtB,MAAM,kBAAkB,mBAAmB,MAAM;CACjD,MAAM,gBAAgB,mBAClB,mBAAmB,gBAAgB,GACnC;CAEJ,IAAI,wBAAwB,KAAK,EAC/B,OAAO,KAAK,cAAc;CAG5B,OAAO;EACL,UAAU;EACJ;EACN,OAAO;EACP,KAAK,OAAO;EACb"}
+{"version":3,"file":"jsx-dev-runtime.js","names":[],"sources":["../src/jsx/jsx-dev-runtime.ts"],"sourcesContent":["/**\n * JSX dev runtime factory\n * Same element shape as production runtime, with room for dev warnings.\n */\nimport type { Props } from '../common/props';\nimport {\n  isEagerControlPrimitive,\n  type EagerControlPrimitive,\n} from '../common/control';\nimport {\n  ELEMENT_TYPE,\n  Fragment,\n  STATIC_CHILDREN,\n  type JSXElement,\n} from './types';\nimport { markReadableUsage } from '../runtime/readable';\n\nfunction annotatePropsUsage(props: Record<string, unknown> | null): Props {\n  const normalizedProps = (props ?? {}) as Props;\n\n  for (const value of Object.values(normalizedProps)) {\n    markReadableUsage(value);\n  }\n\n  return normalizedProps;\n}\n\nfunction markStaticChildren(props: Props): Props {\n  if (Array.isArray(props.children)) {\n    Object.defineProperty(props.children, STATIC_CHILDREN, {\n      value: true,\n      configurable: true,\n    });\n  }\n\n  return props;\n}\n\nexport function jsxDEV(\n  type: EagerControlPrimitive,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren?: boolean\n): unknown;\nexport function jsxDEV(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren?: boolean\n): JSXElement;\nexport function jsxDEV(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren = false\n): JSXElement | unknown {\n  const normalizedProps = annotatePropsUsage(props);\n  const preparedProps = isStaticChildren\n    ? markStaticChildren(normalizedProps)\n    : normalizedProps;\n\n  if (isEagerControlPrimitive(type)) {\n    return type(preparedProps);\n  }\n\n  return {\n    $$typeof: ELEMENT_TYPE,\n    type: type as string | ((props: Props) => unknown) | symbol,\n    props: preparedProps,\n    key: key ?? null,\n  };\n}\n\n// Re-export Fragment for JSX\nexport { Fragment };\nexport type { JSXElement };\n"],"mappings":";;;;;AAiBA,SAAS,mBAAmB,OAA8C;CACxE,MAAM,kBAAmB,SAAS,EAAE;CAEpC,KAAK,MAAM,SAAS,OAAO,OAAO,gBAAgB,EAChD,kBAAkB,MAAM;CAG1B,OAAO;;AAGT,SAAS,mBAAmB,OAAqB;CAC/C,IAAI,MAAM,QAAQ,MAAM,SAAS,EAC/B,OAAO,eAAe,MAAM,UAAU,iBAAiB;EACrD,OAAO;EACP,cAAc;EACf,CAAC;CAGJ,OAAO;;AAeT,SAAgB,OACd,MACA,OACA,KACA,mBAAmB,OACG;CACtB,MAAM,kBAAkB,mBAAmB,MAAM;CACjD,MAAM,gBAAgB,mBAClB,mBAAmB,gBAAgB,GACnC;CAEJ,IAAI,wBAAwB,KAAK,EAC/B,OAAO,KAAK,cAAc;CAG5B,OAAO;EACL,UAAU;EACJ;EACN,OAAO;EACP,KAAK,OAAO;EACb"}

package/dist/jsx-runtime.d.ts

@@ -8,5 +8,5 @@ declare function jsx(type: unknown, props: Record<string, unknown> | null, key?:
 declare function jsxs(type: EagerControlPrimitive, props: Record<string, unknown> | null, key?: string | number): unknown;
 declare function jsxs(type: unknown, props: Record<string, unknown> | null, key?: string | number): JSXElement;
 //#endregion
-export { Fragment, jsx, jsxDEV, jsxs };
+export { Fragment, type JSXElement, jsx, jsxDEV, jsxs };
 //# sourceMappingURL=jsx-runtime.d.ts.map

package/dist/jsx-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.js","names":[],"sources":["../src/jsx/jsx-runtime.ts"],"sourcesContent":["/**\n * JSX runtime factory\n * Same element shape as production runtime.\n */\n\nimport type { Props } from '../common/props';\nimport {\n  isEagerControlPrimitive,\n  type EagerControlPrimitive,\n} from '../common/control';\nimport {\n  ELEMENT_TYPE,\n  Fragment,\n  STATIC_CHILDREN,\n  type JSXElement,\n} from './types';\nimport { markReadableUsage } from '../runtime/readable';\n\nfunction annotatePropsUsage(props: Record<string, unknown> | null): Props {\n  const normalizedProps = (props ?? {}) as Props;\n\n  for (const value of Object.values(normalizedProps)) {\n    markReadableUsage(value);\n  }\n\n  return normalizedProps;\n}\n\nfunction markStaticChildren(props: Props): Props {\n  if (Array.isArray(props.children)) {\n    Object.defineProperty(props.children, STATIC_CHILDREN, {\n      value: true,\n      configurable: true,\n    });\n  }\n\n  return props;\n}\n\nexport function jsxDEV(\n  type: EagerControlPrimitive,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren?: boolean\n): unknown;\nexport function jsxDEV(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren?: boolean\n): JSXElement;\nexport function jsxDEV(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren = false\n): JSXElement | unknown {\n  const normalizedProps = annotatePropsUsage(props);\n  const preparedProps = isStaticChildren\n    ? markStaticChildren(normalizedProps)\n    : normalizedProps;\n\n  if (isEagerControlPrimitive(type)) {\n    return type(preparedProps);\n  }\n\n  return {\n    $$typeof: ELEMENT_TYPE,\n    type: type as string | ((props: Props) => unknown) | symbol,\n    props: preparedProps,\n    key: key ?? null,\n  };\n}\n\n// Production-style helpers: alias to the DEV factory for now\nexport function jsx(\n  type: EagerControlPrimitive,\n  props: Record<string, unknown> | null,\n  key?: string | number\n): unknown;\nexport function jsx(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number\n): JSXElement;\nexport function jsx(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number\n) {\n  return jsxDEV(type, props, key);\n}\n\nexport function jsxs(\n  type: EagerControlPrimitive,\n  props: Record<string, unknown> | null,\n  key?: string | number\n): unknown;\nexport function jsxs(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number\n): JSXElement;\nexport function jsxs(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number\n) {\n  const normalizedProps = markStaticChildren(annotatePropsUsage(props));\n\n  if (isEagerControlPrimitive(type)) {\n    return type(normalizedProps);\n  }\n\n  return {\n    $$typeof: ELEMENT_TYPE,\n    type: type as string | ((props: Props) => unknown) | symbol,\n    props: normalizedProps,\n    key: key ?? null,\n  } as JSXElement;\n}\n\n// Re-export Fragment for JSX.\nexport { Fragment };\n"],"mappings":";;;;;AAkBA,SAAS,mBAAmB,OAA8C;CACxE,MAAM,kBAAmB,SAAS,EAAE;CAEpC,KAAK,MAAM,SAAS,OAAO,OAAO,gBAAgB,EAChD,kBAAkB,MAAM;CAG1B,OAAO;;AAGT,SAAS,mBAAmB,OAAqB;CAC/C,IAAI,MAAM,QAAQ,MAAM,SAAS,EAC/B,OAAO,eAAe,MAAM,UAAU,iBAAiB;EACrD,OAAO;EACP,cAAc;EACf,CAAC;CAGJ,OAAO;;AAeT,SAAgB,OACd,MACA,OACA,KACA,mBAAmB,OACG;CACtB,MAAM,kBAAkB,mBAAmB,MAAM;CACjD,MAAM,gBAAgB,mBAClB,mBAAmB,gBAAgB,GACnC;CAEJ,IAAI,wBAAwB,KAAK,EAC/B,OAAO,KAAK,cAAc;CAG5B,OAAO;EACL,UAAU;EACJ;EACN,OAAO;EACP,KAAK,OAAO;EACb;;AAcH,SAAgB,IACd,MACA,OACA,KACA;CACA,OAAO,OAAO,MAAM,OAAO,IAAI;;AAajC,SAAgB,KACd,MACA,OACA,KACA;CACA,MAAM,kBAAkB,mBAAmB,mBAAmB,MAAM,CAAC;CAErE,IAAI,wBAAwB,KAAK,EAC/B,OAAO,KAAK,gBAAgB;CAG9B,OAAO;EACL,UAAU;EACJ;EACN,OAAO;EACP,KAAK,OAAO;EACb"}
+{"version":3,"file":"jsx-runtime.js","names":[],"sources":["../src/jsx/jsx-runtime.ts"],"sourcesContent":["/**\n * JSX runtime factory\n * Same element shape as production runtime.\n */\n\nimport type { Props } from '../common/props';\nimport {\n  isEagerControlPrimitive,\n  type EagerControlPrimitive,\n} from '../common/control';\nimport {\n  ELEMENT_TYPE,\n  Fragment,\n  STATIC_CHILDREN,\n  type JSXElement,\n} from './types';\nimport { markReadableUsage } from '../runtime/readable';\n\nfunction annotatePropsUsage(props: Record<string, unknown> | null): Props {\n  const normalizedProps = (props ?? {}) as Props;\n\n  for (const value of Object.values(normalizedProps)) {\n    markReadableUsage(value);\n  }\n\n  return normalizedProps;\n}\n\nfunction markStaticChildren(props: Props): Props {\n  if (Array.isArray(props.children)) {\n    Object.defineProperty(props.children, STATIC_CHILDREN, {\n      value: true,\n      configurable: true,\n    });\n  }\n\n  return props;\n}\n\nexport function jsxDEV(\n  type: EagerControlPrimitive,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren?: boolean\n): unknown;\nexport function jsxDEV(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren?: boolean\n): JSXElement;\nexport function jsxDEV(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number,\n  isStaticChildren = false\n): JSXElement | unknown {\n  const normalizedProps = annotatePropsUsage(props);\n  const preparedProps = isStaticChildren\n    ? markStaticChildren(normalizedProps)\n    : normalizedProps;\n\n  if (isEagerControlPrimitive(type)) {\n    return type(preparedProps);\n  }\n\n  return {\n    $$typeof: ELEMENT_TYPE,\n    type: type as string | ((props: Props) => unknown) | symbol,\n    props: preparedProps,\n    key: key ?? null,\n  };\n}\n\n// Production-style helpers: alias to the DEV factory for now\nexport function jsx(\n  type: EagerControlPrimitive,\n  props: Record<string, unknown> | null,\n  key?: string | number\n): unknown;\nexport function jsx(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number\n): JSXElement;\nexport function jsx(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number\n) {\n  return jsxDEV(type, props, key);\n}\n\nexport function jsxs(\n  type: EagerControlPrimitive,\n  props: Record<string, unknown> | null,\n  key?: string | number\n): unknown;\nexport function jsxs(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number\n): JSXElement;\nexport function jsxs(\n  type: unknown,\n  props: Record<string, unknown> | null,\n  key?: string | number\n) {\n  const normalizedProps = markStaticChildren(annotatePropsUsage(props));\n\n  if (isEagerControlPrimitive(type)) {\n    return type(normalizedProps);\n  }\n\n  return {\n    $$typeof: ELEMENT_TYPE,\n    type: type as string | ((props: Props) => unknown) | symbol,\n    props: normalizedProps,\n    key: key ?? null,\n  } as JSXElement;\n}\n\n// Re-export Fragment for JSX.\nexport { Fragment };\nexport type { JSXElement };\n"],"mappings":";;;;;AAkBA,SAAS,mBAAmB,OAA8C;CACxE,MAAM,kBAAmB,SAAS,EAAE;CAEpC,KAAK,MAAM,SAAS,OAAO,OAAO,gBAAgB,EAChD,kBAAkB,MAAM;CAG1B,OAAO;;AAGT,SAAS,mBAAmB,OAAqB;CAC/C,IAAI,MAAM,QAAQ,MAAM,SAAS,EAC/B,OAAO,eAAe,MAAM,UAAU,iBAAiB;EACrD,OAAO;EACP,cAAc;EACf,CAAC;CAGJ,OAAO;;AAeT,SAAgB,OACd,MACA,OACA,KACA,mBAAmB,OACG;CACtB,MAAM,kBAAkB,mBAAmB,MAAM;CACjD,MAAM,gBAAgB,mBAClB,mBAAmB,gBAAgB,GACnC;CAEJ,IAAI,wBAAwB,KAAK,EAC/B,OAAO,KAAK,cAAc;CAG5B,OAAO;EACL,UAAU;EACJ;EACN,OAAO;EACP,KAAK,OAAO;EACb;;AAcH,SAAgB,IACd,MACA,OACA,KACA;CACA,OAAO,OAAO,MAAM,OAAO,IAAI;;AAajC,SAAgB,KACd,MACA,OACA,KACA;CACA,MAAM,kBAAkB,mBAAmB,mBAAmB,MAAM,CAAC;CAErE,IAAI,wBAAwB,KAAK,EAC/B,OAAO,KAAK,gBAAgB;CAG9B,OAAO;EACL,UAAU;EACJ;EACN,OAAO;EACP,KAAK,OAAO;EACb"}

package/dist/renderer/dom.js

@@ -15,9 +15,10 @@ import { addDelegatedListener, getDelegatedHandlerForElement, getDelegatedHandle
 import { REACTIVE_CHILDREN_KEY, elementListeners, elementReactivePropsCleanup, removeAllListeners, removeElementListeners, removeElementReactiveProps, teardownNodeSubtree } from "./cleanup.js";
 import "../jsx-runtime.js";
 import { createChildScope, disposeChildScope, rerenderChildScope } from "../runtime/child-scope.js";
-import { isBenchMetricScopeActive, recordBenchCounter, recordBenchEvent, recordBenchTiming, withBenchMetricScope } from "../runtime/for-bench.js";
+import { isBenchMetricScopeActive, recordBenchCounter, recordBenchEvent } from "../runtime/for-bench.js";
 import { clearForDomUpdateState, evaluateForState } from "../runtime/for.js";
 import { clearCaseDomUpdateState, clearShowDomUpdateState, evaluateCaseState, evaluateShowState } from "../runtime/control.js";
+import { commitForStateBoundaryChildren } from "./for-commit.js";
 import { reconcileKeyedChildren } from "./reconcile.js";
 import { isBulkTextFastPathEligible, performBulkTextReplace } from "./children.js";
 import { createFineGrainedEffect, markFineGrainedEffectsDirtySource } from "../runtime/effect.js";
@@ -1648,79 +1649,6 @@ function tryPatchStableForDirtyItem(scope) {
 	if (didPatch) incDevCounter("stableForPatchHit");
 	return didPatch;
 }
-function removeForBoundaryNodes(parent, removedNodes) {
-	if (removedNodes.length > 0 && removedNodes.length === parent.childNodes.length) {
-		let canBulkClear = true;
-		for (let i = 0; i < removedNodes.length; i++) if (removedNodes[i].parentNode !== parent) {
-			canBulkClear = false;
-			break;
-		}
-		if (canBulkClear) {
-			for (let i = 0; i < removedNodes.length; i++) recordBenchEvent("domRemove");
-			withBenchMetricScope("fullClear", () => {
-				recordBenchCounter("bulkClearCommits");
-				removeAllListeners(parent);
-				parent.textContent = "";
-			});
-			return;
-		}
-	}
-	for (let i = 0; i < removedNodes.length; i++) {
-		const node = removedNodes[i];
-		if (node.parentNode === parent) {
-			recordBenchEvent("domRemove");
-			parent.removeChild(node);
-		}
-	}
-}
-function syncKeyedMapFromForState(parent, forState, strategy, removedNodes) {
-	const existing = keyedElements.get(parent);
-	const ensureMapEntry = (map, key, element) => {
-		map.set(key, element);
-		const keyString = String(key);
-		map.set(keyString, element);
-		const keyNumber = Number(keyString);
-		if (!Number.isNaN(keyNumber)) map.set(keyNumber, element);
-	};
-	if (strategy === "SWAP") {
-		if (existing) return;
-	}
-	if (strategy === "NO_REORDER") {
-		if (existing && removedNodes.length === 0) return;
-		if (existing) {
-			for (const [mapKey, element] of existing) if (element.parentNode !== parent) existing.delete(mapKey);
-			if (existing.size > 0) keyedElements.set(parent, existing);
-			else keyedElements.delete(parent);
-			return;
-		}
-	}
-	if (strategy === "TRUNCATE" && forState.orderedKeys.length === 0) {
-		if (existing) existing.clear();
-		keyedElements.delete(parent);
-		return;
-	}
-	if (strategy === "APPEND" && existing) {
-		for (let i = 0; i < forState.orderedKeys.length; i++) {
-			const key = forState.orderedKeys[i];
-			if (key === null || existing.has(key)) continue;
-			const itemInstance = forState.items.get(key);
-			if (itemInstance?.scope.dom instanceof Element) ensureMapEntry(existing, key, itemInstance.scope.dom);
-		}
-		if (existing.size > 0) keyedElements.set(parent, existing);
-		else keyedElements.delete(parent);
-		return;
-	}
-	const nextMap = existing ?? /* @__PURE__ */ new Map();
-	nextMap.clear();
-	for (let i = 0; i < forState.orderedKeys.length; i++) {
-		const key = forState.orderedKeys[i];
-		if (key === null) continue;
-		const itemInstance = forState.items.get(key);
-		if (itemInstance?.scope.dom instanceof Element) ensureMapEntry(nextMap, key, itemInstance.scope.dom);
-	}
-	if (nextMap.size > 0) keyedElements.set(parent, nextMap);
-	else keyedElements.delete(parent);
-}
 function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 	if (controlState.kind !== "for") {
 		const activeScope = controlState.activeScope;
@@ -1741,292 +1669,11 @@ function commitForBoundaryChildren(parent, controlState, childrenVNodes) {
 		clearControlBoundaryDomUpdateState(controlState);
 		return;
 	}
-	const forState = controlState;
-	const domCommitStart = performance.now();
-	const hydrateExistingForDom = () => {
-		const domKeyMap = getOrBuildDomKeyMap(parent);
-		if (!domKeyMap) return;
-		for (let i = 0; i < forState.orderedKeys.length; i++) {
-			const itemKey = forState.orderedKeys[i];
-			const itemInstance = forState.items.get(itemKey);
-			if (!itemInstance || itemInstance.scope.dom) continue;
-			const existingDom = domKeyMap.get(itemKey);
-			if (!existingDom) continue;
-			itemInstance.scope.dom = existingDom;
-			itemInstance.scope.needsDomUpdate = true;
-		}
-	};
-	if (forState.orderedKeys.length === 0) {
-		removeForBoundaryNodes(parent, forState.lastRemovedNodes);
-		const fallbackScope = forState.fallbackScope;
-		const fallbackVNode = childrenVNodes[0];
-		const nextDom = fallbackScope && fallbackVNode !== void 0 ? syncForItemDom(parent, fallbackScope, fallbackVNode) : null;
-		if (nextDom) {
-			if (parent.childNodes.length !== 1 || parent.firstChild !== nextDom || forState.lastRemovedNodes.length > 0) parent.replaceChildren(nextDom);
-		} else if (parent.firstChild) parent.textContent = "";
-		keyedElements.delete(parent);
-		forState._hasResolvedItemDom = false;
-		recordBenchTiming("domCommit", performance.now() - domCommitStart);
-		clearForDomUpdateState(forState);
-		return;
-	}
-	if (!forState._hasResolvedItemDom && parent.childNodes.length > 0) hydrateExistingForDom();
-	const getDirtyForIndices = () => {
-		const pendingDirtyIndices = forState.pendingDirtyIndices;
-		if (pendingDirtyIndices && pendingDirtyIndices.length > 0) return pendingDirtyIndices;
-		const dirtyIndices = [];
-		for (let index = 0; index < forState.orderedKeys.length; index += 1) if (forState.orderedItems[index]?.scope.needsDomUpdate) dirtyIndices.push(index);
-		return dirtyIndices;
-	};
-	let dirtyIndicesCache = null;
-	const ensureDirtyIndices = () => {
-		if (dirtyIndicesCache) return dirtyIndicesCache;
-		dirtyIndicesCache = getDirtyForIndices();
-		return dirtyIndicesCache;
-	};
-	let boundaryChildrenExact = false;
-	const commitDirtyNoReorder = (dirtyIndices) => {
-		if (dirtyIndices.length === 0) {
-			boundaryChildrenExact = true;
-			return;
-		}
-		for (let dirtyIndex = 0; dirtyIndex < dirtyIndices.length; dirtyIndex++) {
-			const i = dirtyIndices[dirtyIndex];
-			const itemInstance = forState.orderedItems[i];
-			if (!itemInstance) continue;
-			if (tryPatchStableForDirtyItem(itemInstance.scope)) continue;
-			const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
-			if (!dom) continue;
-			const anchor = parent.childNodes[i] ?? null;
-			if (dom.parentNode !== parent || dom !== anchor) {
-				recordBenchEvent("domInsert");
-				parent.insertBefore(dom, anchor);
-			}
-		}
-		boundaryChildrenExact = true;
-	};
-	const commitPositional = () => {
-		for (let i = 0; i < forState.orderedKeys.length; i++) {
-			const itemInstance = forState.orderedItems[i];
-			if (!itemInstance) continue;
-			const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
-			if (!dom) continue;
-			if (dom.parentNode !== parent) {
-				const anchor = parent.childNodes[i] ?? null;
-				recordBenchEvent("domInsert");
-				parent.insertBefore(dom, anchor);
-			}
-		}
-		boundaryChildrenExact = true;
-	};
-	const commitAppend = () => {
-		if (!forState._hasResolvedItemDom && forState.lastRemovedNodes.length === 0 && parent.childNodes.length === forState.orderedKeys.length) {
-			let exactOrder = true;
-			let currentNode = parent.firstChild;
-			for (let i = 0; i < forState.orderedKeys.length; i++) {
-				const itemInstance = forState.orderedItems[i];
-				if (!itemInstance) {
-					exactOrder = false;
-					currentNode = currentNode?.nextSibling ?? null;
-					continue;
-				}
-				if (currentNode !== itemInstance.scope.dom) exactOrder = false;
-				const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
-				if (!dom || dom.parentNode !== parent || dom !== currentNode) exactOrder = false;
-				currentNode = currentNode?.nextSibling ?? null;
-			}
-			if (exactOrder) {
-				boundaryChildrenExact = true;
-				return;
-			}
-		}
-		withBenchMetricScope("coldCreate", () => {
-			const fragment = parent.ownerDocument.createDocumentFragment();
-			let hasPendingAppend = false;
-			for (let i = 0; i < forState.orderedKeys.length; i++) {
-				const itemInstance = forState.orderedItems[i];
-				if (!itemInstance) continue;
-				if (itemInstance.scope.dom?.parentNode === parent && !itemInstance.scope.needsDomUpdate) continue;
-				const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
-				if (!dom) continue;
-				if (dom.parentNode !== parent) {
-					recordBenchEvent("domInsert");
-					fragment.appendChild(dom);
-					hasPendingAppend = true;
-				}
-			}
-			if (hasPendingAppend) parent.appendChild(fragment);
-		});
-		boundaryChildrenExact = true;
-	};
-	const commitSwap = () => {
-		const swapIndices = forState.pendingSwapIndices;
-		if (!swapIndices) return;
-		let [firstIndex, secondIndex] = swapIndices;
-		if (firstIndex === secondIndex) return;
-		if (firstIndex > secondIndex) [firstIndex, secondIndex] = [secondIndex, firstIndex];
-		const firstKey = forState.orderedKeys[firstIndex];
-		const secondKey = forState.orderedKeys[secondIndex];
-		const firstItem = forState.items.get(firstKey);
-		const secondItem = forState.items.get(secondKey);
-		if (!firstItem || !secondItem) {
-			commitReorder();
-			return;
-		}
-		const firstDom = syncForItemDom(parent, firstItem.scope, childrenVNodes[firstIndex]);
-		const secondDom = syncForItemDom(parent, secondItem.scope, childrenVNodes[secondIndex]);
-		if (!firstDom || !secondDom) {
-			commitReorder();
-			return;
-		}
-		if (firstDom.parentNode !== parent || secondDom.parentNode !== parent) {
-			commitReorder();
-			return;
-		}
-		if ((firstDom.compareDocumentPosition(secondDom) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0) {
-			boundaryChildrenExact = true;
-			return;
-		}
-		const firstNextSibling = firstDom.nextSibling;
-		recordBenchEvent("domMove");
-		parent.insertBefore(firstDom, secondDom);
-		recordBenchEvent("domMove");
-		parent.insertBefore(secondDom, firstNextSibling);
-		boundaryChildrenExact = true;
-	};
-	const commitReorder = () => {
-		const items = forState.orderedItems;
-		const count = items.length;
-		if (forState.pendingMoveOnly && forState.lastRemovedNodes.length === 0) {
-			const nodes = [];
-			for (let i = 0; i < count; i++) {
-				const dom = items[i]?.scope.dom;
-				if (!dom) return;
-				recordBenchEvent(dom.parentNode === parent ? "domMove" : "domInsert");
-				nodes.push(dom);
-			}
-			parent.replaceChildren(...nodes);
-			boundaryChildrenExact = true;
-			return;
-		}
-		let hasExistingChild = false;
-		for (let i = 0; i < count; i++) if (items[i]?.scope.dom?.parentNode === parent) {
-			hasExistingChild = true;
-			break;
-		}
-		if (!hasExistingChild) {
-			withBenchMetricScope("coldCreate", () => {
-				const frag = parent.ownerDocument.createDocumentFragment();
-				for (let i = 0; i < count; i++) {
-					const itemInstance = items[i];
-					if (!itemInstance) continue;
-					const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
-					if (dom) {
-						recordBenchEvent("domInsert");
-						frag.appendChild(dom);
-					}
-				}
-				recordBenchCounter("replaceChildrenCommits");
-				parent.replaceChildren(frag);
-			});
-			boundaryChildrenExact = true;
-			return;
-		}
-		if (forState.lastRemovedNodes.length === 0) {
-			const frag = parent.ownerDocument.createDocumentFragment();
-			for (let i = 0; i < count; i++) {
-				const itemInstance = items[i];
-				if (!itemInstance) continue;
-				const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
-				if (!dom) continue;
-				recordBenchEvent(dom.parentNode === parent ? "domMove" : "domInsert");
-				frag.appendChild(dom);
-			}
-			parent.replaceChildren(frag);
-			boundaryChildrenExact = true;
-			return;
-		}
-		for (let i = 0; i < count; i++) {
-			const itemInstance = items[i];
-			if (!itemInstance) continue;
-			const dom = syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
-			if (!dom) continue;
-			const anchor = parent.childNodes[i] ?? null;
-			if (dom !== anchor) {
-				recordBenchEvent("domMove");
-				parent.insertBefore(dom, anchor);
-			}
-		}
-		boundaryChildrenExact = true;
-	};
-	const isCurrentForDomOrder = () => {
-		for (let index = 0; index < forState.orderedKeys.length; index += 1) {
-			const itemInstance = forState.orderedItems[index];
-			if (!itemInstance?.scope.dom) return false;
-			if (parent.childNodes[index] !== itemInstance.scope.dom) return false;
-		}
-		boundaryChildrenExact = true;
-		return true;
-	};
-	if (forState.lastCommitStrategy === "NO_REORDER" && ensureDirtyIndices().length > 0 && forState.pendingDirtyIndices === null && forState.pendingSwapIndices === null && !forState.pendingMoveOnly && forState.lastRemovedNodes.length === 0 && parent.childNodes.length === forState.orderedKeys.length) {
-		if (getRuntimeEnv().NODE_ENV === "production") {
-			commitDirtyNoReorder(ensureDirtyIndices());
-			syncKeyedMapFromForState(parent, forState, "NO_REORDER", []);
-		} else if (isCurrentForDomOrder()) {
-			commitDirtyNoReorder(ensureDirtyIndices());
-			syncKeyedMapFromForState(parent, forState, "NO_REORDER", []);
-		} else {
-			commitReorder();
-			syncKeyedMapFromForState(parent, forState, "FULL_KEYED", []);
-		}
-		recordBenchTiming("domCommit", performance.now() - domCommitStart);
-		clearForDomUpdateState(forState);
-		return;
-	}
-	switch (forState.lastCommitStrategy) {
-		case "NO_REORDER":
-			commitDirtyNoReorder(ensureDirtyIndices());
-			break;
-		case "TRUNCATE":
-			commitPositional();
-			break;
-		case "APPEND":
-			commitAppend();
-			break;
-		case "SWAP":
-			commitSwap();
-			break;
-		default:
-			commitReorder();
-			break;
-	}
-	removeForBoundaryNodes(parent, forState.lastRemovedNodes);
-	syncKeyedMapFromForState(parent, forState, forState.lastCommitStrategy, forState.lastRemovedNodes);
-	const syncExactForBoundaryChildren = () => {
-		const expectedNodes = [];
-		for (let i = 0; i < forState.orderedKeys.length; i++) {
-			const itemInstance = forState.orderedItems[i];
-			if (!itemInstance) continue;
-			const dom = itemInstance.scope.dom && !itemInstance.scope.needsDomUpdate ? itemInstance.scope.dom : syncForItemDom(parent, itemInstance.scope, childrenVNodes[i]);
-			if (dom) expectedNodes.push(dom);
-		}
-		const currentNodes = Array.from(parent.childNodes);
-		if (currentNodes.length === expectedNodes.length && currentNodes.every((node, index) => node === expectedNodes[index])) return;
-		const expectedNodeSet = new Set(expectedNodes);
-		for (const currentNode of currentNodes) {
-			if (expectedNodeSet.has(currentNode)) continue;
-			if (currentNode instanceof Element) teardownNodeSubtree(currentNode);
-			if (currentNode.parentNode === parent) {
-				recordBenchEvent("domRemove");
-				currentNode.remove();
-			}
-		}
-		parent.replaceChildren(...expectedNodes);
-	};
-	if (!boundaryChildrenExact) syncExactForBoundaryChildren();
-	forState._hasResolvedItemDom = true;
-	recordBenchTiming("domCommit", performance.now() - domCommitStart);
-	clearForDomUpdateState(forState);
+	commitForStateBoundaryChildren(parent, controlState, childrenVNodes, {
+		isProduction: () => getRuntimeEnv().NODE_ENV === "production",
+		syncForItemDom,
+		tryPatchStableForDirtyItem
+	});
 }
 /**
 * Update an existing element's attributes and children from vnode
@@ -2311,6 +1958,11 @@ function tagsEqualIgnoreCase(elementTagName, vnodeType) {
 	if (upperCommon !== null && elementTagName === upperCommon) return true;
 	return tagNamesEqualIgnoreCase(elementTagName, vnodeType);
 }
+const STATIC_CHILD_SLOTS_CACHE = Symbol.for("__askrStaticChildSlots");
+let staticChildSlotsCacheEnabled = true;
+function setStaticChildSlotsCacheEnabled(enabled) {
+	staticChildSlotsCacheEnabled = enabled;
+}
 function collectStaticChildSlots(children, slots) {
 	if (isFragmentVNode(children)) return collectStaticChildSlots(children.props?.children ?? children.children, slots);
 	if (Array.isArray(children)) {
@@ -2334,9 +1986,18 @@ function collectStaticChildSlots(children, slots) {
 	}
 	return false;
 }
-function getStaticChildSlots(children) {
+function getStaticChildSlots(vnode) {
+	if (staticChildSlotsCacheEnabled) {
+		const cached = vnode[STATIC_CHILD_SLOTS_CACHE];
+		if (cached !== void 0) return cached;
+	}
 	const slots = [];
-	return collectStaticChildSlots(children, slots) ? slots : null;
+	const staticSlots = collectStaticChildSlots(vnode.props?.children ?? vnode.children, slots) ? slots : null;
+	if (staticChildSlotsCacheEnabled) {
+		const cacheNode = vnode;
+		if (Object.isExtensible(vnode)) cacheNode[STATIC_CHILD_SLOTS_CACHE] = staticSlots;
+	}
+	return staticSlots;
 }
 function hasMatchingStaticProps(el, props, vnodeType) {
 	let staticPropCount = 0;
@@ -2374,9 +2035,8 @@ function hasMatchingStaticProps(el, props, vnodeType) {
 }
 function canReuseStaticSubtree(el, vnode) {
 	if (typeof vnode.type !== "string" || !tagsEqualIgnoreCase(el.tagName, vnode.type)) return false;
-	const props = vnode.props || {};
-	if (!hasMatchingStaticProps(el, props, vnode.type)) return false;
-	const slots = getStaticChildSlots(props.children ?? vnode.children);
+	if (!hasMatchingStaticProps(el, vnode.props || {}, vnode.type)) return false;
+	const slots = getStaticChildSlots(vnode);
 	if (!slots) return false;
 	if (el.childNodes.length !== slots.length) return false;
 	for (let index = 0; index < slots.length; index += 1) {
@@ -2554,6 +2214,6 @@ function updateUnkeyedChildren(parent, newChildren, forceUpdate = false) {
 	}
 }
 //#endregion
-export { IS_DOM_AVAILABLE, commitForBoundaryChildren, createDOMNode, createForBoundary, markReactivePropsDirtySource, syncComponentElement, tryPatchStableForDirtyItem, updateElementChildren, updateElementFromVnode, updateUnkeyedChildren };
+export { IS_DOM_AVAILABLE, commitForBoundaryChildren, createDOMNode, createForBoundary, markReactivePropsDirtySource, setStaticChildSlotsCacheEnabled, syncComponentElement, tryPatchStableForDirtyItem, updateElementChildren, updateElementFromVnode, updateUnkeyedChildren };
 
 //# sourceMappingURL=dom.js.map