@fictjs/runtime 0.3.0 → 0.5.0

package/dist/{chunk-SO6X7G5S.js → chunk-BQG7VEBY.js}

@@ -1,1775 +1,46 @@
-// src/delegated-events.ts
-var DelegatedEventNames = [
-  "beforeinput",
-  "click",
-  "dblclick",
-  "contextmenu",
-  "focusin",
-  "focusout",
-  "input",
-  "keydown",
-  "keyup",
-  "mousedown",
-  "mousemove",
-  "mouseout",
-  "mouseover",
-  "mouseup",
-  "pointerdown",
-  "pointermove",
-  "pointerout",
-  "pointerover",
-  "pointerup",
-  "touchend",
-  "touchmove",
-  "touchstart"
-];
-
-// src/constants.ts
-var isDev = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
-var booleans = isDev ? [
-  "allowfullscreen",
-  "async",
-  "alpha",
-  // HTMLInputElement
-  "autofocus",
-  // HTMLElement prop
-  "autoplay",
-  "checked",
-  "controls",
-  "default",
-  "disabled",
-  "formnovalidate",
-  "hidden",
-  // HTMLElement prop
-  "indeterminate",
-  "inert",
-  // HTMLElement prop
-  "ismap",
-  "loop",
-  "multiple",
-  "muted",
-  "nomodule",
-  "novalidate",
-  "open",
-  "playsinline",
-  "readonly",
-  "required",
-  "reversed",
-  "seamless",
-  // HTMLIframeElement - non-standard
-  "selected",
-  // Experimental attributes
-  "adauctionheaders",
-  "browsingtopics",
-  "credentialless",
-  "defaultchecked",
-  "defaultmuted",
-  "defaultselected",
-  "defer",
-  "disablepictureinpicture",
-  "disableremoteplayback",
-  "preservespitch",
-  "shadowrootclonable",
-  "shadowrootcustomelementregistry",
-  "shadowrootdelegatesfocus",
-  "shadowrootserializable",
-  "sharedstoragewritable"
-] : [];
-var BooleanAttributes = new Set(booleans);
-var properties = isDev ? [
-  // Core properties
-  "className",
-  "value",
-  // CamelCase booleans
-  "readOnly",
-  "noValidate",
-  "formNoValidate",
-  "isMap",
-  "noModule",
-  "playsInline",
-  // Experimental (camelCase)
-  "adAuctionHeaders",
-  "allowFullscreen",
-  "browsingTopics",
-  "defaultChecked",
-  "defaultMuted",
-  "defaultSelected",
-  "disablePictureInPicture",
-  "disableRemotePlayback",
-  "preservesPitch",
-  "shadowRootClonable",
-  "shadowRootCustomElementRegistry",
-  "shadowRootDelegatesFocus",
-  "shadowRootSerializable",
-  "sharedStorageWritable",
-  // All lowercase booleans
-  ...booleans
-] : [];
-var Properties = new Set(properties);
-var ChildProperties = /* @__PURE__ */ new Set([
-  "innerHTML",
-  "textContent",
-  "innerText",
-  "children"
-]);
-var Aliases = {
-  className: "class",
-  htmlFor: "for"
-};
-var PropAliases = isDev ? {
-  // Direct mapping
-  class: "className",
-  // Element-specific mappings
-  novalidate: {
-    $: "noValidate",
-    FORM: 1
-  },
-  formnovalidate: {
-    $: "formNoValidate",
-    BUTTON: 1,
-    INPUT: 1
-  },
-  ismap: {
-    $: "isMap",
-    IMG: 1
-  },
-  nomodule: {
-    $: "noModule",
-    SCRIPT: 1
-  },
-  playsinline: {
-    $: "playsInline",
-    VIDEO: 1
-  },
-  readonly: {
-    $: "readOnly",
-    INPUT: 1,
-    TEXTAREA: 1
-  },
-  // Experimental element-specific
-  adauctionheaders: {
-    $: "adAuctionHeaders",
-    IFRAME: 1
-  },
-  allowfullscreen: {
-    $: "allowFullscreen",
-    IFRAME: 1
-  },
-  browsingtopics: {
-    $: "browsingTopics",
-    IMG: 1
-  },
-  defaultchecked: {
-    $: "defaultChecked",
-    INPUT: 1
-  },
-  defaultmuted: {
-    $: "defaultMuted",
-    AUDIO: 1,
-    VIDEO: 1
-  },
-  defaultselected: {
-    $: "defaultSelected",
-    OPTION: 1
-  },
-  disablepictureinpicture: {
-    $: "disablePictureInPicture",
-    VIDEO: 1
-  },
-  disableremoteplayback: {
-    $: "disableRemotePlayback",
-    AUDIO: 1,
-    VIDEO: 1
-  },
-  preservespitch: {
-    $: "preservesPitch",
-    AUDIO: 1,
-    VIDEO: 1
-  },
-  shadowrootclonable: {
-    $: "shadowRootClonable",
-    TEMPLATE: 1
-  },
-  shadowrootdelegatesfocus: {
-    $: "shadowRootDelegatesFocus",
-    TEMPLATE: 1
-  },
-  shadowrootserializable: {
-    $: "shadowRootSerializable",
-    TEMPLATE: 1
-  },
-  sharedstoragewritable: {
-    $: "sharedStorageWritable",
-    IFRAME: 1,
-    IMG: 1
-  }
-} : {};
-function getPropAlias(prop2, tagName) {
-  if (!isDev) return void 0;
-  const a = PropAliases[prop2];
-  if (typeof a === "object") {
-    return a[tagName] ? a["$"] : void 0;
-  }
-  return a;
-}
-var $$EVENTS = "_$FICT_DELEGATE";
-var DelegatedEvents = new Set(DelegatedEventNames);
-var svgElements = isDev ? [
-  "altGlyph",
-  "altGlyphDef",
-  "altGlyphItem",
-  "animate",
-  "animateColor",
-  "animateMotion",
-  "animateTransform",
-  "circle",
-  "clipPath",
-  "color-profile",
-  "cursor",
-  "defs",
-  "desc",
-  "ellipse",
-  "feBlend",
-  "feColorMatrix",
-  "feComponentTransfer",
-  "feComposite",
-  "feConvolveMatrix",
-  "feDiffuseLighting",
-  "feDisplacementMap",
-  "feDistantLight",
-  "feDropShadow",
-  "feFlood",
-  "feFuncA",
-  "feFuncB",
-  "feFuncG",
-  "feFuncR",
-  "feGaussianBlur",
-  "feImage",
-  "feMerge",
-  "feMergeNode",
-  "feMorphology",
-  "feOffset",
-  "fePointLight",
-  "feSpecularLighting",
-  "feSpotLight",
-  "feTile",
-  "feTurbulence",
-  "filter",
-  "font",
-  "font-face",
-  "font-face-format",
-  "font-face-name",
-  "font-face-src",
-  "font-face-uri",
-  "foreignObject",
-  "g",
-  "glyph",
-  "glyphRef",
-  "hkern",
-  "image",
-  "line",
-  "linearGradient",
-  "marker",
-  "mask",
-  "metadata",
-  "missing-glyph",
-  "mpath",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "radialGradient",
-  "rect",
-  "set",
-  "stop",
-  "svg",
-  "switch",
-  "symbol",
-  "text",
-  "textPath",
-  "tref",
-  "tspan",
-  "use",
-  "view",
-  "vkern"
-] : [];
-var SVGElements = new Set(svgElements);
-var SVGNamespace = {
-  xlink: "http://www.w3.org/1999/xlink",
-  xml: "http://www.w3.org/XML/1998/namespace"
-};
-var unitlessList = isDev ? [
-  "animationIterationCount",
-  "animation-iteration-count",
-  "borderImageOutset",
-  "border-image-outset",
-  "borderImageSlice",
-  "border-image-slice",
-  "borderImageWidth",
-  "border-image-width",
-  "boxFlex",
-  "box-flex",
-  "boxFlexGroup",
-  "box-flex-group",
-  "boxOrdinalGroup",
-  "box-ordinal-group",
-  "columnCount",
-  "column-count",
-  "columns",
-  "flex",
-  "flexGrow",
-  "flex-grow",
-  "flexPositive",
-  "flex-positive",
-  "flexShrink",
-  "flex-shrink",
-  "flexNegative",
-  "flex-negative",
-  "flexOrder",
-  "flex-order",
-  "gridRow",
-  "grid-row",
-  "gridRowEnd",
-  "grid-row-end",
-  "gridRowSpan",
-  "grid-row-span",
-  "gridRowStart",
-  "grid-row-start",
-  "gridColumn",
-  "grid-column",
-  "gridColumnEnd",
-  "grid-column-end",
-  "gridColumnSpan",
-  "grid-column-span",
-  "gridColumnStart",
-  "grid-column-start",
-  "fontWeight",
-  "font-weight",
-  "lineClamp",
-  "line-clamp",
-  "lineHeight",
-  "line-height",
-  "opacity",
-  "order",
-  "orphans",
-  "tabSize",
-  "tab-size",
-  "widows",
-  "zIndex",
-  "z-index",
-  "zoom",
-  "fillOpacity",
-  "fill-opacity",
-  "floodOpacity",
-  "flood-opacity",
-  "stopOpacity",
-  "stop-opacity",
-  "strokeDasharray",
-  "stroke-dasharray",
-  "strokeDashoffset",
-  "stroke-dashoffset",
-  "strokeMiterlimit",
-  "stroke-miterlimit",
-  "strokeOpacity",
-  "stroke-opacity",
-  "strokeWidth",
-  "stroke-width"
-] : ["opacity", "zIndex"];
-var UnitlessStyles = new Set(unitlessList);
-
-// src/devtools.ts
-function getGlobalHook() {
-  if (typeof globalThis === "undefined") return void 0;
-  return globalThis.__FICT_DEVTOOLS_HOOK__;
-}
-function getDevtoolsHook() {
-  return getGlobalHook();
-}
-
-// src/cycle-guard.ts
-var isDev2 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
-var setCycleProtectionOptions = () => {
-};
-var resetCycleProtectionStateForTests = () => {
-};
-var beginFlushGuard = () => {
-};
-var beforeEffectRunGuard = () => true;
-var endFlushGuard = () => {
-};
-var enterRootGuard = () => true;
-var exitRootGuard = () => {
-};
-var defaultOptions = {
-  enabled: true,
-  maxFlushCyclesPerMicrotask: 1e4,
-  maxEffectRunsPerFlush: 2e4,
-  windowSize: 5,
-  highUsageRatio: 0.8,
-  maxRootReentrantDepth: 10,
-  enableWindowWarning: true,
-  devMode: isDev2,
-  // Backoff warning options
-  enableBackoffWarning: isDev2,
-  backoffWarningRatio: 0.5
-};
-var enabled = defaultOptions.enabled;
-var options = {
-  ...defaultOptions
-};
-var effectRunsThisFlush = 0;
-var windowUsage = [];
-var rootDepth = /* @__PURE__ */ new WeakMap();
-var flushWarned = false;
-var rootWarned = false;
-var windowWarned = false;
-var backoffWarned50 = false;
-var backoffWarned75 = false;
-setCycleProtectionOptions = (opts) => {
-  if (typeof opts.enabled === "boolean") {
-    enabled = opts.enabled;
-  }
-  options = { ...options, ...opts };
-};
-resetCycleProtectionStateForTests = () => {
-  options = { ...defaultOptions };
-  enabled = defaultOptions.enabled;
-  effectRunsThisFlush = 0;
-  windowUsage = [];
-  rootDepth = /* @__PURE__ */ new WeakMap();
-  flushWarned = false;
-  rootWarned = false;
-  windowWarned = false;
-  backoffWarned50 = false;
-  backoffWarned75 = false;
-};
-beginFlushGuard = () => {
-  if (!enabled) return;
-  effectRunsThisFlush = 0;
-  flushWarned = false;
-  windowWarned = false;
-  backoffWarned50 = false;
-  backoffWarned75 = false;
-};
-beforeEffectRunGuard = () => {
-  if (!enabled) return true;
-  const next = ++effectRunsThisFlush;
-  const limit = Math.min(options.maxFlushCyclesPerMicrotask, options.maxEffectRunsPerFlush);
-  if (options.enableBackoffWarning && isDev2) {
-    const ratio = next / limit;
-    const backoffRatio = options.backoffWarningRatio ?? 0.5;
-    if (!backoffWarned50 && ratio >= backoffRatio && ratio < backoffRatio + 0.25) {
-      backoffWarned50 = true;
-      console.warn(
-        `[fict] cycle guard: approaching effect limit (${Math.round(ratio * 100)}% of budget used)
-  - Current: ${next} effects, Limit: ${limit}
-  - Tip: Check for effects that trigger other effects in a loop.
-  - Common causes: signal updates inside effects that read and write the same signal.`
-      );
-    } else if (!backoffWarned75 && ratio >= backoffRatio + 0.25 && ratio < 1) {
-      backoffWarned75 = true;
-      console.warn(
-        `[fict] cycle guard: nearing effect limit (${Math.round(ratio * 100)}% of budget used)
-  - Current: ${next} effects, Limit: ${limit}
-  - Warning: Consider breaking the reactive dependency cycle.
-  - Debug: Use browser devtools to identify the recursive effect chain.`
-      );
-    }
-  }
-  if (next > limit) {
-    const message = `[fict] cycle protection triggered: flush-budget-exceeded`;
-    if (options.devMode) {
-      throw new Error(
-        message + `
-  - Effect runs: ${next}, Limit: ${limit}
-  - This indicates a reactive cycle where effects keep triggering each other.
-  - Check for patterns like: createEffect(() => { signal(); signal(newValue); })`
-      );
-    }
-    if (!flushWarned) {
-      flushWarned = true;
-      console.warn(message, { effectRuns: next, limit });
-    }
-    return false;
-  }
-  return true;
-};
-endFlushGuard = () => {
-  if (!enabled) return;
-  recordWindowUsage(effectRunsThisFlush, options.maxFlushCyclesPerMicrotask);
-  effectRunsThisFlush = 0;
-};
-enterRootGuard = (root) => {
-  if (!enabled) return true;
-  const depth = (rootDepth.get(root) ?? 0) + 1;
-  if (depth > options.maxRootReentrantDepth) {
-    const message = `[fict] cycle protection triggered: root-reentry`;
-    if (options.devMode) {
-      throw new Error(
-        message + `
-  - Re-entry depth: ${depth}, Max allowed: ${options.maxRootReentrantDepth}
-  - This indicates recursive render() or component initialization.
-  - Check for components that trigger re-renders during their own render phase.`
-      );
-    }
-    if (!rootWarned) {
-      rootWarned = true;
-      console.warn(message, { depth, maxAllowed: options.maxRootReentrantDepth });
-    }
-    return false;
-  }
-  rootDepth.set(root, depth);
-  return true;
-};
-exitRootGuard = (root) => {
-  if (!enabled) return;
-  const depth = rootDepth.get(root);
-  if (depth === void 0) return;
-  if (depth <= 1) {
-    rootDepth.delete(root);
-  } else {
-    rootDepth.set(root, depth - 1);
-  }
-};
-var recordWindowUsage = (used, budget) => {
-  if (!options.enableWindowWarning) return;
-  const entry = { used, budget };
-  windowUsage.push(entry);
-  if (windowUsage.length > options.windowSize) {
-    windowUsage.shift();
-  }
-  if (windowWarned) return;
-  if (windowUsage.length >= options.windowSize && windowUsage.every((item) => item.budget > 0 && item.used / item.budget >= options.highUsageRatio)) {
-    windowWarned = true;
-    reportCycle("high-usage-window", {
-      windowSize: options.windowSize,
-      ratio: options.highUsageRatio
-    });
-  }
-};
-var reportCycle = (reason, detail = void 0) => {
-  const hook = getDevtoolsHook();
-  hook?.cycleDetected?.(detail ? { reason, detail } : { reason });
-  console.warn(`[fict] cycle protection triggered: ${reason}`, detail ?? "");
-};
-
-// src/lifecycle.ts
-var isDev3 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
-var currentRoot;
-var currentEffectCleanups;
-var globalErrorHandlers = /* @__PURE__ */ new WeakMap();
-var globalSuspenseHandlers = /* @__PURE__ */ new WeakMap();
-function createRootContext(parent) {
-  return { parent, cleanups: [], destroyCallbacks: [], suspended: false };
-}
-function pushRoot(root) {
-  if (!enterRootGuard(root)) {
-    return currentRoot;
-  }
-  const prev = currentRoot;
-  currentRoot = root;
-  return prev;
-}
-function getCurrentRoot() {
-  return currentRoot;
-}
-function popRoot(prev) {
-  if (currentRoot) {
-    exitRootGuard(currentRoot);
-  }
-  currentRoot = prev;
-}
-function onMount(fn) {
-  if (currentRoot) {
-    ;
-    (currentRoot.onMountCallbacks || (currentRoot.onMountCallbacks = [])).push(fn);
-    return;
-  }
-  runLifecycle(fn);
-}
-function onDestroy(fn) {
-  if (currentRoot) {
-    currentRoot.destroyCallbacks.push(() => runLifecycle(fn));
-    return;
-  }
-  runLifecycle(fn);
-}
-function onCleanup(fn) {
-  registerEffectCleanup(fn);
-}
-function flushOnMount(root) {
-  const cbs = root.onMountCallbacks;
-  if (!cbs || cbs.length === 0) return;
-  const prevRoot = currentRoot;
-  currentRoot = root;
-  try {
-    for (let i = 0; i < cbs.length; i++) {
-      const cleanup = cbs[i]();
-      if (typeof cleanup === "function") {
-        root.cleanups.push(cleanup);
-      }
-    }
-  } finally {
-    currentRoot = prevRoot;
-    cbs.length = 0;
-  }
-}
-function registerRootCleanup(fn) {
-  if (currentRoot) {
-    currentRoot.cleanups.push(fn);
-  }
-}
-function clearRoot(root) {
-  runCleanupList(root.cleanups);
-  if (root.onMountCallbacks) {
-    root.onMountCallbacks.length = 0;
-  }
-}
-function destroyRoot(root) {
-  clearRoot(root);
-  runCleanupList(root.destroyCallbacks);
-  if (root.errorHandlers) {
-    root.errorHandlers.length = 0;
-  }
-  if (globalErrorHandlers.has(root)) {
-    globalErrorHandlers.delete(root);
-  }
-  if (root.suspenseHandlers) {
-    root.suspenseHandlers.length = 0;
-  }
-  if (globalSuspenseHandlers.has(root)) {
-    globalSuspenseHandlers.delete(root);
-  }
-}
-function createRoot(fn, options2) {
-  const parent = options2?.inherit ? currentRoot : void 0;
-  const root = createRootContext(parent);
-  const prev = pushRoot(root);
-  let value;
-  try {
-    value = fn();
-  } finally {
-    popRoot(prev);
-  }
-  flushOnMount(root);
-  return {
-    dispose: () => destroyRoot(root),
-    value
-  };
-}
-function withEffectCleanups(bucket, fn) {
-  const prev = currentEffectCleanups;
-  currentEffectCleanups = bucket;
-  try {
-    return fn();
-  } finally {
-    currentEffectCleanups = prev;
-  }
-}
-function registerEffectCleanup(fn) {
-  if (currentEffectCleanups) {
-    currentEffectCleanups.push(fn);
-  } else {
-    registerRootCleanup(fn);
-  }
-}
-function runCleanupList(list) {
-  let error;
-  for (let i = list.length - 1; i >= 0; i--) {
-    try {
-      const cleanup = list[i];
-      if (cleanup) cleanup();
-    } catch (err) {
-      if (error === void 0) {
-        error = err;
-      }
-    }
-  }
-  list.length = 0;
-  if (error !== void 0) {
-    if (!handleError(error, { source: "cleanup" })) {
-      throw error;
-    }
-  }
-}
-function runLifecycle(fn) {
-  const cleanup = fn();
-  if (typeof cleanup === "function") {
-    cleanup();
-  }
-}
-function registerErrorHandler(fn) {
-  if (!currentRoot) {
-    const message = isDev3 ? "registerErrorHandler must be called within a root" : "FICT:E_ROOT_HANDLER";
-    throw new Error(message);
-  }
-  if (!currentRoot.errorHandlers) {
-    currentRoot.errorHandlers = [];
-  }
-  currentRoot.errorHandlers.push(fn);
-  const existing = globalErrorHandlers.get(currentRoot);
-  if (existing) {
-    existing.push(fn);
-  } else {
-    globalErrorHandlers.set(currentRoot, [fn]);
-  }
-}
-function registerSuspenseHandler(fn) {
-  if (!currentRoot) {
-    const message = isDev3 ? "registerSuspenseHandler must be called within a root" : "FICT:E_ROOT_SUSPENSE";
-    throw new Error(message);
-  }
-  if (!currentRoot.suspenseHandlers) {
-    currentRoot.suspenseHandlers = [];
-  }
-  currentRoot.suspenseHandlers.push(fn);
-  const existing = globalSuspenseHandlers.get(currentRoot);
-  if (existing) {
-    existing.push(fn);
-  } else {
-    globalSuspenseHandlers.set(currentRoot, [fn]);
-  }
-}
-function handleError(err, info, startRoot) {
-  let root = startRoot ?? currentRoot;
-  let error = err;
-  while (root) {
-    const handlers = root.errorHandlers;
-    if (handlers && handlers.length) {
-      for (let i = handlers.length - 1; i >= 0; i--) {
-        const handler = handlers[i];
-        try {
-          const handled = handler(error, info);
-          if (handled !== false) {
-            return true;
-          }
-        } catch (nextErr) {
-          error = nextErr;
-        }
-      }
-    }
-    root = root.parent;
-  }
-  const globalForRoot = startRoot ? globalErrorHandlers.get(startRoot) : currentRoot ? globalErrorHandlers.get(currentRoot) : void 0;
-  if (globalForRoot && globalForRoot.length) {
-    for (let i = globalForRoot.length - 1; i >= 0; i--) {
-      const handler = globalForRoot[i];
-      try {
-        const handled = handler(error, info);
-        if (handled !== false) {
-          return true;
-        }
-      } catch (nextErr) {
-        error = nextErr;
-      }
-    }
-  }
-  return false;
-}
-function handleSuspend(token, startRoot) {
-  let root = startRoot ?? currentRoot;
-  const originRoot = root;
-  while (root) {
-    const handlers = root.suspenseHandlers;
-    if (handlers && handlers.length) {
-      for (let i = handlers.length - 1; i >= 0; i--) {
-        const handler = handlers[i];
-        const handled = handler(token);
-        if (handled !== false) {
-          if (originRoot) originRoot.suspended = true;
-          return true;
-        }
-      }
-    }
-    root = root.parent;
-  }
-  const globalForRoot = startRoot && globalSuspenseHandlers.get(startRoot) ? globalSuspenseHandlers.get(startRoot) : currentRoot ? globalSuspenseHandlers.get(currentRoot) : void 0;
-  if (globalForRoot && globalForRoot.length) {
-    for (let i = globalForRoot.length - 1; i >= 0; i--) {
-      const handler = globalForRoot[i];
-      const handled = handler(token);
-      if (handled !== false) {
-        if (originRoot) originRoot.suspended = true;
-        return true;
-      }
-    }
-  }
-  return false;
-}
-
-// src/effect.ts
-function createEffect(fn) {
-  let cleanups = [];
-  const rootForError = getCurrentRoot();
-  const doCleanup = () => {
-    runCleanupList(cleanups);
-    cleanups = [];
-  };
-  const run = () => {
-    const bucket = [];
-    withEffectCleanups(bucket, () => {
-      try {
-        const maybeCleanup = fn();
-        if (typeof maybeCleanup === "function") {
-          bucket.push(maybeCleanup);
-        }
-      } catch (err) {
-        if (handleSuspend(err, rootForError)) {
-          return;
-        }
-        if (handleError(err, { source: "effect" }, rootForError)) {
-          return;
-        }
-        throw err;
-      }
-    });
-    cleanups = bucket;
-  };
-  const disposeEffect = effectWithCleanup(run, doCleanup, rootForError);
-  const teardown = () => {
-    runCleanupList(cleanups);
-    disposeEffect();
-  };
-  registerRootCleanup(teardown);
-  return teardown;
-}
-function createRenderEffect(fn) {
-  let cleanup;
-  const rootForError = getCurrentRoot();
-  const doCleanup = () => {
-    if (cleanup) {
-      cleanup();
-      cleanup = void 0;
-    }
-  };
-  const run = () => {
-    try {
-      const maybeCleanup = fn();
-      if (typeof maybeCleanup === "function") {
-        cleanup = maybeCleanup;
-      }
-    } catch (err) {
-      if (handleSuspend(err, rootForError)) {
-        return;
-      }
-      const handled = handleError(err, { source: "effect" }, rootForError);
-      if (handled) {
-        return;
-      }
-      throw err;
-    }
-  };
-  const disposeEffect = effectWithCleanup(run, doCleanup, rootForError);
-  const teardown = () => {
-    if (cleanup) {
-      cleanup();
-      cleanup = void 0;
-    }
-    disposeEffect();
-  };
-  registerRootCleanup(teardown);
-  return teardown;
-}
-
-// src/hooks.ts
-var isDev4 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
-var ctxStack = [];
-function assertRenderContext(ctx, hookName) {
-  if (!ctx.rendering) {
-    const message = isDev4 ? `${hookName} can only be used during render execution` : "FICT:E_HOOK_RENDER";
-    throw new Error(message);
-  }
-}
-function __fictUseContext() {
-  if (ctxStack.length === 0) {
-    const message = isDev4 ? "Invalid hook call: hooks can only be used while rendering a component. Make sure you are not calling hooks in event handlers or outside of components." : "FICT:E_HOOK_OUTSIDE_RENDER";
-    throw new Error(message);
-  }
-  const ctx = ctxStack[ctxStack.length - 1];
-  if (!ctx.rendering) {
-    ctx.cursor = 0;
-    ctx.rendering = true;
-  }
-  return ctx;
-}
-function __fictPushContext() {
-  const ctx = { slots: [], cursor: 0 };
-  ctxStack.push(ctx);
-  return ctx;
-}
-function __fictGetCurrentComponentId() {
-  return ctxStack[ctxStack.length - 1]?.componentId;
-}
-function __fictPopContext() {
-  const ctx = ctxStack.pop();
-  if (ctx) ctx.rendering = false;
-}
-function __fictResetContext() {
-  ctxStack.length = 0;
-}
-function __fictUseSignal(ctx, initial, optionsOrSlot, slot) {
-  assertRenderContext(ctx, "__fictUseSignal");
-  const options2 = typeof optionsOrSlot === "number" ? void 0 : optionsOrSlot;
-  const resolvedSlot = typeof optionsOrSlot === "number" ? optionsOrSlot : slot;
-  const index = resolvedSlot ?? ctx.cursor++;
-  if (!ctx.slots[index]) {
-    ctx.slots[index] = signal(initial, options2);
-  }
-  return ctx.slots[index];
-}
-function __fictUseMemo(ctx, fn, optionsOrSlot, slot) {
-  assertRenderContext(ctx, "__fictUseMemo");
-  const options2 = typeof optionsOrSlot === "number" ? void 0 : optionsOrSlot;
-  const resolvedSlot = typeof optionsOrSlot === "number" ? optionsOrSlot : slot;
-  const index = resolvedSlot ?? ctx.cursor++;
-  if (!ctx.slots[index]) {
-    ctx.slots[index] = createMemo(fn, options2);
-  }
-  return ctx.slots[index];
-}
-function __fictUseEffect(ctx, fn, slot) {
-  if (slot !== void 0) {
-    if (ctx.slots[slot]) {
-      return;
-    }
-    ctx.slots[slot] = createEffect(fn);
-    return;
-  }
-  assertRenderContext(ctx, "__fictUseEffect");
-  const index = ctx.cursor++;
-  if (!ctx.slots[index]) {
-    ctx.slots[index] = createEffect(fn);
-  }
-}
-function __fictRender(ctx, fn) {
-  ctxStack.push(ctx);
-  ctx.cursor = 0;
-  ctx.rendering = true;
-  try {
-    return fn();
-  } finally {
-    ctx.rendering = false;
-    ctxStack.pop();
-  }
-}
-
-// src/signal.ts
-var isDev5 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
-var Mutable = 1;
-var Watching = 2;
-var Running = 4;
-var Recursed = 8;
-var Dirty = 16;
-var Pending = 32;
-var MutableDirty = 17;
-var MutablePending = 33;
-var MutableRunning = 5;
-var WatchingRunning = 6;
-var cycle = 0;
-var batchDepth = 0;
-var activeSub;
-var flushScheduled = false;
-var highPriorityQueue = [];
-var lowPriorityQueue = [];
-var isInTransition = false;
-var enqueueMicrotask = typeof queueMicrotask === "function" ? queueMicrotask : (fn) => {
-  Promise.resolve().then(fn);
-};
-var inCleanup = false;
-var SIGNAL_MARKER = Symbol.for("fict:signal");
-var COMPUTED_MARKER = Symbol.for("fict:computed");
-var EFFECT_MARKER = Symbol.for("fict:effect");
-var EFFECT_SCOPE_MARKER = Symbol.for("fict:effectScope");
-function link(dep, sub, version) {
-  const prevDep = sub.depsTail;
-  if (prevDep !== void 0 && prevDep.dep === dep) return;
-  const nextDep = prevDep !== void 0 ? prevDep.nextDep : sub.deps;
-  if (nextDep !== void 0 && nextDep.dep === dep) {
-    nextDep.version = version;
-    sub.depsTail = nextDep;
-    return;
-  }
-  const prevSub = dep.subsTail;
-  if (prevSub !== void 0 && prevSub.version === version && prevSub.sub === sub) return;
-  const newLink = { version, dep, sub, prevDep, nextDep, prevSub, nextSub: void 0 };
-  sub.depsTail = newLink;
-  dep.subsTail = newLink;
-  if (nextDep !== void 0) nextDep.prevDep = newLink;
-  if (prevDep !== void 0) prevDep.nextDep = newLink;
-  else sub.deps = newLink;
-  if (prevSub !== void 0) prevSub.nextSub = newLink;
-  else dep.subs = newLink;
-  if (isDev5) trackDependencyDevtools(dep, sub);
-}
-function unlink(lnk, sub = lnk.sub) {
-  const dep = lnk.dep;
-  const prevDep = lnk.prevDep;
-  const nextDep = lnk.nextDep;
-  const nextSub = lnk.nextSub;
-  const prevSub = lnk.prevSub;
-  if (nextDep !== void 0) nextDep.prevDep = prevDep;
-  else sub.depsTail = prevDep;
-  if (prevDep !== void 0) prevDep.nextDep = nextDep;
-  else sub.deps = nextDep;
-  if (nextSub !== void 0) nextSub.prevSub = prevSub;
-  else dep.subsTail = prevSub;
-  if (prevSub !== void 0) prevSub.nextSub = nextSub;
-  else if ((dep.subs = nextSub) === void 0) unwatched(dep);
-  if (isDev5) untrackDependencyDevtools(dep, sub);
-  return nextDep;
-}
-function unwatched(dep) {
-  if (!(dep.flags & Mutable)) {
-    disposeNode(dep);
-  } else if ("getter" in dep && dep.getter !== void 0) {
-    dep.depsTail = void 0;
-    dep.flags = MutableDirty;
-    purgeDeps(dep);
-  }
-}
-function propagate(firstLink) {
-  let link2 = firstLink;
-  let next = link2.nextSub;
-  let stack;
-  top: for (; ; ) {
-    const sub = link2.sub;
-    let flags = sub.flags;
-    if (!(flags & 60)) {
-      sub.flags = flags | Pending;
-    } else if (!(flags & 12)) {
-      flags = 0;
-    } else if (!(flags & Running)) {
-      sub.flags = flags & ~Recursed | Pending;
-    } else if (!(flags & 48)) {
-      let vlink = sub.depsTail;
-      let valid = false;
-      while (vlink !== void 0) {
-        if (vlink === link2) {
-          valid = true;
-          break;
-        }
-        vlink = vlink.prevDep;
-      }
-      if (valid) {
-        sub.flags = flags | 40;
-        flags &= Mutable;
-      } else {
-        flags = 0;
-      }
-    } else {
-      flags = 0;
-    }
-    if (flags & Watching) notify(sub);
-    if (flags & Mutable) {
-      const subSubs = sub.subs;
-      if (subSubs !== void 0) {
-        const nextSub = subSubs.nextSub;
-        if (nextSub !== void 0) {
-          stack = { value: next, prev: stack };
-          next = nextSub;
-        }
-        link2 = subSubs;
-        continue;
-      }
-    }
-    if (next !== void 0) {
-      link2 = next;
-      next = link2.nextSub;
-      continue;
-    }
-    while (stack !== void 0) {
-      link2 = stack.value;
-      stack = stack.prev;
-      if (link2 !== void 0) {
-        next = link2.nextSub;
-        continue top;
-      }
-    }
-    break;
-  }
-}
-function checkDirty(firstLink, sub) {
-  let link2 = firstLink;
-  let stack;
-  let checkDepth = 0;
-  let dirty = false;
-  top: for (; ; ) {
-    const dep = link2.dep;
-    const depFlags = dep.flags;
-    if (sub.flags & Dirty) {
-      dirty = true;
-    } else if ((depFlags & MutableDirty) === MutableDirty) {
-      if (update(dep)) {
-        const subs = dep.subs;
-        if (subs !== void 0 && subs.nextSub !== void 0) shallowPropagate(subs);
-        dirty = true;
-      }
-    } else if ((depFlags & MutablePending) === MutablePending) {
-      if (!dep.deps) {
-        const nextDep = link2.nextDep;
-        if (nextDep !== void 0) {
-          link2 = nextDep;
-          continue;
-        }
-      } else {
-        if (link2.nextSub !== void 0 || link2.prevSub !== void 0) {
-          stack = { value: link2, prev: stack };
-        }
-        link2 = dep.deps;
-        sub = dep;
-        ++checkDepth;
-        continue;
-      }
-    }
-    if (!dirty) {
-      const nextDep = link2.nextDep;
-      if (nextDep !== void 0) {
-        link2 = nextDep;
-        continue;
-      }
-    }
-    while (checkDepth-- > 0) {
-      const firstSub = sub.subs;
-      const hasMultipleSubs = firstSub.nextSub !== void 0;
-      if (hasMultipleSubs) {
-        link2 = stack.value;
-        stack = stack.prev;
-      } else {
-        link2 = firstSub;
-      }
-      if (dirty) {
-        if (update(sub)) {
-          if (hasMultipleSubs) shallowPropagate(firstSub);
-          sub = link2.sub;
-          continue;
-        }
-        dirty = false;
-      } else {
-        sub.flags &= ~Pending;
-      }
-      sub = link2.sub;
-      const nextDep = link2.nextDep;
-      if (nextDep !== void 0) {
-        link2 = nextDep;
-        continue top;
-      }
-    }
-    return dirty;
-  }
-}
-function shallowPropagate(firstLink) {
-  let link2 = firstLink;
-  do {
-    const sub = link2.sub;
-    const flags = sub.flags;
-    if ((flags & 48) === Pending) {
-      sub.flags = flags | Dirty;
-      if ((flags & 6) === Watching) notify(sub);
-    }
-    link2 = link2.nextSub;
-  } while (link2 !== void 0);
-}
-function update(node) {
-  return "getter" in node && node.getter !== void 0 ? updateComputed(node) : updateSignal(node);
-}
-function valuesDiffer(node, prev, next) {
-  if (node.equals === false) return true;
-  if (typeof node.equals === "function") return !node.equals(prev, next);
-  return prev !== next;
-}
-function notify(effect2) {
-  effect2.flags &= ~Watching;
-  const effects = [];
-  for (; ; ) {
-    effects.push(effect2);
-    const nextLink = effect2.subs;
-    if (nextLink === void 0) break;
-    effect2 = nextLink.sub;
-    if (effect2 === void 0 || !(effect2.flags & Watching)) break;
-    effect2.flags &= ~Watching;
-  }
-  const targetQueue = isInTransition ? lowPriorityQueue : highPriorityQueue;
-  for (let i = effects.length - 1; i >= 0; i--) {
-    targetQueue.push(effects[i]);
-  }
-}
-function purgeDeps(sub) {
-  const depsTail = sub.depsTail;
-  let dep = depsTail !== void 0 ? depsTail.nextDep : sub.deps;
-  while (dep !== void 0) dep = unlink(dep, sub);
-}
-function disposeNode(node) {
-  node.depsTail = void 0;
-  node.flags = 0;
-  purgeDeps(node);
-  let sub = node.subs;
-  while (sub !== void 0) {
-    const next = sub.nextSub;
-    unlink(sub);
-    sub = next;
-  }
-}
-function updateSignal(s) {
-  s.flags = Mutable;
-  const current = s.currentValue;
-  const pending = s.pendingValue;
-  if (valuesDiffer(s, current, pending)) {
-    s.currentValue = pending;
-    return true;
-  }
-  return false;
-}
-function updateComputed(c) {
-  ++cycle;
-  const oldValue = c.value;
-  c.depsTail = void 0;
-  c.flags = MutableRunning;
-  const prevSub = activeSub;
-  activeSub = c;
-  try {
-    const newValue = c.getter(oldValue);
-    activeSub = prevSub;
-    c.flags &= ~Running;
-    purgeDeps(c);
-    if (valuesDiffer(c, oldValue, newValue)) {
-      c.value = newValue;
-      if (isDev5) updateComputedDevtools(c, newValue);
-      return true;
-    }
-    return false;
-  } catch (e) {
-    activeSub = prevSub;
-    c.flags &= ~Running;
-    throw e;
-  }
-}
-function runEffect(e) {
-  const flags = e.flags;
-  if (flags & Dirty) {
-    if (e.runCleanup) {
-      inCleanup = true;
-      try {
-        e.runCleanup();
-      } finally {
-        inCleanup = false;
-      }
-    }
-    ++cycle;
-    if (isDev5) effectRunDevtools(e);
-    e.depsTail = void 0;
-    e.flags = WatchingRunning;
-    const prevSub = activeSub;
-    activeSub = e;
-    try {
-      e.fn();
-      activeSub = prevSub;
-      e.flags = Watching;
-      purgeDeps(e);
-    } catch (err) {
-      activeSub = prevSub;
-      e.flags = Watching;
-      throw err;
-    }
-  } else if (flags & Pending && e.deps) {
-    if (e.runCleanup) {
-      inCleanup = true;
-      try {
-        e.runCleanup();
-      } finally {
-        inCleanup = false;
-      }
-    }
-    let isDirty = false;
-    try {
-      isDirty = checkDirty(e.deps, e);
-    } catch (err) {
-      if (handleSuspend(err, e.root)) {
-        if (e.flags !== 0) {
-          e.flags = Watching;
-        }
-        return;
-      }
-      if (handleError(err, { source: "effect" }, e.root)) {
-        if (e.flags !== 0) {
-          e.flags = Watching;
-        }
-        return;
-      }
-      throw err;
-    }
-    if (isDirty) {
-      ++cycle;
-      if (isDev5) effectRunDevtools(e);
-      e.depsTail = void 0;
-      e.flags = WatchingRunning;
-      const prevSub = activeSub;
-      activeSub = e;
-      try {
-        e.fn();
-        activeSub = prevSub;
-        e.flags = Watching;
-        purgeDeps(e);
-      } catch (err) {
-        activeSub = prevSub;
-        e.flags = Watching;
-        throw err;
-      }
-    } else {
-      e.flags = Watching;
-    }
-  } else {
-    e.flags = Watching;
-  }
-}
-function scheduleFlush() {
-  const hasWork = highPriorityQueue.length > 0 || lowPriorityQueue.length > 0;
-  if (flushScheduled || !hasWork) return;
-  if (batchDepth > 0) return;
-  flushScheduled = true;
-  enqueueMicrotask(() => {
-    flush();
-  });
-}
-function flush() {
-  beginFlushGuard();
-  if (batchDepth > 0) {
-    scheduleFlush();
-    endFlushGuard();
-    return;
-  }
-  const hasWork = highPriorityQueue.length > 0 || lowPriorityQueue.length > 0;
-  if (!hasWork) {
-    flushScheduled = false;
-    endFlushGuard();
-    return;
-  }
-  flushScheduled = false;
-  let highIndex = 0;
-  while (highIndex < highPriorityQueue.length) {
-    const e = highPriorityQueue[highIndex];
-    if (!beforeEffectRunGuard()) {
-      for (let i = 0; i < highPriorityQueue.length; i++) {
-        const queued = highPriorityQueue[i];
-        if (queued && queued.flags !== 0) {
-          queued.flags = Watching;
-        }
-      }
-      for (let i = 0; i < lowPriorityQueue.length; i++) {
-        const queued = lowPriorityQueue[i];
-        if (queued && queued.flags !== 0) {
-          queued.flags = Watching;
-        }
-      }
-      highPriorityQueue.length = 0;
-      lowPriorityQueue.length = 0;
-      flushScheduled = false;
-      endFlushGuard();
-      return;
-    }
-    highIndex++;
-    runEffect(e);
-  }
-  highPriorityQueue.length = 0;
-  let lowIndex = 0;
-  while (lowIndex < lowPriorityQueue.length) {
-    if (highPriorityQueue.length > 0) {
-      if (lowIndex > 0) {
-        lowPriorityQueue.copyWithin(0, lowIndex);
-        lowPriorityQueue.length -= lowIndex;
-      }
-      scheduleFlush();
-      endFlushGuard();
-      return;
-    }
-    const e = lowPriorityQueue[lowIndex];
-    if (!beforeEffectRunGuard()) {
-      for (let i = 0; i < highPriorityQueue.length; i++) {
-        const queued = highPriorityQueue[i];
-        if (queued && queued.flags !== 0) {
-          queued.flags = Watching;
-        }
-      }
-      for (let i = 0; i < lowPriorityQueue.length; i++) {
-        const queued = lowPriorityQueue[i];
-        if (queued && queued.flags !== 0) {
-          queued.flags = Watching;
-        }
-      }
-      highPriorityQueue.length = 0;
-      lowPriorityQueue.length = 0;
-      flushScheduled = false;
-      endFlushGuard();
-      return;
-    }
-    lowIndex++;
-    runEffect(e);
-  }
-  lowPriorityQueue.length = 0;
-  endFlushGuard();
-}
-function signal(initialValue, options2) {
-  const s = {
-    currentValue: initialValue,
-    pendingValue: initialValue,
-    subs: void 0,
-    subsTail: void 0,
-    flags: Mutable,
-    __id: void 0,
-    ...options2?.equals !== void 0 ? { equals: options2.equals } : {},
-    ...options2?.name !== void 0 ? { name: options2.name } : {},
-    ...options2?.devToolsSource !== void 0 ? { devToolsSource: options2.devToolsSource } : {}
-  };
-  if (isDev5) registerSignalDevtools(s);
-  const accessor = signalOper.bind(s);
-  accessor[SIGNAL_MARKER] = true;
-  return accessor;
-}
-function signalOper(value) {
-  if (arguments.length > 0) {
-    const next = value;
-    const prev = this.pendingValue;
-    if (valuesDiffer(this, prev, next)) {
-      this.pendingValue = next;
-      this.flags = MutableDirty;
-      if (isDev5) updateSignalDevtools(this, next);
-      const subs = this.subs;
-      if (subs !== void 0) {
-        propagate(subs);
-        if (!batchDepth) scheduleFlush();
-      }
-    }
-    return;
-  }
-  const flags = this.flags;
-  if (flags & Dirty && !inCleanup) {
-    if (updateSignal(this)) {
-      const subs = this.subs;
-      if (subs !== void 0) shallowPropagate(subs);
-    }
-  }
-  let sub = activeSub;
-  while (sub !== void 0) {
-    if (sub.flags & 3) {
-      link(this, sub, cycle);
-      break;
-    }
-    const subSubs = sub.subs;
-    sub = subSubs !== void 0 ? subSubs.sub : void 0;
-  }
-  return this.currentValue;
-}
-function computed(getter, options2) {
-  const c = {
-    value: void 0,
-    subs: void 0,
-    subsTail: void 0,
-    deps: void 0,
-    depsTail: void 0,
-    flags: 0,
-    getter,
-    __id: void 0,
-    ...options2?.equals !== void 0 ? { equals: options2.equals } : {},
-    ...options2?.name !== void 0 ? { name: options2.name } : {},
-    ...options2?.devToolsSource !== void 0 ? { devToolsSource: options2.devToolsSource } : {}
-  };
-  if (isDev5) registerComputedDevtools(c);
-  const bound = computedOper.bind(
-    c
-  );
-  bound[COMPUTED_MARKER] = true;
-  return bound;
-}
-function computedOper() {
-  if (inCleanup) return this.value;
-  const flags = this.flags;
-  if (flags & Dirty) {
-    if (updateComputed(this)) {
-      const subs = this.subs;
-      if (subs !== void 0) shallowPropagate(subs);
-    }
-  } else if (flags & Pending) {
-    if (this.deps && checkDirty(this.deps, this)) {
-      if (updateComputed(this)) {
-        const subs = this.subs;
-        if (subs !== void 0) shallowPropagate(subs);
-      }
-    } else {
-      this.flags = flags & ~Pending;
-    }
-  } else if (!flags) {
-    this.flags = MutableRunning;
-    const prevSub = setActiveSub(this);
-    try {
-      this.value = this.getter(void 0);
-      if (isDev5) updateComputedDevtools(this, this.value);
-    } finally {
-      setActiveSub(prevSub);
-      this.flags &= ~Running;
-    }
-  }
-  if (activeSub !== void 0) link(this, activeSub, cycle);
-  return this.value;
-}
-function effect(fn) {
-  const e = {
-    fn,
-    subs: void 0,
-    subsTail: void 0,
-    deps: void 0,
-    depsTail: void 0,
-    flags: WatchingRunning,
-    __id: void 0
-  };
-  const root = getCurrentRoot();
-  if (root) {
-    e.root = root;
-  }
-  if (isDev5) registerEffectDevtools(e);
-  const prevSub = activeSub;
-  if (prevSub !== void 0) link(e, prevSub, 0);
-  activeSub = e;
-  try {
-    if (isDev5) effectRunDevtools(e);
-    fn();
-  } finally {
-    activeSub = prevSub;
-    e.flags &= ~Running;
-  }
-  const disposer = effectOper.bind(e);
-  disposer[EFFECT_MARKER] = true;
-  return disposer;
-}
-function effectWithCleanup(fn, cleanupRunner, root) {
-  const e = {
-    fn,
-    subs: void 0,
-    subsTail: void 0,
-    deps: void 0,
-    depsTail: void 0,
-    flags: WatchingRunning,
-    runCleanup: cleanupRunner,
-    __id: void 0
-  };
-  const resolvedRoot = root ?? getCurrentRoot();
-  if (resolvedRoot) {
-    e.root = resolvedRoot;
-  }
-  if (isDev5) registerEffectDevtools(e);
-  const prevSub = activeSub;
-  if (prevSub !== void 0) link(e, prevSub, 0);
-  activeSub = e;
-  try {
-    if (isDev5) effectRunDevtools(e);
-    fn();
-  } finally {
-    activeSub = prevSub;
-    e.flags &= ~Running;
-  }
-  const disposer = effectOper.bind(e);
-  disposer[EFFECT_MARKER] = true;
-  return disposer;
-}
-function effectOper() {
-  disposeNode(this);
-}
-function effectScope(fn) {
-  const e = { deps: void 0, depsTail: void 0, subs: void 0, subsTail: void 0, flags: 0 };
-  const prevSub = activeSub;
-  if (prevSub !== void 0) link(e, prevSub, 0);
-  activeSub = e;
-  try {
-    fn();
-  } finally {
-    activeSub = prevSub;
-  }
-  const disposer = effectScopeOper.bind(e);
-  disposer[EFFECT_SCOPE_MARKER] = true;
-  return disposer;
-}
-function effectScopeOper() {
-  disposeNode(this);
-}
-function batch(fn) {
-  ++batchDepth;
-  let result;
-  let error;
-  try {
-    result = fn();
-  } catch (e) {
-    error = e;
-  } finally {
-    --batchDepth;
-    if (batchDepth === 0) {
-      try {
-        flush();
-      } catch (flushErr) {
-        if (error === void 0) {
-          error = flushErr;
-        }
-      }
-    }
-  }
-  if (error !== void 0) {
-    throw error;
-  }
-  return result;
-}
-function setActiveSub(sub) {
-  const prev = activeSub;
-  activeSub = sub;
-  return prev;
-}
-function __resetReactiveState() {
-  highPriorityQueue.length = 0;
-  lowPriorityQueue.length = 0;
-  batchDepth = 0;
-  activeSub = void 0;
-  flushScheduled = false;
-  isInTransition = false;
-  inCleanup = false;
-  cycle = 0;
-}
-function untrack(fn) {
-  const prev = activeSub;
-  activeSub = void 0;
-  try {
-    return fn();
-  } finally {
-    activeSub = prev;
-  }
-}
-function isSignal(fn) {
-  return typeof fn === "function" && fn[SIGNAL_MARKER] === true;
-}
-function isComputed(fn) {
-  return typeof fn === "function" && fn[COMPUTED_MARKER] === true;
-}
-function isEffect(fn) {
-  return typeof fn === "function" && fn[EFFECT_MARKER] === true;
-}
-function isEffectScope(fn) {
-  return typeof fn === "function" && fn[EFFECT_SCOPE_MARKER] === true;
-}
-function setTransitionContext(value) {
-  const prev = isInTransition;
-  isInTransition = value;
-  return prev;
-}
-var registerSignalDevtools = () => void 0;
-var updateSignalDevtools = () => {
-};
-var registerComputedDevtools = () => void 0;
-var updateComputedDevtools = () => {
-};
-var registerEffectDevtools = () => void 0;
-var effectRunDevtools = () => {
-};
-var trackDependencyDevtools = () => {
-};
-var untrackDependencyDevtools = () => {
-};
-if (isDev5) {
-  let nextDevtoolsId = 0;
-  registerSignalDevtools = (node) => {
-    const hook = getDevtoolsHook();
-    if (!hook) return void 0;
-    const id = ++nextDevtoolsId;
-    const options2 = {};
-    if (node.name !== void 0) options2.name = node.name;
-    if (node.devToolsSource !== void 0) options2.source = node.devToolsSource;
-    const ownerId = __fictGetCurrentComponentId();
-    if (ownerId !== void 0) options2.ownerId = ownerId;
-    hook.registerSignal(id, node.currentValue, options2);
-    node.__id = id;
-    return id;
-  };
-  updateSignalDevtools = (node, value) => {
-    const hook = getDevtoolsHook();
-    if (!hook) return;
-    const id = node.__id;
-    if (id) hook.updateSignal(id, value);
-  };
-  registerComputedDevtools = (node) => {
-    const hook = getDevtoolsHook();
-    if (!hook) return void 0;
-    const id = ++nextDevtoolsId;
-    const options2 = {};
-    if (node.name !== void 0) options2.name = node.name;
-    if (node.devToolsSource !== void 0) options2.source = node.devToolsSource;
-    const ownerId = __fictGetCurrentComponentId();
-    if (ownerId !== void 0) options2.ownerId = ownerId;
-    options2.hasValue = false;
-    hook.registerComputed(id, node.value, options2);
-    node.__id = id;
-    return id;
-  };
-  updateComputedDevtools = (node, value) => {
-    const hook = getDevtoolsHook();
-    if (!hook) return;
-    const id = node.__id;
-    if (id) hook.updateComputed(id, value);
-  };
-  registerEffectDevtools = (node) => {
-    const hook = getDevtoolsHook();
-    if (!hook) return void 0;
-    const id = ++nextDevtoolsId;
-    const ownerId = __fictGetCurrentComponentId();
-    hook.registerEffect(id, ownerId !== void 0 ? { ownerId } : void 0);
-    node.__id = id;
-    return id;
-  };
-  effectRunDevtools = (node) => {
-    const hook = getDevtoolsHook();
-    if (!hook) return;
-    const id = node.__id;
-    if (id) hook.effectRun(id);
-  };
-  trackDependencyDevtools = (dep, sub) => {
-    const hook = getDevtoolsHook();
-    if (!hook?.trackDependency) return;
-    const depId = dep.__id;
-    const subId = sub.__id;
-    if (depId && subId) hook.trackDependency(subId, depId);
-  };
-  untrackDependencyDevtools = (dep, sub) => {
-    const hook = getDevtoolsHook();
-    if (!hook?.untrackDependency) return;
-    const depId = dep.__id;
-    const subId = sub.__id;
-    if (depId && subId) hook.untrackDependency(subId, depId);
-  };
-}
-function createSelector(source, equalityFn = (a, b) => a === b) {
-  let current = source();
-  const observers = /* @__PURE__ */ new Map();
-  const dispose = effect(() => {
-    const next = source();
-    if (equalityFn(current, next)) return;
-    const prevSig = observers.get(current);
-    if (prevSig) prevSig(false);
-    const nextSig = observers.get(next);
-    if (nextSig) nextSig(true);
-    current = next;
-  });
-  registerRootCleanup(() => {
-    dispose();
-    observers.clear();
-  });
-  return (key) => {
-    let sig = observers.get(key);
-    if (!sig) {
-      sig = signal(equalityFn(key, current));
-      observers.set(key, sig);
-      registerRootCleanup(() => observers.delete(key));
-    }
-    return sig();
-  };
-}
-
-// src/memo.ts
-function createMemo(fn, options2) {
-  return computed(fn, options2);
-}
+import {
+  $$EVENTS,
+  ChildProperties,
+  DelegatedEvents,
+  Properties,
+  SVGElements,
+  SVGNamespace,
+  UnitlessStyles,
+  __fictEnterHydration,
+  __fictExitHydration,
+  __fictGetCurrentComponentId,
+  __fictIsHydrating,
+  __fictIsResumable,
+  __fictPopContext,
+  __fictPushContext,
+  __fictRegisterScope,
+  batch,
+  computed,
+  createEffect,
+  createMemo,
+  createRenderEffect,
+  createRootContext,
+  destroyRoot,
+  flushOnMount,
+  getCurrentRoot,
+  getDevtoolsHook,
+  getPropAlias,
+  handleError,
+  handleSuspend,
+  isComputed,
+  isEffect,
+  isEffectScope,
+  isSignal,
+  onCleanup,
+  onMount,
+  popRoot,
+  pushRoot,
+  registerRootCleanup,
+  scheduleFlush,
+  setTransitionContext,
+  signal,
+  untrack
+} from "./chunk-FKDMDAUR.js";
 
 // src/jsx.ts
 var Fragment = Symbol("Fragment");
