@fictjs/runtime 0.10.0 → 0.11.0

package/dist/chunk-FHQZCAAK.cjs

@@ -0,0 +1,112 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+
+
+var _chunk4QGEN5SJcjs = require('./chunk-4QGEN5SJ.cjs');
+
+
+
+
+
+
+
+
+var _chunkQNMYVXRLcjs = require('./chunk-QNMYVXRL.cjs');
+
+// src/context.ts
+var contextStorage = /* @__PURE__ */ new WeakMap();
+function getContextMap(root) {
+  let map = contextStorage.get(root);
+  if (!map) {
+    map = /* @__PURE__ */ new Map();
+    contextStorage.set(root, map);
+  }
+  return map;
+}
+function createContext(defaultValue) {
+  const id = Symbol("fict.context");
+  const context = {
+    id,
+    defaultValue,
+    Provider: null
+  };
+  context.Provider = function Provider(props) {
+    const hostRoot = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
+    const providerRoot = _chunkQNMYVXRLcjs.createRootContext.call(void 0, hostRoot);
+    const contextMap = getContextMap(providerRoot);
+    contextMap.set(id, props.value);
+    const markerOwnerDocument = _nullishCoalesce(_nullishCoalesce(providerRoot.ownerDocument, () => ( _optionalChain([hostRoot, 'optionalAccess', _ => _.ownerDocument]))), () => ( document));
+    const fragment = markerOwnerDocument.createDocumentFragment();
+    const marker = markerOwnerDocument.createComment("fict:ctx");
+    fragment.appendChild(marker);
+    let cleanup;
+    let activeNodes = [];
+    const renderChildren = (children) => {
+      if (cleanup) {
+        cleanup();
+        cleanup = void 0;
+      }
+      if (activeNodes.length) {
+        _chunk4QGEN5SJcjs.removeNodes.call(void 0, activeNodes);
+        activeNodes = [];
+      }
+      if (children == null || children === false) {
+        return;
+      }
+      const prev = _chunkQNMYVXRLcjs.pushRoot.call(void 0, providerRoot);
+      let nodes = [];
+      try {
+        const output = _chunk4QGEN5SJcjs.createElement.call(void 0, children);
+        nodes = _chunk4QGEN5SJcjs.toNodeArray.call(void 0, output, markerOwnerDocument);
+        const parentNode = marker.parentNode;
+        if (parentNode) {
+          _chunk4QGEN5SJcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
+        }
+      } finally {
+        _chunkQNMYVXRLcjs.popRoot.call(void 0, prev);
+        _chunkQNMYVXRLcjs.flushOnMount.call(void 0, providerRoot);
+      }
+      cleanup = () => {
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, providerRoot);
+        _chunk4QGEN5SJcjs.removeNodes.call(void 0, nodes);
+      };
+      activeNodes = nodes;
+    };
+    _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
+      contextMap.set(id, props.value);
+      renderChildren(props.children);
+    });
+    return fragment;
+  };
+  return context;
+}
+function useContext(context) {
+  let root = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
+  while (root) {
+    const contextMap = contextStorage.get(root);
+    if (contextMap && contextMap.has(context.id)) {
+      return contextMap.get(context.id);
+    }
+    root = root.parent;
+  }
+  return context.defaultValue;
+}
+function hasContext(context) {
+  let root = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
+  while (root) {
+    const contextMap = contextStorage.get(root);
+    if (contextMap && contextMap.has(context.id)) {
+      return true;
+    }
+    root = root.parent;
+  }
+  return false;
+}
+
+
+
+
+
+exports.createContext = createContext; exports.useContext = useContext; exports.hasContext = hasContext;
+//# sourceMappingURL=chunk-FHQZCAAK.cjs.map

