@fictjs/runtime 0.0.15 → 0.2.0

package/dist/advanced.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkGJTYOFMOcjs = require('./chunk-GJTYOFMO.cjs');
+var _chunk527QSKFMcjs = require('./chunk-527QSKFM.cjs');
 
 
 
-var _chunk624QY53Acjs = require('./chunk-624QY53A.cjs');
+var _chunkBSUMPMKXcjs = require('./chunk-BSUMPMKX.cjs');
 
 
 
@@ -23,13 +23,13 @@ var _chunk624QY53Acjs = require('./chunk-624QY53A.cjs');
 
 
 
-var _chunkPMF6MWEVcjs = require('./chunk-PMF6MWEV.cjs');
+var _chunkJ74L7UYPcjs = require('./chunk-J74L7UYP.cjs');
 
 // src/versioned-signal.ts
 function createVersionedSignal(initialValue, options) {
   const equals = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _ => _.equals]), () => ( Object.is));
-  const value = _chunkPMF6MWEVcjs.signal.call(void 0, initialValue);
-  const version = _chunkPMF6MWEVcjs.signal.call(void 0, 0);
+  const value = _chunkJ74L7UYPcjs.signal.call(void 0, initialValue);
+  const version = _chunkJ74L7UYPcjs.signal.call(void 0, 0);
   const bumpVersion = () => {
     const next = version() + 1;
     version(next);
@@ -50,8 +50,8 @@ function createVersionedSignal(initialValue, options) {
     force: () => {
       bumpVersion();
     },
-    peekVersion: () => _chunkPMF6MWEVcjs.untrack.call(void 0, () => version()),
-    peekValue: () => _chunkPMF6MWEVcjs.untrack.call(void 0, () => value())
+    peekVersion: () => _chunkJ74L7UYPcjs.untrack.call(void 0, () => version()),
+    peekValue: () => _chunkJ74L7UYPcjs.untrack.call(void 0, () => value())
   };
 }
 