@@ -1916,6 +187,65 @@ function removeNodes(nodes) {
     node.parentNode?.removeChild(node);
   }
 }
+var SLOT_START = "fict:slot:start";
+var SLOT_END = "fict:slot:end";
+function isSlotStart(node) {
+  return !!(node && node.nodeType === 8 && node.data === SLOT_START);
+}
+function isSlotEnd(node) {
+  return !!(node && node.nodeType === 8 && node.data === SLOT_END);
+}
+function getSlotEnd(start) {
+  let depth = 1;
+  let cursor = start.nextSibling;
+  while (cursor) {
+    if (isSlotStart(cursor)) {
+      depth++;
+    } else if (isSlotEnd(cursor)) {
+      depth--;
+      if (depth === 0) {
+        return cursor;
+      }
+    }
+    cursor = cursor.nextSibling;
+  }
+  const owner = start.ownerDocument ?? document;
+  const end = owner.createComment(SLOT_END);
+  if (start.parentNode) {
+    start.parentNode.insertBefore(end, start.nextSibling);
+  }
+  return end;
+}
+function resolvePath(root, path) {
+  let current = root;
+  for (const index of path) {
+    if (!current) return null;
+    let child = current.firstChild;
+    let currentIndex = 0;
+    while (child) {
+      if (isSlotStart(child)) {
+        if (currentIndex === index) {
+          current = child;
+          break;
+        }
+        const end = getSlotEnd(child);
+        child = end.nextSibling;
+        currentIndex++;
+        continue;
+      }
+      if (currentIndex === index) {
+        current = child;
+        break;
+      }
+      currentIndex++;
+      child = child.nextSibling;
+    }
+    if (!child) {
+      return null;
+    }
+  }
+  return current;
+}
 
 // src/transition.ts
 function startTransition(fn) {
@@ -1963,8 +293,65 @@ function untrack2(fn) {
   return untrack(fn);
 }
 
+// src/hydration.ts
+var hydrationStack = [];
+function withHydration(root, fn) {
+  const owner = root.ownerDocument ?? document;
+  hydrationStack.push({
+    cursor: root.firstChild,
+    boundary: null,
+    owner
+  });
+  try {
+    fn();
+  } finally {
+    hydrationStack.pop();
+  }
+}
+function withHydrationRange(start, end, owner, fn) {
+  hydrationStack.push({
+    cursor: start,
+    boundary: end,
+    owner
+  });
+  try {
+    fn();
+  } finally {
+    hydrationStack.pop();
+  }
+}
+function claimNodes(templateRoot, fallback) {
+  const ctx = hydrationStack[hydrationStack.length - 1];
+  if (!ctx || !ctx.cursor) {
+    return fallback();
+  }
+  const count = templateRoot.nodeType === 11 ? templateRoot.childNodes.length : 1;
+  if (count === 0) return fallback();
+  const claimed = [];
+  let cursor = ctx.cursor;
+  for (let i = 0; i < count; i++) {
+    if (!cursor || cursor === ctx.boundary) {
+      return fallback();
+    }
+    claimed.push(cursor);
+    cursor = cursor.nextSibling;
+  }
+  ctx.cursor = cursor;
+  if (claimed.length === 1) {
+    return claimed[0];
+  }
+  const frag = ctx.owner.createDocumentFragment();
+  for (const node of claimed) {
+    frag.appendChild(node);
+  }
+  return frag;
+}
+function isHydratingActive() {
+  return hydrationStack.length > 0;
+}
+
 // src/binding.ts
-var isDev6 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
+var isDev = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
 function isReactive(value) {
   if (typeof value !== "function") return false;
   if (isSignal(value) || isComputed(value)) return true;
@@ -2146,7 +533,7 @@ function applyStyle(el, value, prev) {
     }
   }
 }