package/dist/chunk-FHQZCAAK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/fict/fict/packages/runtime/dist/chunk-FHQZCAAK.cjs","../src/context.ts"],"names":[],"mappings":"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","file":"/home/runner/work/fict/fict/packages/runtime/dist/chunk-FHQZCAAK.cjs","sourcesContent":[null,"/**\n * @fileoverview Context API for Fict\n *\n * Provides a way to pass data through the component tree without having to pass\n * props down manually at every level. Context is designed for:\n *\n * - SSR isolation (different request = different context values)\n * - Multi-instance support (multiple app roots with different values)\n * - Subtree scoping (override values in specific parts of the tree)\n *\n * ## Design Principles\n *\n * 1. **Reuses existing RootContext hierarchy** - Uses parent chain for value lookup,\n *    consistent with handleError/handleSuspend mechanisms.\n *\n * 2. **Zero extra root creation overhead** - Provider doesn't create new root,\n *    only mounts value on current root.\n *\n * 3. **Auto-aligned with insert/suspense boundaries** - Because they create child\n *    roots that inherit parent, context values propagate correctly.\n *\n * ## Usage\n *\n * ```tsx\n * // Create context with default value\n * const ThemeContext = createContext<'light' | 'dark'>('light')\n *\n * // Provide value to subtree\n * function App() {\n *   return (\n *     <ThemeContext.Provider value=\"dark\">\n *       <ThemedComponent />\n *     </ThemeContext.Provider>\n *   )\n * }\n *\n * // Consume value\n * function ThemedComponent() {\n *   const theme = useContext(ThemeContext)\n *   return <div class={theme}>...</div>\n * }\n * ```\n *\n * @module\n */\n\nimport { createElement } from './dom'\nimport { createRenderEffect } from './effect'\nimport {\n  createRootContext,\n  destroyRoot,\n  flushOnMount,\n  getCurrentRoot,\n  popRoot,\n  pushRoot,\n  type RootContext,\n} from './lifecycle'\nimport { insertNodesBefore, removeNodes, toNodeArray } from './node-ops'\nimport type { BaseProps, FictNode } from './types'\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Context object created by createContext.\n * Contains the Provider component and serves as a key for context lookup.\n */\nexport interface Context<T> {\n  /** Unique identifier for this context */\n  readonly id: symbol\n  /** Default value when no provider is found */\n  readonly defaultValue: T\n  /** Provider component for supplying context values */\n  Provider: ContextProvider<T>\n  /** Display name for debugging */\n  displayName?: string\n}\n\n/**\n * Props for the Context Provider component\n */\nexport interface ProviderProps<T> extends BaseProps {\n  /** The value to provide to the subtree */\n  value: T\n}\n\n/**\n * Provider component type\n */\nexport type ContextProvider<T> = (props: ProviderProps<T>) => FictNode\n\n// ============================================================================\n// Internal Context Storage\n// ============================================================================\n\n/**\n * WeakMap to store context values per RootContext.\n * Using WeakMap ensures proper garbage collection when roots are destroyed.\n */\nconst contextStorage = new WeakMap<RootContext, Map<symbol, unknown>>()\n\n/**\n * Get the context map for a root, creating it if needed\n */\nfunction getContextMap(root: RootContext): Map<symbol, unknown> {\n  let map = contextStorage.get(root)\n  if (!map) {\n    map = new Map()\n    contextStorage.set(root, map)\n  }\n  return map\n}\n\n// ============================================================================\n// Context API\n// ============================================================================\n\n/**\n * Creates a new context with the given default value.\n *\n * Context provides a way to pass values through the component tree without\n * explicit props drilling. It's especially useful for:\n *\n * - Theme data\n * - Locale/i18n settings\n * - Authentication state\n * - Feature flags\n * - Any data that many components at different nesting levels need\n *\n * @param defaultValue - The value to use when no Provider is found above in the tree\n * @returns A context object with a Provider component\n *\n * @example\n * ```tsx\n * // Create a theme context\n * const ThemeContext = createContext<'light' | 'dark'>('light')\n *\n * // Use the provider\n * function App() {\n *   return (\n *     <ThemeContext.Provider value=\"dark\">\n *       <Content />\n *     </ThemeContext.Provider>\n *   )\n * }\n *\n * // Consume the context\n * function Content() {\n *   const theme = useContext(ThemeContext)\n *   return <div class={`theme-${theme}`}>Hello</div>\n * }\n * ```\n */\nexport function createContext<T>(defaultValue: T): Context<T> {\n  const id = Symbol('fict.context')\n\n  const context: Context<T> = {\n    id,\n    defaultValue,\n    Provider: null as unknown as ContextProvider<T>,\n  }\n\n  // Create the Provider component\n  context.Provider = function Provider(props: ProviderProps<T>): FictNode {\n    const hostRoot = getCurrentRoot()\n\n    // Create a child root for the provider's subtree\n    // This establishes the provider boundary - children will look up from here\n    const providerRoot = createRootContext(hostRoot)\n\n    // Store the context value on this root\n    const contextMap = getContextMap(providerRoot)\n    contextMap.set(id, props.value)\n\n    // Create DOM structure\n    const markerOwnerDocument = providerRoot.ownerDocument ?? hostRoot?.ownerDocument ?? document\n    const fragment = markerOwnerDocument.createDocumentFragment()\n    const marker = markerOwnerDocument.createComment('fict:ctx')\n    fragment.appendChild(marker)\n\n    let cleanup: (() => void) | undefined\n    let activeNodes: Node[] = []\n\n    const renderChildren = (children: FictNode) => {\n      // Cleanup previous render\n      if (cleanup) {\n        cleanup()\n        cleanup = undefined\n      }\n      if (activeNodes.length) {\n        removeNodes(activeNodes)\n        activeNodes = []\n      }\n\n      if (children == null || children === false) {\n        return\n      }\n\n      const prev = pushRoot(providerRoot)\n      let nodes: Node[] = []\n      try {\n        const output = createElement(children)\n        nodes = toNodeArray(output, markerOwnerDocument)\n        const parentNode = marker.parentNode as (ParentNode & Node) | null\n        if (parentNode) {\n          insertNodesBefore(parentNode, nodes, marker)\n        }\n      } finally {\n        popRoot(prev)\n        flushOnMount(providerRoot)\n      }\n\n      cleanup = () => {\n        destroyRoot(providerRoot)\n        removeNodes(nodes)\n      }\n      activeNodes = nodes\n    }\n\n    // Initial render\n    createRenderEffect(() => {\n      // Update context value on re-render (if value prop changes reactively)\n      contextMap.set(id, props.value)\n      renderChildren(props.children)\n    })\n\n    return fragment\n  }\n\n  return context\n}\n\n/**\n * Reads the current value of a context.\n *\n * useContext looks up through the RootContext parent chain to find the\n * nearest Provider for this context. If no Provider is found, returns\n * the context's default value.\n *\n * @param context - The context object created by createContext\n * @returns The current context value\n *\n * @example\n * ```tsx\n * const ThemeContext = createContext('light')\n *\n * function ThemedButton() {\n *   const theme = useContext(ThemeContext)\n *   return <button class={theme === 'dark' ? 'btn-dark' : 'btn-light'}>Click</button>\n * }\n * ```\n */\nexport function useContext<T>(context: Context<T>): T {\n  let root = getCurrentRoot()\n\n  // Walk up the parent chain looking for the context value\n  while (root) {\n    const contextMap = contextStorage.get(root)\n    if (contextMap && contextMap.has(context.id)) {\n      return contextMap.get(context.id) as T\n    }\n    root = root.parent\n  }\n\n  // No provider found, return default value\n  return context.defaultValue\n}\n\n/**\n * Checks if a context value is currently provided in the tree.\n *\n * Useful for conditional behavior when a provider may or may not exist.\n *\n * @param context - The context object to check\n * @returns true if a Provider exists above in the tree\n *\n * @example\n * ```tsx\n * function OptionalTheme() {\n *   if (hasContext(ThemeContext)) {\n *     const theme = useContext(ThemeContext)\n *     return <div class={theme}>Themed content</div>\n *   }\n *   return <div>Default content</div>\n * }\n * ```\n */\nexport function hasContext<T>(context: Context<T>): boolean {\n  let root = getCurrentRoot()\n\n  while (root) {\n    const contextMap = contextStorage.get(root)\n    if (contextMap && contextMap.has(context.id)) {\n      return true\n    }\n    root = root.parent\n  }\n\n  return false\n}\n"]}