@@ -75,5 +75,5 @@ function createVersionedSignal(initialValue, options) {
 
 
 
-exports.createAttributeBinding = _chunkPMF6MWEVcjs.createAttributeBinding; exports.createChildBinding = _chunkPMF6MWEVcjs.createChildBinding; exports.createClassBinding = _chunkPMF6MWEVcjs.createClassBinding; exports.createContext = _chunkGJTYOFMOcjs.createContext; exports.createRenderEffect = _chunkPMF6MWEVcjs.createRenderEffect; exports.createScope = _chunk624QY53Acjs.createScope; exports.createSelector = _chunkPMF6MWEVcjs.createSelector; exports.createShow = _chunkPMF6MWEVcjs.createShow; exports.createSignal = _chunkPMF6MWEVcjs.signal; exports.createStyleBinding = _chunkPMF6MWEVcjs.createStyleBinding; exports.createTextBinding = _chunkPMF6MWEVcjs.createTextBinding; exports.createVersionedSignal = createVersionedSignal; exports.effectScope = _chunkPMF6MWEVcjs.effectScope; exports.getDevtoolsHook = _chunkPMF6MWEVcjs.getDevtoolsHook; exports.hasContext = _chunkGJTYOFMOcjs.hasContext; exports.isReactive = _chunkPMF6MWEVcjs.isReactive; exports.runInScope = _chunk624QY53Acjs.runInScope; exports.setCycleProtectionOptions = _chunkPMF6MWEVcjs.setCycleProtectionOptions; exports.unwrap = _chunkPMF6MWEVcjs.unwrap; exports.useContext = _chunkGJTYOFMOcjs.useContext;
+exports.createAttributeBinding = _chunkJ74L7UYPcjs.createAttributeBinding; exports.createChildBinding = _chunkJ74L7UYPcjs.createChildBinding; exports.createClassBinding = _chunkJ74L7UYPcjs.createClassBinding; exports.createContext = _chunk527QSKFMcjs.createContext; exports.createRenderEffect = _chunkJ74L7UYPcjs.createRenderEffect; exports.createScope = _chunkBSUMPMKXcjs.createScope; exports.createSelector = _chunkJ74L7UYPcjs.createSelector; exports.createShow = _chunkJ74L7UYPcjs.createShow; exports.createSignal = _chunkJ74L7UYPcjs.signal; exports.createStyleBinding = _chunkJ74L7UYPcjs.createStyleBinding; exports.createTextBinding = _chunkJ74L7UYPcjs.createTextBinding; exports.createVersionedSignal = createVersionedSignal; exports.effectScope = _chunkJ74L7UYPcjs.effectScope; exports.getDevtoolsHook = _chunkJ74L7UYPcjs.getDevtoolsHook; exports.hasContext = _chunk527QSKFMcjs.hasContext; exports.isReactive = _chunkJ74L7UYPcjs.isReactive; exports.runInScope = _chunkBSUMPMKXcjs.runInScope; exports.setCycleProtectionOptions = _chunkJ74L7UYPcjs.setCycleProtectionOptions; exports.unwrap = _chunkJ74L7UYPcjs.unwrap; exports.useContext = _chunk527QSKFMcjs.useContext;
 //# sourceMappingURL=advanced.cjs.map

package/dist/advanced.d.cts

@@ -1,6 +1,6 @@
-export { R as ReactiveScope, S as Signal, c as createScope, a as createSelector, s as createSignal, e as effectScope, r as runInScope } from './scope-DKYzWfTn.cjs';
-export { b as createAttributeBinding, a as createChildBinding, e as createClassBinding, g as createRenderEffect, f as createShow, d as createStyleBinding, c as createTextBinding, i as isReactive, u as unwrap } from './effect-Auji1rz9.cjs';
-export { C as Context, P as ProviderProps, c as createContext, h as hasContext, u as useContext } from './context-UXySaqI_.cjs';
+export { R as ReactiveScope, S as Signal, c as createScope, a as createSelector, s as createSignal, e as effectScope, r as runInScope } from './scope-xmdo6lVU.cjs';
+export { b as createAttributeBinding, a as createChildBinding, e as createClassBinding, g as createRenderEffect, f as createShow, d as createStyleBinding, c as createTextBinding, i as isReactive, u as unwrap } from './effect-ClARNUCc.cjs';
+export { C as Context, P as ProviderProps, c as createContext, h as hasContext, u as useContext } from './context-9gFXOdJl.cjs';
 
 interface VersionedSignalOptions<T> {
     equals?: (prev: T, next: T) => boolean;

package/dist/advanced.d.ts

@@ -1,6 +1,6 @@
-export { R as ReactiveScope, S as Signal, c as createScope, a as createSelector, s as createSignal, e as effectScope, r as runInScope } from './scope-S6eAzBJZ.js';
-export { b as createAttributeBinding, a as createChildBinding, e as createClassBinding, g as createRenderEffect, f as createShow, d as createStyleBinding, c as createTextBinding, i as isReactive, u as unwrap } from './effect-Auji1rz9.js';
-export { C as Context, P as ProviderProps, c as createContext, h as hasContext, u as useContext } from './context-B7UYnfzM.js';
+export { R as ReactiveScope, S as Signal, c as createScope, a as createSelector, s as createSignal, e as effectScope, r as runInScope } from './scope-DvgMquEy.js';
+export { b as createAttributeBinding, a as createChildBinding, e as createClassBinding, g as createRenderEffect, f as createShow, d as createStyleBinding, c as createTextBinding, i as isReactive, u as unwrap } from './effect-ClARNUCc.js';
+export { C as Context, P as ProviderProps, c as createContext, h as hasContext, u as useContext } from './context-4woHo7-L.js';
 
 interface VersionedSignalOptions<T> {
     equals?: (prev: T, next: T) => boolean;

package/dist/advanced.js

@@ -2,11 +2,11 @@ import {
   createContext,
   hasContext,
   useContext
-} from "./chunk-IUZXKAAY.js";
+} from "./chunk-FG3M7EBL.js";
 import {
   createScope,
   runInScope
-} from "./chunk-F3AIYQB7.js";
+} from "./chunk-QV5GOCR5.js";
 import {
   createAttributeBinding,
   createChildBinding,
@@ -23,7 +23,7 @@ import {
   signal,
   untrack,
   unwrap
-} from "./chunk-RY4WDS6R.js";
+} from "./chunk-5KXEEQUO.js";
 
 // src/versioned-signal.ts
 function createVersionedSignal(initialValue, options) {

package/dist/{chunk-GJTYOFMO.cjs → chunk-527QSKFM.cjs}

@@ -10,7 +10,7 @@
 
 
 
-var _chunkPMF6MWEVcjs = require('./chunk-PMF6MWEV.cjs');
+var _chunkJ74L7UYPcjs = require('./chunk-J74L7UYP.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 = _chunkJ74L7UYPcjs.getCurrentRoot.call(void 0, );
+    const providerRoot = _chunkJ74L7UYPcjs.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);
+        _chunkJ74L7UYPcjs.removeNodes.call(void 0, activeNodes);
         activeNodes = [];
       }
       if (children == null || children === false) {
         return;
       }
-      const prev = _chunkPMF6MWEVcjs.pushRoot.call(void 0, providerRoot);
+      const prev = _chunkJ74L7UYPcjs.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 = _chunkJ74L7UYPcjs.createElement.call(void 0, children);
+        nodes = _chunkJ74L7UYPcjs.toNodeArray.call(void 0, output);
         const parentNode = marker.parentNode;
         if (parentNode) {
-          _chunkPMF6MWEVcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
+          _chunkJ74L7UYPcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
         }
       } finally {
-        _chunkPMF6MWEVcjs.popRoot.call(void 0, prev);
-        _chunkPMF6MWEVcjs.flushOnMount.call(void 0, providerRoot);
+        _chunkJ74L7UYPcjs.popRoot.call(void 0, prev);
+        _chunkJ74L7UYPcjs.flushOnMount.call(void 0, providerRoot);
       }
       cleanup = () => {
-        _chunkPMF6MWEVcjs.destroyRoot.call(void 0, providerRoot);
-        _chunkPMF6MWEVcjs.removeNodes.call(void 0, nodes);
+        _chunkJ74L7UYPcjs.destroyRoot.call(void 0, providerRoot);
+        _chunkJ74L7UYPcjs.removeNodes.call(void 0, nodes);
       };
       activeNodes = nodes;
     };