-var isUnitlessStyleProperty = isDev6 ? (prop2) => UnitlessStyles.has(prop2) : (prop2) => prop2 === "opacity" || prop2 === "zIndex";
+var isUnitlessStyleProperty = isDev ? (prop2) => UnitlessStyles.has(prop2) : (prop2) => prop2 === "opacity" || prop2 === "zIndex";
 function createClassBinding(el, value) {
   if (isReactive(value)) {
     let prev = {};
@@ -2234,7 +621,7 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
   }
   let currentNodes = [];
   let currentText = null;
-  let currentRoot2 = null;
+  let currentRoot = null;
   const clearCurrentNodes = () => {
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
@@ -2263,9 +650,9 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
     const parentNode = marker.parentNode;
     const isPrimitive = value == null || value === false || typeof value === "string" || typeof value === "number" || typeof value === "boolean";
     if (isPrimitive) {
-      if (currentRoot2) {
-        destroyRoot(currentRoot2);
-        currentRoot2 = null;
+      if (currentRoot) {
+        destroyRoot(currentRoot);
+        currentRoot = null;
       }
       if (!parentNode) {
         clearCurrentNodes();
@@ -2276,9 +663,9 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
       setTextNode(textValue, shouldInsert, parentNode);
       return;
     }
-    if (currentRoot2) {
-      destroyRoot(currentRoot2);
-      currentRoot2 = null;
+    if (currentRoot) {
+      destroyRoot(currentRoot);
+      currentRoot = null;
     }
     clearCurrentNodes();
     const root = createRootContext(hostRoot);
@@ -2333,14 +720,14 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
         flushOnMount(root);
       }
     }
-    currentRoot2 = root;
+    currentRoot = root;
     currentNodes = nodes;
   });
   return () => {
     dispose();
-    if (currentRoot2) {
-      destroyRoot(currentRoot2);
-      currentRoot2 = null;
+    if (currentRoot) {
+      destroyRoot(currentRoot);
+      currentRoot = null;
     }
     clearCurrentNodes();
     if (ownsMarker) {
@@ -2348,6 +735,151 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
     }
   };
 }
+function insertBetween(start, end, getValue, createElementFn) {
+  const hostRoot = getCurrentRoot();
+  let currentNodes = [];
+  let currentText = null;
+  let currentRoot = null;
+  let initialHydrating = __fictIsHydrating();
+  const collectBetween = () => {
+    const nodes = [];
+    let cursor = start.nextSibling;
+    while (cursor && cursor !== end) {
+      nodes.push(cursor);
+      cursor = cursor.nextSibling;
+    }
+    return nodes;
+  };
+  const clearCurrentNodes = () => {
+    if (currentNodes.length > 0) {
+      removeNodes(currentNodes);
+      currentNodes = [];
+    }
+  };
+  const setTextNode = (textValue, shouldInsert) => {
+    if (!currentText) {
+      currentText = document.createTextNode(textValue);
+    } else if (currentText.data !== textValue) {
+      currentText.data = textValue;
+    }
+    if (!shouldInsert) {
+      clearCurrentNodes();
+      return;
+    }
+    if (currentNodes.length === 1 && currentNodes[0] === currentText) {
+      return;
+    }
+    clearCurrentNodes();
+    const parentNode = start.parentNode;
+    if (parentNode) {
+      insertNodesBefore(parentNode, [currentText], end);
+      currentNodes = [currentText];
+    }
+  };
+  const dispose = createRenderEffect(() => {
+    const value = getValue();
+    const parentNode = start.parentNode;
+    const isPrimitive = value == null || value === false || typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+    if (isPrimitive) {
+      if (initialHydrating && isHydratingActive() && parentNode) {
+        const existing = collectBetween();
+        if (existing.length > 0) {
+          currentNodes = existing;
+          const only = existing.length === 1 ? existing[0] : null;
+          currentText = only && only.nodeType === 3 ? only : null;
+        }
+      }
+      if (currentRoot) {
+        destroyRoot(currentRoot);
+        currentRoot = null;
+      }
+      if (!parentNode) {
+        clearCurrentNodes();
+        return;
+      }
+      const textValue = value == null || value === false ? "" : String(value);
+      const shouldInsert = value != null && value !== false;
+      setTextNode(textValue, shouldInsert);
+      initialHydrating = false;
+      return;
+    }
+    if (currentRoot) {
+      destroyRoot(currentRoot);
+      currentRoot = null;
+    }
+    clearCurrentNodes();
+    const root = createRootContext(hostRoot);
+    const prev = pushRoot(root);
+    let nodes = [];
+    let handledError = false;
+    try {
+      let newNode = void 0;
+      const createValue = () => {
+        if (value instanceof Node) {
+          return value;
+        }
+        if (Array.isArray(value)) {
+          if (value.every((v) => v instanceof Node)) {
+            return value;
+          }
+          if (createElementFn) {
+            const mapped = [];
+            for (const item of value) {
+              mapped.push(...toNodeArray(createElementFn(item)));
+            }
+            return mapped;
+          }
+          return document.createTextNode(String(value));
+        }
+        return createElementFn ? createElementFn(value) : document.createTextNode(String(value));
+      };
+      if (initialHydrating && isHydratingActive() && parentNode) {
+        withHydrationRange(start.nextSibling, end, parentNode.ownerDocument ?? document, () => {
+          newNode = createValue();
+        });
+      } else {
+        newNode = createValue();
+      }
+      nodes = toNodeArray(newNode);
+      if (root.suspended) {
+        handledError = true;
+        destroyRoot(root);
+        return;
+      }
+      if (parentNode && !initialHydrating) {
+        insertNodesBefore(parentNode, nodes, end);
+      }
+    } catch (err) {
+      if (handleSuspend(err, root)) {
+        handledError = true;
+        destroyRoot(root);
+        return;
+      }
+      if (handleError(err, { source: "renderChild" }, root)) {
+        handledError = true;
+        destroyRoot(root);
+        return;
+      }
+      throw err;
+    } finally {
+      popRoot(prev);
+      if (!handledError) {
+        flushOnMount(root);
+      }
+    }
+    currentRoot = root;
+    currentNodes = initialHydrating ? collectBetween() : nodes;
+    initialHydrating = false;
+  });
+  return () => {
+    dispose();
+    if (currentRoot) {
+      destroyRoot(currentRoot);
+      currentRoot = null;
+    }
+    clearCurrentNodes();
+  };
+}
 function createChildBinding(parent, getValue, createElementFn) {
   const marker = document.createComment("fict:child");
   parent.appendChild(marker);
@@ -2525,11 +1057,11 @@ function addEventListener(node, name, handler, delegate) {
     node.addEventListener(name, handler);
   }
 }
-function bindEvent(el, eventName, handler, options2) {
+function bindEvent(el, eventName, handler, options) {
   if (handler == null) return () => {
   };
   const rootRef = getCurrentRoot();
-  const shouldDelegate = options2 == null && DelegatedEvents.has(eventName);
+  const shouldDelegate = options == null && DelegatedEvents.has(eventName);
   if (shouldDelegate) {
     const key = `$$${eventName}`;
     delegateEvents([eventName]);
@@ -2560,8 +1092,8 @@ function bindEvent(el, eventName, handler, options2) {
       throw err;
     }
   };
-  el.addEventListener(eventName, wrapped, options2);
-  const cleanup = () => el.removeEventListener(eventName, wrapped, options2);
+  el.addEventListener(eventName, wrapped, options);
+  const cleanup = () => el.removeEventListener(eventName, wrapped, options);
   registerRootCleanup(cleanup);
   return cleanup;
 }
@@ -2665,7 +1197,11 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
   }
   if (prop2.slice(0, 3) === "on:") {
     const eventName = prop2.slice(3);
-    if (prev) node.removeEventListener(eventName, prev);
+    if (typeof value === "string") {
+      node.setAttribute(prop2, value);
+      return value;
+    }
+    if (prev && typeof prev !== "string") node.removeEventListener(eventName, prev);
     if (value) node.addEventListener(eventName, value);
     return value;
   }
@@ -2710,9 +1246,9 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
   }
   const isCE = node.nodeName.includes("-") || "is" in props;
   if (!isSVG) {
-    const propAlias = isDev6 ? getPropAlias(prop2, node.tagName) : void 0;
-    const isProperty = isDev6 ? Properties.has(prop2) : prop2 in node;
-    const isChildProp = isDev6 ? ChildProperties.has(prop2) : prop2 === "innerHTML" || prop2 === "textContent" || prop2 === "innerText" || prop2 === "children";
+    const propAlias = isDev ? getPropAlias(prop2, node.tagName) : void 0;
+    const isProperty = isDev ? Properties.has(prop2) : prop2 in node;
+    const isChildProp = isDev ? ChildProperties.has(prop2) : prop2 === "innerHTML" || prop2 === "textContent" || prop2 === "innerText" || prop2 === "children";
     if (propAlias || isProperty || isChildProp || isCE) {
       const propName = propAlias || prop2;
       if (isCE && !isProperty && !isChildProp && !propAlias) {
@@ -2742,16 +1278,30 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
 function toPropertyName(name) {
   return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
 }
-function createConditional(condition, renderTrue, createElementFn, renderFalse) {
-  const startMarker = document.createComment("fict:cond:start");
-  const endMarker = document.createComment("fict:cond:end");
-  const fragment = document.createDocumentFragment();
-  fragment.append(startMarker, endMarker);
+function createConditional(condition, renderTrue, createElementFn, renderFalse, startOverride, endOverride) {
+  const useProvided = !!(startOverride && endOverride);
+  const startMarker = useProvided ? startOverride : document.createComment("fict:cond:start");
+  const endMarker = useProvided ? endOverride : document.createComment("fict:cond:end");
+  const fragment = useProvided ? startMarker : document.createDocumentFragment();
+  if (!useProvided) {
+    ;
+    fragment.append(startMarker, endMarker);
+  }
   const hostRoot = getCurrentRoot();
   let currentNodes = [];
-  let currentRoot2 = null;
+  let currentRoot = null;
   let lastCondition = void 0;
   let pendingRender = false;
+  let initialHydrating = __fictIsHydrating();
+  const collectBetween = () => {
+    const nodes = [];
+    let cursor = startMarker.nextSibling;
+    while (cursor && cursor !== endMarker) {
+      nodes.push(cursor);
+      cursor = cursor.nextSibling;
+    }
+    return nodes;
+  };
   const conditionMemo = computed(condition);
   const runConditional = () => {
     const cond = conditionMemo();
@@ -2761,6 +1311,54 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse)
       return;
     }
     pendingRender = false;
+    if (initialHydrating && isHydratingActive()) {
+      initialHydrating = false;
+      lastCondition = cond;
+      const render3 = cond ? renderTrue : renderFalse;
+      if (!render3) {
+        currentNodes = collectBetween();
+        return;
+      }
+      const root2 = createRootContext(hostRoot);
+      const prev2 = pushRoot(root2);
+      let handledError2 = false;
+      try {
+        withHydrationRange(
+          startMarker.nextSibling,
+          endMarker,
+          parent.ownerDocument ?? document,
+          () => {
+            const output = untrack(render3);
+            if (output == null || output === false) {
+              return;
+            }
+            createElementFn(output);
+          }
+        );
+        currentNodes = collectBetween();
+      } catch (err) {
+        if (handleSuspend(err, root2)) {
+          handledError2 = true;
+          destroyRoot(root2);
+          return;
+        }
+        if (handleError(err, { source: "renderChild" }, root2)) {
+          handledError2 = true;
+          destroyRoot(root2);
+          return;
+        }
+        throw err;
+      } finally {
+        popRoot(prev2);
+        if (!handledError2) {
+          flushOnMount(root2);
+          currentRoot = root2;
+        } else {
+          currentRoot = null;
+        }
+      }
+      return;
+    }
     if (lastCondition === cond && currentNodes.length > 0) {
       return;
     }
@@ -2768,9 +1366,9 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse)
       return;
     }
     lastCondition = cond;
-    if (currentRoot2) {
-      destroyRoot(currentRoot2);
-      currentRoot2 = null;
+    if (currentRoot) {
+      destroyRoot(currentRoot);
+      currentRoot = null;
     }
     removeNodes(currentNodes);
     currentNodes = [];
@@ -2806,9 +1404,9 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse)
       popRoot(prev);
       if (!handledError) {
         flushOnMount(root);
-        currentRoot2 = root;
+        currentRoot = root;
       } else {
-        currentRoot2 = null;
+        currentRoot = null;
       }
     }
   };