package/dist/{chunk-EQ5E4WOV.cjs → chunk-QNMYVXRL.cjs}

@@ -207,7 +207,13 @@ function setRootSuspendDevtools(root, suspended) {
   _optionalChain([hook, 'optionalAccess', _10 => _10.rootSuspend, 'optionalCall', _11 => _11(id, suspended)]);
 }
 function createRootContext(parent) {
-  const root = { parent, cleanups: [], destroyCallbacks: [], suspended: false };
+  const root = {
+    parent,
+    ownerDocument: _optionalChain([parent, 'optionalAccess', _12 => _12.ownerDocument]),
+    cleanups: [],
+    destroyCallbacks: [],
+    suspended: false
+  };
   registerRootDevtools(root);
   return root;
 }
@@ -292,7 +298,7 @@ function destroyRoot(root) {
   disposeRootDevtools(root);
 }
 function createRoot(fn, options2) {
-  const parent = _optionalChain([options2, 'optionalAccess', _12 => _12.inherit]) ? currentRoot : void 0;
+  const parent = _optionalChain([options2, 'optionalAccess', _13 => _13.inherit]) ? currentRoot : void 0;
   const root = createRootContext(parent);
   const prev = pushRoot(root);
   let value;
@@ -459,7 +465,7 @@ function createMemo(fn, options2) {
 }
 
 // src/hooks.ts
-var isDev3 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _13 => _13.env, 'optionalAccess', _14 => _14.NODE_ENV]) !== "production";
+var isDev3 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _14 => _14.env, 'optionalAccess', _15 => _15.NODE_ENV]) !== "production";
 var ctxStack = [];
 var preparedContext = null;
 function assertRenderContext(ctx, hookName) {
@@ -490,7 +496,7 @@ function __fictPrepareContext(ctx) {
   preparedContext = ctx;
 }
 function __fictGetCurrentComponentId() {
-  return _optionalChain([ctxStack, 'access', _15 => _15[ctxStack.length - 1], 'optionalAccess', _16 => _16.componentId]);
+  return _optionalChain([ctxStack, 'access', _16 => _16[ctxStack.length - 1], 'optionalAccess', _17 => _17.componentId]);
 }
 function __fictPopContext() {
   const ctx = ctxStack.pop();
@@ -507,7 +513,7 @@ function __fictUseSignal(ctx, initial, optionsOrSlot, slot) {
   if (!ctx.slots[index]) {
     ctx.slots[index] = signal(initial, options2);
   }
-  if (_optionalChain([options2, 'optionalAccess', _17 => _17.name])) {
+  if (_optionalChain([options2, 'optionalAccess', _18 => _18.name])) {
     if (!ctx.slotMap) ctx.slotMap = {};
     ctx.slotMap[options2.name] = index;
   }
@@ -552,7 +558,7 @@ function __fictRender(ctx, fn) {
 }
 
 // src/signal.ts
-var isDev4 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _18 => _18.env, 'optionalAccess', _19 => _19.NODE_ENV]) !== "production";
+var isDev4 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _19 => _19.env, 'optionalAccess', _20 => _20.NODE_ENV]) !== "production";
 var Mutable = 1;
 var Watching = 2;
 var Running = 4;