-    _chunkPMF6MWEVcjs.createRenderEffect.call(void 0, () => {
+    _chunkJ74L7UYPcjs.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 = _chunkJ74L7UYPcjs.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 = _chunkJ74L7UYPcjs.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-527QSKFM.cjs.map

package/dist/{chunk-GJTYOFMO.cjs.map → chunk-527QSKFM.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-527QSKFM.cjs","../src/context.ts"],"names":[],"mappings":"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","file":"/home/runner/work/fict/fict/packages/runtime/dist/chunk-527QSKFM.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-RY4WDS6R.js → chunk-5KXEEQUO.js}

@@ -213,8 +213,7 @@ function getPropAlias(prop2, tagName) {
   return a;
 }
 var $$EVENTS = "_$FICT_DELEGATE";
-var delegatedEvents = isDev ? DelegatedEventNames : [];
-var DelegatedEvents = new Set(delegatedEvents);
+var DelegatedEvents = new Set(DelegatedEventNames);
 var svgElements = isDev ? [
   "altGlyph",
   "altGlyphDef",
@@ -512,8 +511,8 @@ var currentRoot;
 var currentEffectCleanups;
 var globalErrorHandlers = /* @__PURE__ */ new WeakMap();
 var globalSuspenseHandlers = /* @__PURE__ */ new WeakMap();
-function createRootContext(parent = currentRoot) {
-  return { parent, cleanups: [], destroyCallbacks: [] };
+function createRootContext(parent) {
+  return { parent, cleanups: [], destroyCallbacks: [], suspended: false };
 }
 function pushRoot(root) {
   if (!enterRootGuard(root)) {
@@ -588,8 +587,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 {
@@ -714,13 +714,17 @@ function handleError(err, info, startRoot) {
 }
 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) return true;
+        if (handled !== false) {
+          if (originRoot) originRoot.suspended = true;
+          return true;
+        }
       }
     }
     root = root.parent;
@@ -730,7 +734,10 @@ function handleSuspend(token, startRoot) {
     for (let i = globalForRoot.length - 1; i >= 0; i--) {
       const handler = globalForRoot[i];
       const handled = handler(token);
-      if (handled !== false) return true;
+      if (handled !== false) {
+        if (originRoot) originRoot.suspended = true;
+        return true;
+      }
     }
   }
   return false;
@@ -1054,7 +1061,25 @@ function runEffect(e) {
         inCleanup = false;
       }
     }
-    if (checkDirty(e.deps, e)) {
+    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;
       effectRunDevtools(e);
       e.depsTail = void 0;
@@ -1241,6 +1266,10 @@ function effect(fn) {
     flags: WatchingRunning,
     __id: void 0
   };
+  const root = getCurrentRoot();
+  if (root) {
+    e.root = root;
+  }
   registerEffectDevtools(e);
   const prevSub = activeSub;
   if (prevSub !== void 0) link(e, prevSub, 0);
@@ -1256,7 +1285,7 @@ function effect(fn) {
   disposer[EFFECT_MARKER] = true;
   return disposer;
 }
-function effectWithCleanup(fn, cleanupRunner) {
+function effectWithCleanup(fn, cleanupRunner, root) {
   const e = {
     fn,
     subs: void 0,
@@ -1267,6 +1296,10 @@ function effectWithCleanup(fn, cleanupRunner) {
     runCleanup: cleanupRunner,
     __id: void 0
   };
+  const resolvedRoot = root ?? getCurrentRoot();
+  if (resolvedRoot) {
+    e.root = resolvedRoot;
+  }
   registerEffectDevtools(e);
   const prevSub = activeSub;
   if (prevSub !== void 0) link(e, prevSub, 0);
@@ -1341,6 +1374,18 @@ function untrack(fn) {
     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;
@@ -1428,6 +1473,9 @@ function createEffect(fn) {
           bucket.push(maybeCleanup);
         }
       } catch (err) {
+        if (handleSuspend(err, rootForError)) {
+          return;
+        }
         if (handleError(err, { source: "effect" }, rootForError)) {
           return;
         }
@@ -1436,7 +1484,7 @@ function createEffect(fn) {
     });
     cleanups = bucket;
   };
-  const disposeEffect = effectWithCleanup(run, doCleanup);
+  const disposeEffect = effectWithCleanup(run, doCleanup, rootForError);
   const teardown = () => {
     runCleanupList(cleanups);
     disposeEffect();
@@ -1460,6 +1508,9 @@ function createRenderEffect(fn) {
         cleanup = maybeCleanup;
       }
     } catch (err) {
+      if (handleSuspend(err, rootForError)) {
+        return;
+      }
       const handled = handleError(err, { source: "effect" }, rootForError);
       if (handled) {
         return;
@@ -1467,7 +1518,7 @@ function createRenderEffect(fn) {
       throw err;
     }
   };
-  const disposeEffect = effectWithCleanup(run, doCleanup);
+  const disposeEffect = effectWithCleanup(run, doCleanup, rootForError);
   const teardown = () => {
     if (cleanup) {
       cleanup();
@@ -1674,7 +1725,10 @@ function untrack2(fn) {
 // src/binding.ts
 var isDev5 = true ? false : typeof process === "undefined" || process.env?.NODE_ENV !== "production";
 function isReactive(value) {
-  return typeof value === "function" && value.length === 0;
+  if (typeof value !== "function") return false;
+  if (isSignal(value) || isComputed(value)) return true;
+  if (isEffect(value) || isEffectScope(value)) return false;
+  return value.length === 0;
 }
 function unwrap(value) {
   return isReactive(value) ? value() : value;
@@ -1980,6 +2034,7 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
     const root = createRootContext(hostRoot);
     const prev = pushRoot(root);
     let nodes = [];
+    let handledError = false;
     try {
       let newNode;
       if (value instanceof Node) {
@@ -2002,12 +2057,31 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
         newNode = createFn ? createFn(value) : document.createTextNode(String(value));
       }
       nodes = toNodeArray(newNode);
+      if (root.suspended) {
+        handledError = true;
+        destroyRoot(root);
+        return;
+      }
       if (parentNode) {
         insertNodesBefore(parentNode, nodes, marker);
       }
+    } 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);
-      flushOnMount(root);
+      if (!handledError) {
+        flushOnMount(root);
+      }
     }
     currentRoot2 = root;
     currentNodes = nodes;
@@ -2205,7 +2279,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;
@@ -2352,7 +2427,7 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
   }
   if (prop2.slice(0, 2) === "on") {
     const eventName = prop2.slice(2).toLowerCase();
-    const shouldDelegate = isDev5 && DelegatedEvents.has(eventName);
+    const shouldDelegate = DelegatedEvents.has(eventName);
     if (!shouldDelegate && prev) {
       const handler = Array.isArray(prev) ? prev[0] : prev;
       node.removeEventListener(eventName, handler);
@@ -2656,17 +2731,27 @@ function __fictRender(ctx, fn) {
 }
 
 // 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") {
@@ -2790,11 +2875,21 @@ function mergeProps(...sources) {
     }
   });
 }
-function prop(getter) {
+function prop(getter, options) {
   if (isPropGetter(getter)) {
     return getter;
   }
-  return __fictProp(createMemo(getter));
+  const fn = getter;
+  const unwrap2 = options?.unwrap !== false;
+  return __fictProp(
+    createMemo(() => {
+      const value = fn();
+      if (unwrap2 && isPropGetter(value)) {
+        return value();
+      }
+      return value;
+    })
+  );
 }
 
 // src/dom.ts
@@ -3298,4 +3393,4 @@ export {
   createElement,
   template
 };
-//# sourceMappingURL=chunk-RY4WDS6R.js.map
+//# sourceMappingURL=chunk-5KXEEQUO.js.map