@@ -2822,8 +1420,8 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse)
     },
     dispose: () => {
       dispose();
-      if (currentRoot2) {
-        destroyRoot(currentRoot2);
+      if (currentRoot) {
+        destroyRoot(currentRoot);
       }
       removeNodes(currentNodes);
       currentNodes = [];
@@ -2843,11 +1441,11 @@ function createPortal(container, render2, createElementFn) {
   const marker = document.createComment("fict:portal");
   container.appendChild(marker);
   let currentNodes = [];
-  let currentRoot2 = null;
+  let currentRoot = null;
   const dispose = createRenderEffect(() => {
-    if (currentRoot2) {
-      destroyRoot(currentRoot2);
-      currentRoot2 = null;
+    if (currentRoot) {
+      destroyRoot(currentRoot);
+      currentRoot = null;
     }
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
@@ -2884,16 +1482,16 @@ function createPortal(container, render2, createElementFn) {
       popRoot(prev);
       if (!handledError) {
         flushOnMount(root);
-        currentRoot2 = root;
+        currentRoot = root;
       } else {
-        currentRoot2 = null;
+        currentRoot = null;
       }
     }
   });
   const portalDispose = () => {
     dispose();
-    if (currentRoot2) {
-      destroyRoot(currentRoot2);
+    if (currentRoot) {
+      destroyRoot(currentRoot);
     }
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
@@ -3054,19 +1652,19 @@ function mergeProps(...sources) {
     }
   });
 }
-function keyed(target, key, options2) {
+function keyed(target, key, options) {
   return prop(() => {
     const resolvedTarget = isPropGetter(target) ? target() : target;
     const resolvedKey = typeof key === "function" ? key() : key;
     return resolvedTarget[resolvedKey];
-  }, options2);
+  }, options);
 }
-function prop(getter, options2) {
+function prop(getter, options) {
   if (isPropGetter(getter)) {
     return getter;
   }
   const fn = getter;
-  const unwrap2 = options2?.unwrap !== false;
+  const unwrap2 = options?.unwrap !== false;
   return __fictProp(
     createMemo(() => {
       const value = fn();
@@ -3081,19 +1679,27 @@ function prop(getter, options2) {
 // src/dom.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 var MATHML_NS = "http://www.w3.org/1998/Math/MathML";
-var isDev7 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
+var isDev2 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
 var nextComponentId = 1;
 function render(view, container) {
   const root = createRootContext();
   const prev = pushRoot(root);
-  let dom;
+  let dom = void 0;
   try {
     const output = view();
-    dom = createElement(output);
+    if (__fictIsHydrating()) {
+      withHydration(container, () => {
+        dom = createElement(output);
+      });
+    } else {
+      dom = createElement(output);
+    }
   } finally {
     popRoot(prev);
   }
-  container.replaceChildren(dom);
+  if (!__fictIsHydrating()) {
+    container.replaceChildren(dom);
+  }
   container.setAttribute("data-fict-fine-grained", "1");
   flushOnMount(root);
   const teardown = () => {
@@ -3102,6 +1708,25 @@ function render(view, container) {
   };
   return teardown;
 }
+function hydrateComponent(view, container) {
+  const root = createRootContext();
+  const prev = pushRoot(root);
+  __fictEnterHydration();
+  try {
+    withHydration(container, () => {
+      view();
+    });
+  } finally {
+    __fictExitHydration();
+    popRoot(prev);
+  }
+  container.setAttribute("data-fict-fine-grained", "1");
+  flushOnMount(root);
+  const teardown = () => {
+    destroyRoot(root);
+  };
+  return teardown;
+}
 function createElement(node) {
   return createElementWithContext(node, null);
 }
@@ -3110,7 +1735,7 @@ function resolveNamespace(tagName, namespace) {
   if (tagName === "math") return "mathml";
   if (namespace === "mathml") return "mathml";
   if (namespace === "svg") return "svg";
-  if (isDev7 && SVGElements.has(tagName)) return "svg";
+  if (isDev2 && SVGElements.has(tagName)) return "svg";
   return null;
 }
 function createElementWithContext(node, namespace) {
@@ -3120,6 +1745,13 @@ function createElementWithContext(node, namespace) {
   if (node === null || node === void 0 || node === false) {
     return document.createTextNode("");
   }
+  if (isReactive(node)) {
+    const resolved = node();
+    if (resolved === node) {
+      return document.createTextNode("");
+    }
+    return createElementWithContext(resolved, namespace);
+  }
   if (typeof node === "object" && node !== null && !(node instanceof Node)) {
     if ("marker" in node) {
       const handle = node;
@@ -3175,7 +1807,7 @@ function createElementWithContext(node, namespace) {
       }
     });
     const props = createPropsProxy(baseProps);
-    const hook = isDev7 ? getDevtoolsHook() : void 0;
+    const hook = isDev2 ? getDevtoolsHook() : void 0;
     const parentId = hook ? __fictGetCurrentComponentId() : void 0;
     const componentId = hook ? nextComponentId++ : void 0;
     if (hook?.registerComponent && componentId !== void 0) {
@@ -3196,6 +1828,27 @@ function createElementWithContext(node, namespace) {
         });
         onCleanup(() => hook.componentUnmount?.(componentId));
       }
+      if (__fictIsResumable() && !__fictIsHydrating()) {
+        const content = createElementWithContext(rendered, namespace);
+        const host = namespace === "svg" ? document.createElementNS(SVG_NS, "fict-host") : namespace === "mathml" ? document.createElementNS(MATHML_NS, "fict-host") : document.createElement("fict-host");
+        host.setAttribute("data-fict-host", "");
+        if (namespace === null && host.style) {
+          ;
+          host.style.display = "contents";
+        }
+        const meta = vnode.type.__fictMeta;
+        const typeKey = (meta?.id ?? vnode.type.name) || "Anonymous";
+        __fictRegisterScope(ctx, host, typeKey, rawProps);
+        if (meta?.resume) {
+          host.setAttribute("data-fict-h", meta.resume);
+        }
+        if (content instanceof DocumentFragment) {
+          host.append(...Array.from(content.childNodes));
+        } else {
+          host.appendChild(content);
+        }
+        return host;
+      }
       return createElementWithContext(rendered, namespace);
     } catch (err) {
       if (handleSuspend(err)) {
@@ -3231,7 +1884,7 @@ function template(html, isImportNode, isSVG, isMathML) {
     if (isSVG) {
       t.innerHTML = `<svg>${html}</svg>`;
       const wrapper = t.content.firstChild;
-      if (isDev7 && wrapper.childNodes.length !== 1) {
+      if (isDev2 && wrapper.childNodes.length !== 1) {
         console.warn(
           `[fict] template() received multi-root SVG content (${wrapper.childNodes.length} nodes). Returning a DocumentFragment. This may indicate a compiler bug or invalid JSX structure.`
         );
@@ -3246,7 +1899,7 @@ function template(html, isImportNode, isSVG, isMathML) {
     if (isMathML) {
       t.innerHTML = `<math>${html}</math>`;
       const wrapper = t.content.firstChild;
-      if (isDev7 && wrapper.childNodes.length !== 1) {
+      if (isDev2 && wrapper.childNodes.length !== 1) {
         console.warn(
           `[fict] template() received multi-root MathML content (${wrapper.childNodes.length} nodes). Returning a DocumentFragment. This may indicate a compiler bug or invalid JSX structure.`
         );
@@ -3260,7 +1913,7 @@ function template(html, isImportNode, isSVG, isMathML) {
     }
     t.innerHTML = html;
     const content = t.content;
-    if (isDev7 && content.childNodes.length !== 1) {
+    if (isDev2 && content.childNodes.length !== 1) {
       console.warn(
         `[fict] template() received multi-root content (${content.childNodes.length} nodes). Returning a DocumentFragment. This may indicate a compiler bug or invalid JSX structure.`
       );
@@ -3270,7 +1923,13 @@ function template(html, isImportNode, isSVG, isMathML) {
     }
     return content;
   };
-  const fn = isImportNode ? () => untrack2(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
+  const fn = isImportNode ? () => untrack2(() => {
+    const base = node || (node = create());
+    return isHydratingActive() ? claimNodes(base, () => document.importNode(base, true)) : document.importNode(base, true);
+  }) : () => {
+    const base = node || (node = create());
+    return isHydratingActive() ? claimNodes(base, () => base.cloneNode(true)) : base.cloneNode(true);
+  };
   fn.cloneNode = fn;
   return fn;
 }
@@ -3343,7 +2002,7 @@ function applyRef(el, value) {
       registerRootCleanup(() => {
         refFn(null);
       });
-    } else if (isDev7) {
+    } else if (isDev2) {
       console.warn(
         "[fict] Ref applied outside of a root context. The ref cleanup (setting to null) will not run automatically. Consider using createRoot() or ensure the element is created within a component."
       );
@@ -3356,7 +2015,7 @@ function applyRef(el, value) {
       registerRootCleanup(() => {
         refObj.current = null;
       });
-    } else if (isDev7) {
+    } else if (isDev2) {
       console.warn(
         "[fict] Ref applied outside of a root context. The ref cleanup (setting to null) will not run automatically. Consider using createRoot() or ensure the element is created within a component."
       );
@@ -3427,7 +2086,7 @@ function applyProps(el, props, isSVG = false) {
       }
       continue;
     }
-    if (isDev7 && ChildProperties.has(key) || key === "innerHTML" || key === "textContent" || key === "innerText" || key === "children") {
+    if (isDev2 && ChildProperties.has(key) || key === "innerHTML" || key === "textContent" || key === "innerText" || key === "children") {
       createAttributeBinding(el, key, value, setProperty);
       continue;
     }
@@ -3443,8 +2102,8 @@ function applyProps(el, props, isSVG = false) {
       createAttributeBinding(el, key.slice(5), value, setProperty);
       continue;
     }
-    const propAlias = !isSVG && isDev7 ? getPropAlias(key, tagName) : void 0;
-    const isProperty = !isSVG ? isDev7 ? Properties.has(key) : key in el : false;
+    const propAlias = !isSVG && isDev2 ? getPropAlias(key, tagName) : void 0;
+    const isProperty = !isSVG ? isDev2 ? Properties.has(key) : key in el : false;
     if (propAlias || isProperty || isCE && !isSVG) {
       const propName = propAlias || key;
       if (isCE && !isProperty && !propAlias) {
@@ -3547,59 +2206,19 @@ function eventNameFromProp(key) {
 }
 
 export {
-  BooleanAttributes,
-  Properties,
-  ChildProperties,
-  Aliases,
-  getPropAlias,
-  DelegatedEvents,
-  SVGElements,
-  SVGNamespace,
-  UnitlessStyles,
-  getDevtoolsHook,
-  setCycleProtectionOptions,
-  createRootContext,
-  pushRoot,
-  getCurrentRoot,
-  popRoot,
-  onMount,
-  onDestroy,
-  onCleanup,
-  flushOnMount,
-  registerRootCleanup,
-  destroyRoot,
-  createRoot,
-  registerErrorHandler,
-  registerSuspenseHandler,
-  handleError,
-  createMemo,
-  __fictUseContext,
-  __fictPushContext,
-  __fictPopContext,
-  __fictResetContext,
-  __fictUseSignal,
-  __fictUseMemo,
-  __fictUseEffect,
-  __fictRender,
-  flush,
-  signal,
-  effectScope,
-  batch,
-  setActiveSub,
-  __resetReactiveState,
-  untrack,
-  createSelector,
-  createEffect,
-  createRenderEffect,
+  withHydrationRange,
+  isHydratingActive,
   Fragment,
   toNodeArray,
   insertNodesBefore,
   removeNodes,
+  getSlotEnd,
+  resolvePath,
   startTransition,
   useTransition,
   useDeferredValue,
-  batch2,
-  untrack2,
+  batch2 as batch,
+  untrack2 as untrack,
   isReactive,
   unwrap,
   callEventHandler,
@@ -3614,6 +2233,7 @@ export {
   bindClass,
   classList,
   insert,
+  insertBetween,
   createChildBinding,
   delegateEvents,
   clearDelegatedEvents,
@@ -3632,7 +2252,8 @@ export {
   keyed,
   prop,
   render,
+  hydrateComponent,
   createElement,
   template
 };
-//# sourceMappingURL=chunk-SO6X7G5S.js.map
+//# sourceMappingURL=chunk-BQG7VEBY.js.map