@@ -1040,9 +1046,9 @@ function signal(initialValue, options2) {
     flags: Mutable,
     __id: void 0
   };
-  if (_optionalChain([options2, 'optionalAccess', _20 => _20.equals]) !== void 0) s.equals = options2.equals;
-  if (_optionalChain([options2, 'optionalAccess', _21 => _21.name]) !== void 0) s.name = options2.name;
-  if (_optionalChain([options2, 'optionalAccess', _22 => _22.devToolsSource]) !== void 0) s.devToolsSource = options2.devToolsSource;
+  if (_optionalChain([options2, 'optionalAccess', _21 => _21.equals]) !== void 0) s.equals = options2.equals;
+  if (_optionalChain([options2, 'optionalAccess', _22 => _22.name]) !== void 0) s.name = options2.name;
+  if (_optionalChain([options2, 'optionalAccess', _23 => _23.devToolsSource]) !== void 0) s.devToolsSource = options2.devToolsSource;
   if (isDev4) registerSignalDevtools(s);
   const accessor = signalOper.bind(s);
   accessor[SIGNAL_MARKER] = true;
@@ -1099,10 +1105,10 @@ function computed(getter, options2) {
     getter,
     __id: void 0
   };
-  if (_optionalChain([options2, 'optionalAccess', _23 => _23.equals]) !== void 0) c.equals = options2.equals;
-  if (_optionalChain([options2, 'optionalAccess', _24 => _24.name]) !== void 0) c.name = options2.name;
-  if (_optionalChain([options2, 'optionalAccess', _25 => _25.devToolsSource]) !== void 0) c.devToolsSource = options2.devToolsSource;
-  if (_optionalChain([options2, 'optionalAccess', _26 => _26.internal]) === true) c.devToolsInternal = true;
+  if (_optionalChain([options2, 'optionalAccess', _24 => _24.equals]) !== void 0) c.equals = options2.equals;
+  if (_optionalChain([options2, 'optionalAccess', _25 => _25.name]) !== void 0) c.name = options2.name;
+  if (_optionalChain([options2, 'optionalAccess', _26 => _26.devToolsSource]) !== void 0) c.devToolsSource = options2.devToolsSource;
+  if (_optionalChain([options2, 'optionalAccess', _27 => _27.internal]) === true) c.devToolsInternal = true;
   if (isDev4) registerComputedDevtools(c);
   const bound = computedOper.bind(
     c
@@ -1161,8 +1167,8 @@ function effect(fn, options2) {
     deps: void 0,
     depsTail: void 0,
     flags: WatchingRunning,
-    ..._optionalChain([options2, 'optionalAccess', _27 => _27.name]) !== void 0 ? { name: options2.name } : {},
-    ..._optionalChain([options2, 'optionalAccess', _28 => _28.devToolsSource]) !== void 0 ? { devToolsSource: options2.devToolsSource } : {},
+    ..._optionalChain([options2, 'optionalAccess', _28 => _28.name]) !== void 0 ? { name: options2.name } : {},
+    ..._optionalChain([options2, 'optionalAccess', _29 => _29.devToolsSource]) !== void 0 ? { devToolsSource: options2.devToolsSource } : {},
     __id: void 0
   };
   const root = getCurrentRoot();
@@ -1203,8 +1209,8 @@ function effectWithCleanup(fn, cleanupRunner, root, options2) {
     depsTail: void 0,
     flags: WatchingRunning,
     runCleanup: cleanupRunner,
-    ..._optionalChain([options2, 'optionalAccess', _29 => _29.name]) !== void 0 ? { name: options2.name } : {},
-    ..._optionalChain([options2, 'optionalAccess', _30 => _30.devToolsSource]) !== void 0 ? { devToolsSource: options2.devToolsSource } : {},
+    ..._optionalChain([options2, 'optionalAccess', _30 => _30.name]) !== void 0 ? { name: options2.name } : {},
+    ..._optionalChain([options2, 'optionalAccess', _31 => _31.devToolsSource]) !== void 0 ? { devToolsSource: options2.devToolsSource } : {},
     __id: void 0
   };
   const resolvedRoot = _nullishCoalesce(root, () => ( getCurrentRoot()));
@@ -1373,7 +1379,7 @@ var flushEndDevtools = () => {
 };
 var clearDevtoolsSignalSetters = () => {
 };
-if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _31 => _31.env, 'optionalAccess', _32 => _32.NODE_ENV]) !== "production") {
+if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _32 => _32.env, 'optionalAccess', _33 => _33.NODE_ENV]) !== "production") {
   let nextDevtoolsId = 0;
   const getSignalSetterMap = () => {
     if (typeof globalThis === "undefined") return void 0;
@@ -1398,7 +1404,7 @@ if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" &&
     if (ownerId !== void 0) options2.ownerId = ownerId;
     hook.registerSignal(id, node.currentValue, options2);
     node.__id = id;
-    _optionalChain([getSignalSetterMap, 'call', _33 => _33(), 'optionalAccess', _34 => _34.set, 'call', _35 => _35(id, (value) => {
+    _optionalChain([getSignalSetterMap, 'call', _34 => _34(), 'optionalAccess', _35 => _35.set, 'call', _36 => _36(id, (value) => {
       signalOper.call(node, value);
     })]);
     return id;
@@ -1414,8 +1420,8 @@ if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" &&
     const id = identifiable.__id;
     if (!id) return;
     const hook = getDevtoolsHook();
-    _optionalChain([hook, 'optionalAccess', _36 => _36.disposeSignal, 'optionalCall', _37 => _37(id)]);
-    _optionalChain([getExistingSignalSetterMap, 'call', _38 => _38(), 'optionalAccess', _39 => _39.delete, 'call', _40 => _40(id)]);
+    _optionalChain([hook, 'optionalAccess', _37 => _37.disposeSignal, 'optionalCall', _38 => _38(id)]);
+    _optionalChain([getExistingSignalSetterMap, 'call', _39 => _39(), 'optionalAccess', _40 => _40.delete, 'call', _41 => _41(id)]);
     delete identifiable.__id;
   };
   registerComputedDevtools = (node) => {
@@ -1444,7 +1450,7 @@ if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" &&
     const id = identifiable.__id;
     if (!id) return;
     const hook = getDevtoolsHook();
-    _optionalChain([hook, 'optionalAccess', _41 => _41.disposeComputed, 'optionalCall', _42 => _42(id)]);
+    _optionalChain([hook, 'optionalAccess', _42 => _42.disposeComputed, 'optionalCall', _43 => _43(id)]);
     delete identifiable.__id;
   };
   registerEffectDevtools = (node) => {
@@ -1479,48 +1485,48 @@ if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" &&
     const hook = getDevtoolsHook();
     if (!hook) return;
     const id = node.__id;
-    if (id) _optionalChain([hook, 'access', _43 => _43.effectCleanup, 'optionalCall', _44 => _44(id)]);
+    if (id) _optionalChain([hook, 'access', _44 => _44.effectCleanup, 'optionalCall', _45 => _45(id)]);
   };
   disposeEffectDevtools = (node) => {
     const identifiable = node;
     const id = identifiable.__id;
     if (!id) return;
     const hook = getDevtoolsHook();
-    _optionalChain([hook, 'optionalAccess', _45 => _45.disposeEffect, 'optionalCall', _46 => _46(id)]);
+    _optionalChain([hook, 'optionalAccess', _46 => _46.disposeEffect, 'optionalCall', _47 => _47(id)]);
     delete identifiable.__id;
   };
   trackDependencyDevtools = (dep, sub) => {
     const hook = getDevtoolsHook();
-    if (!_optionalChain([hook, 'optionalAccess', _47 => _47.trackDependency])) return;
+    if (!_optionalChain([hook, 'optionalAccess', _48 => _48.trackDependency])) return;
     const depId = dep.__id;
     const subId = sub.__id;
     if (depId && subId) hook.trackDependency(subId, depId);
   };
   untrackDependencyDevtools = (dep, sub) => {
     const hook = getDevtoolsHook();
-    if (!_optionalChain([hook, 'optionalAccess', _48 => _48.untrackDependency])) return;
+    if (!_optionalChain([hook, 'optionalAccess', _49 => _49.untrackDependency])) return;
     const depId = dep.__id;
     const subId = sub.__id;
     if (depId && subId) hook.untrackDependency(subId, depId);
   };
   batchStartDevtools = () => {
     const hook = getDevtoolsHook();
-    _optionalChain([hook, 'optionalAccess', _49 => _49.batchStart, 'optionalCall', _50 => _50()]);
+    _optionalChain([hook, 'optionalAccess', _50 => _50.batchStart, 'optionalCall', _51 => _51()]);
   };
   batchEndDevtools = () => {
     const hook = getDevtoolsHook();
-    _optionalChain([hook, 'optionalAccess', _51 => _51.batchEnd, 'optionalCall', _52 => _52()]);
+    _optionalChain([hook, 'optionalAccess', _52 => _52.batchEnd, 'optionalCall', _53 => _53()]);
   };
   flushStartDevtools = () => {
     const hook = getDevtoolsHook();
-    _optionalChain([hook, 'optionalAccess', _53 => _53.flushStart, 'optionalCall', _54 => _54()]);
+    _optionalChain([hook, 'optionalAccess', _54 => _54.flushStart, 'optionalCall', _55 => _55()]);
   };
   flushEndDevtools = () => {
     const hook = getDevtoolsHook();
-    _optionalChain([hook, 'optionalAccess', _55 => _55.flushEnd, 'optionalCall', _56 => _56()]);
+    _optionalChain([hook, 'optionalAccess', _56 => _56.flushEnd, 'optionalCall', _57 => _57()]);
   };
   clearDevtoolsSignalSetters = () => {
-    _optionalChain([getExistingSignalSetterMap, 'call', _57 => _57(), 'optionalAccess', _58 => _58.clear, 'call', _59 => _59()]);
+    _optionalChain([getExistingSignalSetterMap, 'call', _58 => _58(), 'optionalAccess', _59 => _59.clear, 'call', _60 => _60()]);
   };
 }
 function createSelector(source, equalityFn = (a, b) => a === b) {
@@ -1651,7 +1657,7 @@ var DelegatedEventNames = [
 ];
 
 // src/constants.ts
-var isDev5 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _60 => _60.env, 'optionalAccess', _61 => _61.NODE_ENV]) !== "production";
+var isDev5 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _61 => _61.env, 'optionalAccess', _62 => _62.NODE_ENV]) !== "production";
 var booleans = isDev5 ? [
   "allowfullscreen",
   "async",
@@ -2386,18 +2392,18 @@ function __fictMergeSSRState(state) {
   Object.assign(snapshotState.scopes, state.scopes);
 }
 function __fictGetSSRScope(id) {
-  return _optionalChain([snapshotState, 'optionalAccess', _62 => _62.scopes, 'access', _63 => _63[id]]);
+  return _optionalChain([snapshotState, 'optionalAccess', _63 => _63.scopes, 'access', _64 => _64[id]]);
 }
 function __fictEnsureScope(scopeId, host, snapshot) {
   const existing = resumedScopes.get(scopeId);
   if (existing) return existing.ctx;
   const ctx = createContextFromSnapshot(snapshot);
   ctx.scopeId = scopeId;
-  if (_optionalChain([snapshot, 'optionalAccess', _64 => _64.t]) !== void 0) {
+  if (_optionalChain([snapshot, 'optionalAccess', _65 => _65.t]) !== void 0) {
     ctx.scopeType = snapshot.t;
   }
   const entry = { ctx, host };
-  if (_optionalChain([snapshot, 'optionalAccess', _65 => _65.props]) !== void 0) {
+  if (_optionalChain([snapshot, 'optionalAccess', _66 => _66.props]) !== void 0) {
     entry.props = snapshot.props;
   }
   resumedScopes.set(scopeId, entry);
@@ -2413,11 +2419,11 @@ function __fictUseLexicalScope(scopeId, names) {
   return names.map((name) => ctx.slots[_nullishCoalesce(map[name], () => ( -1))]);
 }
 function __fictGetScopeProps(scopeId) {
-  return _optionalChain([resumedScopes, 'access', _66 => _66.get, 'call', _67 => _67(scopeId), 'optionalAccess', _68 => _68.props]);
+  return _optionalChain([resumedScopes, 'access', _67 => _67.get, 'call', _68 => _68(scopeId), 'optionalAccess', _69 => _69.props]);
 }
 function __fictQrl(moduleId, exportName) {
   const manifest = globalThis.__FICT_MANIFEST__;
-  if (_optionalChain([manifest, 'optionalAccess', _69 => _69[moduleId]])) {
+  if (_optionalChain([manifest, 'optionalAccess', _70 => _70[moduleId]])) {
     return `${manifest[moduleId]}#${exportName}`;
   }
   if (moduleId.startsWith("file://")) {
@@ -2721,4 +2727,4 @@ function deserializeValue(value, refs = /* @__PURE__ */ new Map(), path = "$") {
 
 
 exports.getDevtoolsHook = getDevtoolsHook; exports.setCycleProtectionOptions = setCycleProtectionOptions; exports.createRootContext = createRootContext; exports.pushRoot = pushRoot; exports.getCurrentRoot = getCurrentRoot; exports.popRoot = popRoot; exports.onMount = onMount; exports.onDestroy = onDestroy; exports.onCleanup = onCleanup; exports.flushOnMount = flushOnMount; exports.registerRootCleanup = registerRootCleanup; exports.destroyRoot = destroyRoot; exports.createRoot = createRoot; exports.registerErrorHandler = registerErrorHandler; exports.registerSuspenseHandler = registerSuspenseHandler; exports.handleError = handleError; exports.handleSuspend = handleSuspend; exports.createEffect = createEffect; exports.createRenderEffect = createRenderEffect; exports.__fictUseContext = __fictUseContext; exports.__fictPushContext = __fictPushContext; exports.__fictPrepareContext = __fictPrepareContext; exports.__fictGetCurrentComponentId = __fictGetCurrentComponentId; exports.__fictPopContext = __fictPopContext; exports.__fictResetContext = __fictResetContext; exports.__fictUseSignal = __fictUseSignal; exports.__fictUseMemo = __fictUseMemo; exports.__fictUseEffect = __fictUseEffect; exports.__fictRender = __fictRender; exports.scheduleFlush = scheduleFlush; exports.flush = flush; exports.signal = signal; exports.computed = computed; exports.effectScope = effectScope; exports.batch = batch; exports.setActiveSub = setActiveSub; exports.__resetReactiveState = __resetReactiveState; exports.untrack = untrack; exports.isSignal = isSignal; exports.isComputed = isComputed; exports.isEffect = isEffect; exports.isEffectScope = isEffectScope; exports.setTransitionContext = setTransitionContext; exports.createSelector = createSelector; exports.createMemo = createMemo; exports.BooleanAttributes = BooleanAttributes; exports.Properties = Properties; exports.ChildProperties = ChildProperties; exports.Aliases = Aliases; exports.getPropAlias = getPropAlias; exports.$$EVENTS = $$EVENTS; exports.DelegatedEvents = DelegatedEvents; exports.SVGElements = SVGElements; exports.SVGNamespace = SVGNamespace; exports.UnitlessStyles = UnitlessStyles; exports.__fictSetSSRStreamHooks = __fictSetSSRStreamHooks; exports.__fictGetSSRStreamHooks = __fictGetSSRStreamHooks; exports.__fictPushSSRBoundary = __fictPushSSRBoundary; exports.__fictPopSSRBoundary = __fictPopSSRBoundary; exports.createStore = createStore; exports.isStoreProxy = isStoreProxy; exports.unwrapStore = unwrapStore; exports.FICT_SSR_SNAPSHOT_SCHEMA_VERSION = FICT_SSR_SNAPSHOT_SCHEMA_VERSION; exports.__fictEnableSSR = __fictEnableSSR; exports.__fictDisableSSR = __fictDisableSSR; exports.__fictEnableResumable = __fictEnableResumable; exports.__fictDisableResumable = __fictDisableResumable; exports.__fictIsResumable = __fictIsResumable; exports.__fictIsSSR = __fictIsSSR; exports.__fictEnterHydration = __fictEnterHydration; exports.__fictExitHydration = __fictExitHydration; exports.__fictIsHydrating = __fictIsHydrating; exports.__fictRegisterScope = __fictRegisterScope; exports.__fictGetScopeRegistry = __fictGetScopeRegistry; exports.__fictGetScopesForBoundary = __fictGetScopesForBoundary; exports.__fictSerializeSSRState = __fictSerializeSSRState; exports.__fictSerializeSSRStateForScopes = __fictSerializeSSRStateForScopes; exports.__fictSetSSRState = __fictSetSSRState; exports.__fictMergeSSRState = __fictMergeSSRState; exports.__fictGetSSRScope = __fictGetSSRScope; exports.__fictEnsureScope = __fictEnsureScope; exports.__fictUseLexicalScope = __fictUseLexicalScope; exports.__fictGetScopeProps = __fictGetScopeProps; exports.__fictQrl = __fictQrl; exports.__fictRegisterResume = __fictRegisterResume; exports.__fictGetResume = __fictGetResume; exports.serializeValue = serializeValue; exports.deserializeValue = deserializeValue;
-//# sourceMappingURL=chunk-EQ5E4WOV.cjs.map
+//# sourceMappingURL=chunk-QNMYVXRL.cjs.map