@fictjs/runtime 0.0.14 → 0.1.0

package/dist/{chunk-F3AIYQB7.js → chunk-CF3OHML2.js}

@@ -4,7 +4,7 @@ import {
   isReactive,
   onCleanup,
   registerRootCleanup
-} from "./chunk-RY4WDS6R.js";
+} from "./chunk-BWZFJXUI.js";
 
 // src/scope.ts
 function createScope() {
@@ -17,7 +17,7 @@ function createScope() {
   };
   const run = (fn) => {
     stop();
-    const { dispose: rootDispose, value } = createRoot(fn);
+    const { dispose: rootDispose, value } = createRoot(fn, { inherit: true });
     dispose = rootDispose;
     return value;
   };
@@ -42,4 +42,4 @@ export {
   createScope,
   runInScope
 };
-//# sourceMappingURL=chunk-F3AIYQB7.js.map
+//# sourceMappingURL=chunk-CF3OHML2.js.map

package/dist/chunk-CF3OHML2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scope.ts"],"sourcesContent":["import { isReactive, type MaybeReactive } from './binding'\nimport { createEffect } from './effect'\nimport { createRoot, onCleanup, registerRootCleanup } from './lifecycle'\n\nexport { effectScope } from './signal'\n\nexport interface ReactiveScope {\n  run<T>(fn: () => T): T\n  stop(): void\n}\n\n/**\n * Create an explicit reactive scope that can contain effects/memos and be stopped manually.\n * The scope registers with the current root for cleanup.\n */\nexport function createScope(): ReactiveScope {\n  let dispose: (() => void) | null = null\n\n  const stop = () => {\n    if (dispose) {\n      dispose()\n      dispose = null\n    }\n  }\n\n  const run = <T>(fn: () => T): T => {\n    stop()\n    const { dispose: rootDispose, value } = createRoot(fn, { inherit: true })\n    dispose = rootDispose\n    return value\n  }\n\n  registerRootCleanup(stop)\n  return { run, stop }\n}\n\n/**\n * Run a block of reactive code inside a managed scope that follows a boolean flag.\n * When the flag turns false, the scope is disposed and all contained effects/memos are cleaned up.\n */\nexport function runInScope(flag: MaybeReactive<boolean>, fn: () => void): void {\n  const scope = createScope()\n  const evaluate = () => (isReactive(flag) ? (flag as () => boolean)() : !!flag)\n\n  createEffect(() => {\n    const enabled = evaluate()\n    if (enabled) {\n      scope.run(fn)\n    } else {\n      scope.stop()\n    }\n  })\n\n  onCleanup(scope.stop)\n}\n"],"mappings":";;;;;;;;;AAeO,SAAS,cAA6B;AAC3C,MAAI,UAA+B;AAEnC,QAAM,OAAO,MAAM;AACjB,QAAI,SAAS;AACX,cAAQ;AACR,gBAAU;AAAA,IACZ;AAAA,EACF;AAEA,QAAM,MAAM,CAAI,OAAmB;AACjC,SAAK;AACL,UAAM,EAAE,SAAS,aAAa,MAAM,IAAI,WAAW,IAAI,EAAE,SAAS,KAAK,CAAC;AACxE,cAAU;AACV,WAAO;AAAA,EACT;AAEA,sBAAoB,IAAI;AACxB,SAAO,EAAE,KAAK,KAAK;AACrB;AAMO,SAAS,WAAW,MAA8B,IAAsB;AAC7E,QAAM,QAAQ,YAAY;AAC1B,QAAM,WAAW,MAAO,WAAW,IAAI,IAAK,KAAuB,IAAI,CAAC,CAAC;AAEzE,eAAa,MAAM;AACjB,UAAM,UAAU,SAAS;AACzB,QAAI,SAAS;AACX,YAAM,IAAI,EAAE;AAAA,IACd,OAAO;AACL,YAAM,KAAK;AAAA,IACb;AAAA,EACF,CAAC;AAED,YAAU,MAAM,IAAI;AACtB;","names":[]}

package/dist/{chunk-GJTYOFMO.cjs → chunk-Q4EN6BXV.cjs}

@@ -10,7 +10,7 @@
 
 
 
-var _chunkPMF6MWEVcjs = require('./chunk-PMF6MWEV.cjs');
+var _chunk7WAGAQLTcjs = require('./chunk-7WAGAQLT.cjs');
 
 // src/context.ts
 var contextStorage = /* @__PURE__ */ new WeakMap();
@@ -30,8 +30,8 @@ function createContext(defaultValue) {
     Provider: null
   };
   context.Provider = function Provider(props) {
-    const hostRoot = _chunkPMF6MWEVcjs.getCurrentRoot.call(void 0, );
-    const providerRoot = _chunkPMF6MWEVcjs.createRootContext.call(void 0, hostRoot);
+    const hostRoot = _chunk7WAGAQLTcjs.getCurrentRoot.call(void 0, );
+    const providerRoot = _chunk7WAGAQLTcjs.createRootContext.call(void 0, hostRoot);
     const contextMap = getContextMap(providerRoot);
     contextMap.set(id, props.value);
     const fragment = document.createDocumentFragment();
@@ -45,32 +45,32 @@ function createContext(defaultValue) {
         cleanup = void 0;
       }
       if (activeNodes.length) {
-        _chunkPMF6MWEVcjs.removeNodes.call(void 0, activeNodes);
+        _chunk7WAGAQLTcjs.removeNodes.call(void 0, activeNodes);
         activeNodes = [];
       }
       if (children == null || children === false) {
         return;
       }
-      const prev = _chunkPMF6MWEVcjs.pushRoot.call(void 0, providerRoot);
+      const prev = _chunk7WAGAQLTcjs.pushRoot.call(void 0, providerRoot);
       let nodes = [];
       try {
-        const output = _chunkPMF6MWEVcjs.createElement.call(void 0, children);
-        nodes = _chunkPMF6MWEVcjs.toNodeArray.call(void 0, output);
+        const output = _chunk7WAGAQLTcjs.createElement.call(void 0, children);
+        nodes = _chunk7WAGAQLTcjs.toNodeArray.call(void 0, output);
         const parentNode = marker.parentNode;
         if (parentNode) {
-          _chunkPMF6MWEVcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
+          _chunk7WAGAQLTcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
         }
       } finally {
-        _chunkPMF6MWEVcjs.popRoot.call(void 0, prev);
-        _chunkPMF6MWEVcjs.flushOnMount.call(void 0, providerRoot);
+        _chunk7WAGAQLTcjs.popRoot.call(void 0, prev);
+        _chunk7WAGAQLTcjs.flushOnMount.call(void 0, providerRoot);
       }
       cleanup = () => {
-        _chunkPMF6MWEVcjs.destroyRoot.call(void 0, providerRoot);
-        _chunkPMF6MWEVcjs.removeNodes.call(void 0, nodes);
+        _chunk7WAGAQLTcjs.destroyRoot.call(void 0, providerRoot);
+        _chunk7WAGAQLTcjs.removeNodes.call(void 0, nodes);
       };
       activeNodes = nodes;
     };
-    _chunkPMF6MWEVcjs.createRenderEffect.call(void 0, () => {
+    _chunk7WAGAQLTcjs.createRenderEffect.call(void 0, () => {
       contextMap.set(id, props.value);
       renderChildren(props.children);
     });
@@ -79,7 +79,7 @@ function createContext(defaultValue) {
   return context;
 }
 function useContext(context) {
-  let root = _chunkPMF6MWEVcjs.getCurrentRoot.call(void 0, );
+  let root = _chunk7WAGAQLTcjs.getCurrentRoot.call(void 0, );
   while (root) {
     const contextMap = contextStorage.get(root);
     if (contextMap && contextMap.has(context.id)) {
@@ -90,7 +90,7 @@ function useContext(context) {
   return context.defaultValue;
 }
 function hasContext(context) {
-  let root = _chunkPMF6MWEVcjs.getCurrentRoot.call(void 0, );
+  let root = _chunk7WAGAQLTcjs.getCurrentRoot.call(void 0, );
   while (root) {
     const contextMap = contextStorage.get(root);
     if (contextMap && contextMap.has(context.id)) {
@@ -106,4 +106,4 @@ function hasContext(context) {
 
 
 exports.createContext = createContext; exports.useContext = useContext; exports.hasContext = hasContext;
-//# sourceMappingURL=chunk-GJTYOFMO.cjs.map
+//# sourceMappingURL=chunk-Q4EN6BXV.cjs.map

package/dist/{chunk-GJTYOFMO.cjs.map → chunk-Q4EN6BXV.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/fict/fict/packages/runtime/dist/chunk-GJTYOFMO.cjs","../src/context.ts"],"names":[],"mappings":"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","file":"/home/runner/work/fict/fict/packages/runtime/dist/chunk-GJTYOFMO.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 {\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 { createRenderEffect } from './effect'\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 fragment = document.createDocumentFragment()\n    const marker = document.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)\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"]}
+{"version":3,"sources":["/home/runner/work/fict/fict/packages/runtime/dist/chunk-Q4EN6BXV.cjs","../src/context.ts"],"names":[],"mappings":"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","file":"/home/runner/work/fict/fict/packages/runtime/dist/chunk-Q4EN6BXV.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 {\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 { createRenderEffect } from './effect'\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 fragment = document.createDocumentFragment()\n    const marker = document.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)\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-IUZXKAAY.js → chunk-V62XZLDU.js}

@@ -10,7 +10,7 @@ import {
   pushRoot,
   removeNodes,
   toNodeArray
-} from "./chunk-RY4WDS6R.js";
+} from "./chunk-BWZFJXUI.js";
 
 // src/context.ts
 var contextStorage = /* @__PURE__ */ new WeakMap();
@@ -106,4 +106,4 @@ export {
   useContext,
   hasContext
 };
-//# sourceMappingURL=chunk-IUZXKAAY.js.map
+//# sourceMappingURL=chunk-V62XZLDU.js.map

package/dist/{chunk-624QY53A.cjs → chunk-YQ4IB7NC.cjs}

@@ -4,7 +4,7 @@
 
 
 
-var _chunkPMF6MWEVcjs = require('./chunk-PMF6MWEV.cjs');
+var _chunk7WAGAQLTcjs = require('./chunk-7WAGAQLT.cjs');
 
 // src/scope.ts
 function createScope() {
@@ -17,17 +17,17 @@ function createScope() {
   };
   const run = (fn) => {
     stop();
-    const { dispose: rootDispose, value } = _chunkPMF6MWEVcjs.createRoot.call(void 0, fn);
+    const { dispose: rootDispose, value } = _chunk7WAGAQLTcjs.createRoot.call(void 0, fn, { inherit: true });
     dispose = rootDispose;
     return value;
   };
-  _chunkPMF6MWEVcjs.registerRootCleanup.call(void 0, stop);
+  _chunk7WAGAQLTcjs.registerRootCleanup.call(void 0, stop);
   return { run, stop };
 }
 function runInScope(flag, fn) {
   const scope = createScope();
-  const evaluate = () => _chunkPMF6MWEVcjs.isReactive.call(void 0, flag) ? flag() : !!flag;
-  _chunkPMF6MWEVcjs.createEffect.call(void 0, () => {
+  const evaluate = () => _chunk7WAGAQLTcjs.isReactive.call(void 0, flag) ? flag() : !!flag;
+  _chunk7WAGAQLTcjs.createEffect.call(void 0, () => {
     const enabled = evaluate();
     if (enabled) {
       scope.run(fn);
@@ -35,11 +35,11 @@ function runInScope(flag, fn) {
       scope.stop();
     }
   });
-  _chunkPMF6MWEVcjs.onCleanup.call(void 0, scope.stop);
+  _chunk7WAGAQLTcjs.onCleanup.call(void 0, scope.stop);
 }
 
 
 
 
 exports.createScope = createScope; exports.runInScope = runInScope;
-//# sourceMappingURL=chunk-624QY53A.cjs.map
+//# sourceMappingURL=chunk-YQ4IB7NC.cjs.map

package/dist/chunk-YQ4IB7NC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/fict/fict/packages/runtime/dist/chunk-YQ4IB7NC.cjs","../src/scope.ts"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACOO,SAAS,WAAA,CAAA,EAA6B;AAC3C,EAAA,IAAI,QAAA,EAA+B,IAAA;AAEnC,EAAA,MAAM,KAAA,EAAO,CAAA,EAAA,GAAM;AACjB,IAAA,GAAA,CAAI,OAAA,EAAS;AACX,MAAA,OAAA,CAAQ,CAAA;AACR,MAAA,QAAA,EAAU,IAAA;AAAA,IACZ;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,IAAA,EAAM,CAAI,EAAA,EAAA,GAAmB;AACjC,IAAA,IAAA,CAAK,CAAA;AACL,IAAA,MAAM,EAAE,OAAA,EAAS,WAAA,EAAa,MAAM,EAAA,EAAI,0CAAA,EAAW,EAAI,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA;AACxE,IAAA,QAAA,EAAU,WAAA;AACV,IAAA,OAAO,KAAA;AAAA,EACT,CAAA;AAEA,EAAA,mDAAA,IAAwB,CAAA;AACxB,EAAA,OAAO,EAAE,GAAA,EAAK,KAAK,CAAA;AACrB;AAMO,SAAS,UAAA,CAAW,IAAA,EAA8B,EAAA,EAAsB;AAC7E,EAAA,MAAM,MAAA,EAAQ,WAAA,CAAY,CAAA;AAC1B,EAAA,MAAM,SAAA,EAAW,CAAA,EAAA,GAAO,0CAAA,IAAe,EAAA,EAAK,IAAA,CAAuB,EAAA,EAAI,CAAC,CAAC,IAAA;AAEzE,EAAA,4CAAA,CAAa,EAAA,GAAM;AACjB,IAAA,MAAM,QAAA,EAAU,QAAA,CAAS,CAAA;AACzB,IAAA,GAAA,CAAI,OAAA,EAAS;AACX,MAAA,KAAA,CAAM,GAAA,CAAI,EAAE,CAAA;AAAA,IACd,EAAA,KAAO;AACL,MAAA,KAAA,CAAM,IAAA,CAAK,CAAA;AAAA,IACb;AAAA,EACF,CAAC,CAAA;AAED,EAAA,yCAAA,KAAU,CAAM,IAAI,CAAA;AACtB;ADfA;AACA;AACE;AACA;AACF,mEAAC","file":"/home/runner/work/fict/fict/packages/runtime/dist/chunk-YQ4IB7NC.cjs","sourcesContent":[null,"import { isReactive, type MaybeReactive } from './binding'\nimport { createEffect } from './effect'\nimport { createRoot, onCleanup, registerRootCleanup } from './lifecycle'\n\nexport { effectScope } from './signal'\n\nexport interface ReactiveScope {\n  run<T>(fn: () => T): T\n  stop(): void\n}\n\n/**\n * Create an explicit reactive scope that can contain effects/memos and be stopped manually.\n * The scope registers with the current root for cleanup.\n */\nexport function createScope(): ReactiveScope {\n  let dispose: (() => void) | null = null\n\n  const stop = () => {\n    if (dispose) {\n      dispose()\n      dispose = null\n    }\n  }\n\n  const run = <T>(fn: () => T): T => {\n    stop()\n    const { dispose: rootDispose, value } = createRoot(fn, { inherit: true })\n    dispose = rootDispose\n    return value\n  }\n\n  registerRootCleanup(stop)\n  return { run, stop }\n}\n\n/**\n * Run a block of reactive code inside a managed scope that follows a boolean flag.\n * When the flag turns false, the scope is disposed and all contained effects/memos are cleaned up.\n */\nexport function runInScope(flag: MaybeReactive<boolean>, fn: () => void): void {\n  const scope = createScope()\n  const evaluate = () => (isReactive(flag) ? (flag as () => boolean)() : !!flag)\n\n  createEffect(() => {\n    const enabled = evaluate()\n    if (enabled) {\n      scope.run(fn)\n    } else {\n      scope.stop()\n    }\n  })\n\n  onCleanup(scope.stop)\n}\n"]}

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkGJTYOFMOcjs = require('./chunk-GJTYOFMO.cjs');
+var _chunkQ4EN6BXVcjs = require('./chunk-Q4EN6BXV.cjs');
 
 
 
@@ -34,7 +34,7 @@ var _chunkGJTYOFMOcjs = require('./chunk-GJTYOFMO.cjs');
 
 
 
-var _chunkPMF6MWEVcjs = require('./chunk-PMF6MWEV.cjs');
+var _chunk7WAGAQLTcjs = require('./chunk-7WAGAQLT.cjs');
 
 // src/ref.ts
 function createRef() {
@@ -46,8 +46,8 @@ function ErrorBoundary(props) {
   const fragment = document.createDocumentFragment();
   const marker = document.createComment("fict:error-boundary");
   fragment.appendChild(marker);
-  const currentView = _chunkPMF6MWEVcjs.signal.call(void 0, _nullishCoalesce(props.children, () => ( null)));
-  const hostRoot = _chunkPMF6MWEVcjs.getCurrentRoot.call(void 0, );
+  const currentView = _chunk7WAGAQLTcjs.signal.call(void 0, _nullishCoalesce(props.children, () => ( null)));
+  const hostRoot = _chunk7WAGAQLTcjs.getCurrentRoot.call(void 0, );
   let cleanup;
   let activeNodes = [];
   let renderingFallback = false;
@@ -63,26 +63,26 @@ function ErrorBoundary(props) {
       cleanup = void 0;
     }
     if (activeNodes.length) {
-      _chunkPMF6MWEVcjs.removeNodes.call(void 0, activeNodes);
+      _chunk7WAGAQLTcjs.removeNodes.call(void 0, activeNodes);
       activeNodes = [];
     }
     if (value == null || value === false) {
       return;
     }
-    const root = _chunkPMF6MWEVcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkPMF6MWEVcjs.pushRoot.call(void 0, root);
+    const root = _chunk7WAGAQLTcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunk7WAGAQLTcjs.pushRoot.call(void 0, root);
     let nodes = [];
     try {
-      const output = _chunkPMF6MWEVcjs.createElement.call(void 0, value);
-      nodes = _chunkPMF6MWEVcjs.toNodeArray.call(void 0, output);
+      const output = _chunk7WAGAQLTcjs.createElement.call(void 0, value);
+      nodes = _chunk7WAGAQLTcjs.toNodeArray.call(void 0, output);
       const parentNode = marker.parentNode;
       if (parentNode) {
-        _chunkPMF6MWEVcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
+        _chunk7WAGAQLTcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
       }
     } catch (err) {
-      _chunkPMF6MWEVcjs.popRoot.call(void 0, prev);
-      _chunkPMF6MWEVcjs.flushOnMount.call(void 0, root);
-      _chunkPMF6MWEVcjs.destroyRoot.call(void 0, root);
+      _chunk7WAGAQLTcjs.popRoot.call(void 0, prev);
+      _chunk7WAGAQLTcjs.flushOnMount.call(void 0, root);
+      _chunk7WAGAQLTcjs.destroyRoot.call(void 0, root);
       if (renderingFallback) {
         throw err;
       }
@@ -97,19 +97,19 @@ function ErrorBoundary(props) {
       }
       return;
     }
-    _chunkPMF6MWEVcjs.popRoot.call(void 0, prev);
-    _chunkPMF6MWEVcjs.flushOnMount.call(void 0, root);
+    _chunk7WAGAQLTcjs.popRoot.call(void 0, prev);
+    _chunk7WAGAQLTcjs.flushOnMount.call(void 0, root);
     cleanup = () => {
-      _chunkPMF6MWEVcjs.destroyRoot.call(void 0, root);
-      _chunkPMF6MWEVcjs.removeNodes.call(void 0, nodes);
+      _chunk7WAGAQLTcjs.destroyRoot.call(void 0, root);
+      _chunk7WAGAQLTcjs.removeNodes.call(void 0, nodes);
     };
     activeNodes = nodes;
   };
-  _chunkPMF6MWEVcjs.createEffect.call(void 0, () => {
+  _chunk7WAGAQLTcjs.createEffect.call(void 0, () => {
     const value = currentView();
     renderValue(value);
   });
-  _chunkPMF6MWEVcjs.registerErrorHandler.call(void 0, (err) => {
+  _chunk7WAGAQLTcjs.registerErrorHandler.call(void 0, (err) => {
     renderValue(toView(err));
     _optionalChain([props, 'access', _5 => _5.onError, 'optionalCall', _6 => _6(err)]);
     return true;
@@ -118,7 +118,7 @@ function ErrorBoundary(props) {
     const isGetter = typeof props.resetKeys === "function" && props.resetKeys.length === 0;
     const getter = isGetter ? props.resetKeys : void 0;
     let prev = isGetter ? getter() : props.resetKeys;
-    _chunkPMF6MWEVcjs.createEffect.call(void 0, () => {
+    _chunk7WAGAQLTcjs.createEffect.call(void 0, () => {
       const next = getter ? getter() : props.resetKeys;
       if (prev !== next) {
         prev = next;
@@ -147,11 +147,11 @@ function createSuspenseToken() {
 }
 var isThenable = (value) => typeof value === "object" && value !== null && typeof value.then === "function";
 function Suspense(props) {
-  const currentView = _chunkPMF6MWEVcjs.signal.call(void 0, _nullishCoalesce(props.children, () => ( null)));
-  const pending = _chunkPMF6MWEVcjs.signal.call(void 0, 0);
+  const currentView = _chunk7WAGAQLTcjs.signal.call(void 0, _nullishCoalesce(props.children, () => ( null)));
+  const pending = _chunk7WAGAQLTcjs.signal.call(void 0, 0);
   let resolvedOnce = false;
   let epoch = 0;
-  const hostRoot = _chunkPMF6MWEVcjs.getCurrentRoot.call(void 0, );
+  const hostRoot = _chunk7WAGAQLTcjs.getCurrentRoot.call(void 0, );
   const toFallback = (err) => typeof props.fallback === "function" ? props.fallback(err) : props.fallback;
   const switchView = (view) => {
     currentView(view);
@@ -163,42 +163,42 @@ function Suspense(props) {
       cleanup = void 0;
     }
     if (activeNodes.length) {
-      _chunkPMF6MWEVcjs.removeNodes.call(void 0, activeNodes);
+      _chunk7WAGAQLTcjs.removeNodes.call(void 0, activeNodes);
       activeNodes = [];
     }
     if (view == null || view === false) {
       return;
     }
-    const root = _chunkPMF6MWEVcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkPMF6MWEVcjs.pushRoot.call(void 0, root);
+    const root = _chunk7WAGAQLTcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunk7WAGAQLTcjs.pushRoot.call(void 0, root);
     let nodes = [];
     try {
-      const output = _chunkPMF6MWEVcjs.createElement.call(void 0, view);
-      nodes = _chunkPMF6MWEVcjs.toNodeArray.call(void 0, output);
+      const output = _chunk7WAGAQLTcjs.createElement.call(void 0, view);
+      nodes = _chunk7WAGAQLTcjs.toNodeArray.call(void 0, output);
       const suspendedAttempt = nodes.length > 0 && nodes.every((node) => node instanceof Comment && node.data === "fict:suspend");
       if (suspendedAttempt) {
-        _chunkPMF6MWEVcjs.popRoot.call(void 0, prev);
-        _chunkPMF6MWEVcjs.destroyRoot.call(void 0, root);
+        _chunk7WAGAQLTcjs.popRoot.call(void 0, prev);
+        _chunk7WAGAQLTcjs.destroyRoot.call(void 0, root);
         return;
       }
       const parentNode = marker.parentNode;
       if (parentNode) {
-        _chunkPMF6MWEVcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
+        _chunk7WAGAQLTcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
       }
     } catch (err) {
-      _chunkPMF6MWEVcjs.popRoot.call(void 0, prev);
-      _chunkPMF6MWEVcjs.flushOnMount.call(void 0, root);
-      _chunkPMF6MWEVcjs.destroyRoot.call(void 0, root);
-      if (!_chunkPMF6MWEVcjs.handleError.call(void 0, err, { source: "render" }, hostRoot)) {
+      _chunk7WAGAQLTcjs.popRoot.call(void 0, prev);
+      _chunk7WAGAQLTcjs.flushOnMount.call(void 0, root);
+      _chunk7WAGAQLTcjs.destroyRoot.call(void 0, root);
+      if (!_chunk7WAGAQLTcjs.handleError.call(void 0, err, { source: "render" }, hostRoot)) {
         throw err;
       }
       return;
     }
-    _chunkPMF6MWEVcjs.popRoot.call(void 0, prev);
-    _chunkPMF6MWEVcjs.flushOnMount.call(void 0, root);
+    _chunk7WAGAQLTcjs.popRoot.call(void 0, prev);
+    _chunk7WAGAQLTcjs.flushOnMount.call(void 0, root);
     cleanup = () => {
-      _chunkPMF6MWEVcjs.destroyRoot.call(void 0, root);
-      _chunkPMF6MWEVcjs.removeNodes.call(void 0, nodes);
+      _chunk7WAGAQLTcjs.destroyRoot.call(void 0, root);
+      _chunk7WAGAQLTcjs.removeNodes.call(void 0, nodes);
     };
     activeNodes = nodes;
   };
@@ -213,7 +213,7 @@ function Suspense(props) {
       _optionalChain([props, 'access', _7 => _7.onResolve, 'optionalCall', _8 => _8()]);
     }
   };
-  _chunkPMF6MWEVcjs.registerSuspenseHandler.call(void 0, (token) => {
+  _chunk7WAGAQLTcjs.registerSuspenseHandler.call(void 0, (token) => {
     const tokenEpoch = epoch;
     pending(pending() + 1);
     switchView(toFallback());
@@ -238,7 +238,7 @@ function Suspense(props) {
           const newPending = Math.max(0, pending() - 1);
           pending(newPending);
           _optionalChain([props, 'access', _9 => _9.onReject, 'optionalCall', _10 => _10(err)]);
-          if (!_chunkPMF6MWEVcjs.handleError.call(void 0, err, { source: "render" }, hostRoot)) {
+          if (!_chunk7WAGAQLTcjs.handleError.call(void 0, err, { source: "render" }, hostRoot)) {
             throw err;
           }
         }
@@ -247,14 +247,14 @@ function Suspense(props) {
     }
     return false;
   });
-  _chunkPMF6MWEVcjs.createEffect.call(void 0, () => {
+  _chunk7WAGAQLTcjs.createEffect.call(void 0, () => {
     renderView(currentView());
   });
   if (props.resetKeys !== void 0) {
     const isGetter = typeof props.resetKeys === "function" && props.resetKeys.length === 0;
     const getter = isGetter ? props.resetKeys : void 0;
     let prev = isGetter ? getter() : props.resetKeys;
-    _chunkPMF6MWEVcjs.createEffect.call(void 0, () => {
+    _chunk7WAGAQLTcjs.createEffect.call(void 0, () => {
       const next = getter ? getter() : props.resetKeys;
       if (prev !== next) {
         prev = next;
@@ -291,5 +291,5 @@ function Suspense(props) {
 
 
 
-exports.ErrorBoundary = ErrorBoundary; exports.Fragment = _chunkPMF6MWEVcjs.Fragment; exports.Suspense = Suspense; exports.batch = _chunkPMF6MWEVcjs.batch2; exports.createContext = _chunkGJTYOFMOcjs.createContext; exports.createEffect = _chunkPMF6MWEVcjs.createEffect; exports.createElement = _chunkPMF6MWEVcjs.createElement; exports.createMemo = _chunkPMF6MWEVcjs.createMemo; exports.createPortal = _chunkPMF6MWEVcjs.createPortal; exports.createRef = createRef; exports.createRoot = _chunkPMF6MWEVcjs.createRoot; exports.createSuspenseToken = createSuspenseToken; exports.hasContext = _chunkGJTYOFMOcjs.hasContext; exports.mergeProps = _chunkPMF6MWEVcjs.mergeProps; exports.onCleanup = _chunkPMF6MWEVcjs.onCleanup; exports.onDestroy = _chunkPMF6MWEVcjs.onDestroy; exports.onMount = _chunkPMF6MWEVcjs.onMount; exports.prop = _chunkPMF6MWEVcjs.prop; exports.render = _chunkPMF6MWEVcjs.render; exports.startTransition = _chunkPMF6MWEVcjs.startTransition; exports.untrack = _chunkPMF6MWEVcjs.untrack2; exports.useContext = _chunkGJTYOFMOcjs.useContext; exports.useDeferredValue = _chunkPMF6MWEVcjs.useDeferredValue; exports.useTransition = _chunkPMF6MWEVcjs.useTransition;
+exports.ErrorBoundary = ErrorBoundary; exports.Fragment = _chunk7WAGAQLTcjs.Fragment; exports.Suspense = Suspense; exports.batch = _chunk7WAGAQLTcjs.batch2; exports.createContext = _chunkQ4EN6BXVcjs.createContext; exports.createEffect = _chunk7WAGAQLTcjs.createEffect; exports.createElement = _chunk7WAGAQLTcjs.createElement; exports.createMemo = _chunk7WAGAQLTcjs.createMemo; exports.createPortal = _chunk7WAGAQLTcjs.createPortal; exports.createRef = createRef; exports.createRoot = _chunk7WAGAQLTcjs.createRoot; exports.createSuspenseToken = createSuspenseToken; exports.hasContext = _chunkQ4EN6BXVcjs.hasContext; exports.mergeProps = _chunk7WAGAQLTcjs.mergeProps; exports.onCleanup = _chunk7WAGAQLTcjs.onCleanup; exports.onDestroy = _chunk7WAGAQLTcjs.onDestroy; exports.onMount = _chunk7WAGAQLTcjs.onMount; exports.prop = _chunk7WAGAQLTcjs.prop; exports.render = _chunk7WAGAQLTcjs.render; exports.startTransition = _chunk7WAGAQLTcjs.startTransition; exports.untrack = _chunk7WAGAQLTcjs.untrack2; exports.useContext = _chunkQ4EN6BXVcjs.useContext; exports.useDeferredValue = _chunk7WAGAQLTcjs.useDeferredValue; exports.useTransition = _chunk7WAGAQLTcjs.useTransition;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { F as Fragment, J as JSX, M as Memo, e as createElement, c as createMemo, d as createRoot, m as mergeProps, b as onCleanup, a as onDestroy, o as onMount, p as prop, r as render } from './props-CrOMYbLv.cjs';
+export { F as Fragment, J as JSX, M as Memo, e as createElement, c as createMemo, d as createRoot, m as mergeProps, b as onCleanup, a as onDestroy, o as onMount, p as prop, r as render } from './props-BfmSLuyp.cjs';
 import { R as RefObject, B as BaseProps, F as FictNode, S as SuspenseToken } from './effect-Auji1rz9.cjs';
 export { p as ClassProp, C as Cleanup, l as Component, D as DOMElement, E as Effect, r as ErrorInfo, q as EventHandler, k as FictVNode, P as PropsWithChildren, m as Ref, n as RefCallback, o as StyleProp, h as createEffect, j as createPortal } from './effect-Auji1rz9.cjs';
 export { C as Context, P as ProviderProps, c as createContext, h as hasContext, u as useContext } from './context-UXySaqI_.cjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { F as Fragment, J as JSX, M as Memo, e as createElement, c as createMemo, d as createRoot, m as mergeProps, b as onCleanup, a as onDestroy, o as onMount, p as prop, r as render } from './props-ES0Ag_Wd.js';
+export { F as Fragment, J as JSX, M as Memo, e as createElement, c as createMemo, d as createRoot, m as mergeProps, b as onCleanup, a as onDestroy, o as onMount, p as prop, r as render } from './props-BBi8Tkks.js';
 import { R as RefObject, B as BaseProps, F as FictNode, S as SuspenseToken } from './effect-Auji1rz9.js';
 export { p as ClassProp, C as Cleanup, l as Component, D as DOMElement, E as Effect, r as ErrorInfo, q as EventHandler, k as FictVNode, P as PropsWithChildren, m as Ref, n as RefCallback, o as StyleProp, h as createEffect, j as createPortal } from './effect-Auji1rz9.js';
 export { C as Context, P as ProviderProps, c as createContext, h as hasContext, u as useContext } from './context-B7UYnfzM.js';

package/dist/index.dev.js

@@ -132,7 +132,7 @@ var currentRoot;
 var currentEffectCleanups;
 var globalErrorHandlers = /* @__PURE__ */ new WeakMap();
 var globalSuspenseHandlers = /* @__PURE__ */ new WeakMap();
-function createRootContext(parent = currentRoot) {
+function createRootContext(parent) {
   return { parent, cleanups: [], destroyCallbacks: [] };
 }
 function pushRoot(root) {
@@ -208,8 +208,9 @@ function destroyRoot(root) {
     globalSuspenseHandlers.delete(root);
   }
 }
-function createRoot(fn) {
-  const root = createRootContext();
+function createRoot(fn, options) {
+  const parent = options?.inherit ? currentRoot : void 0;
+  const root = createRootContext(parent);
   const prev = pushRoot(root);
   let value;
   try {
@@ -1301,8 +1302,7 @@ function getPropAlias(prop2, tagName) {
   return a;
 }
 var $$EVENTS = "_$FICT_DELEGATE";
-var delegatedEvents = isDev4 ? DelegatedEventNames : [];
-var DelegatedEvents = new Set(delegatedEvents);
+var DelegatedEvents = new Set(DelegatedEventNames);
 var svgElements = isDev4 ? [
   "altGlyph",
   "altGlyphDef",
@@ -1907,7 +1907,8 @@ function bindEvent(el, eventName, handler, options) {
   if (handler == null) return () => {
   };
   const rootRef = getCurrentRoot();
-  if (isDev5 && DelegatedEvents.has(eventName) && !options) {
+  const shouldDelegate = options == null && DelegatedEvents.has(eventName);
+  if (shouldDelegate) {
     const key = `$$${eventName}`;
     delegateEvents([eventName]);
     const resolveHandler = isReactive(handler) ? handler : () => handler;
@@ -2026,17 +2027,27 @@ function __fictPopContext() {
 }
 
 // src/props.ts
+var PROP_GETTER_MARKER = Symbol.for("fict:prop-getter");
 var propGetters = /* @__PURE__ */ new WeakSet();
 var rawToProxy = /* @__PURE__ */ new WeakMap();
 var proxyToRaw = /* @__PURE__ */ new WeakMap();
 function __fictProp(getter) {
   if (typeof getter === "function" && getter.length === 0) {
     propGetters.add(getter);
+    if (Object.isExtensible(getter)) {
+      try {
+        ;
+        getter[PROP_GETTER_MARKER] = true;
+      } catch {
+      }
+    }
   }
   return getter;
 }
 function isPropGetter(value) {
-  return typeof value === "function" && propGetters.has(value);
+  if (typeof value !== "function") return false;
+  const fn = value;
+  return propGetters.has(fn) || fn[PROP_GETTER_MARKER] === true;
 }
 function createPropsProxy(props) {
   if (!props || typeof props !== "object") {
@@ -2150,11 +2161,21 @@ function mergeProps(...sources) {
     }
   });
 }
-function prop(getter) {
+function prop(getter, options) {
   if (isPropGetter(getter)) {
     return getter;
   }
-  return __fictProp(createMemo(getter));
+  const fn = getter;
+  const unwrap = options?.unwrap !== false;
+  return __fictProp(
+    createMemo(() => {
+      const value = fn();
+      if (unwrap && isPropGetter(value)) {
+        return value();
+      }
+      return value;
+    })
+  );
 }
 
 // src/dom.ts