flexium 0.10.6 → 0.12.6

package/dist/effect-554ONNZR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"effect-554ONNZR.js"}

package/dist/effect-T2GVIS3T.mjs

@@ -1,2 +0,0 @@
-export{b as EffectNode,c as effect,d as onCleanup}from'./chunk-HB5VPQTB.mjs';import'./chunk-ECYYIQEX.mjs';//# sourceMappingURL=effect-T2GVIS3T.mjs.map
-//# sourceMappingURL=effect-T2GVIS3T.mjs.map

package/dist/effect-T2GVIS3T.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"effect-T2GVIS3T.mjs"}

package/dist/owner-QS9tPwPr.d.cts

@@ -1,27 +0,0 @@
-/**
- * Execute a function without tracking signal dependencies.
- * Useful when you need to read signals inside an effect without creating dependencies.
- *
- * @param fn - Function to execute without tracking
- * @returns The return value of fn
- */
-declare function untrack<T>(fn: () => T): T;
-/**
- * Creates a disposal scope.
- * The return value of the function is returned, and a dispose function is returned.
- *
- * @param fn - Function to run within a new root scope
- * @returns [return value of fn, dispose function]
- *
- * @example
- * ```tsx
- * const [val, dispose] = root((dispose) => {
- *   effect(() => console.log('Inside root'));
- *   return 123;
- * });
- * dispose(); // Cleans up all effects created inside
- * ```
- */
-declare function root<T>(fn: (dispose: () => void) => T): T;
-
-export { root as r, untrack as u };

package/dist/owner-QS9tPwPr.d.ts

@@ -1,27 +0,0 @@
-/**
- * Execute a function without tracking signal dependencies.
- * Useful when you need to read signals inside an effect without creating dependencies.
- *
- * @param fn - Function to execute without tracking
- * @returns The return value of fn
- */
-declare function untrack<T>(fn: () => T): T;
-/**
- * Creates a disposal scope.
- * The return value of the function is returned, and a dispose function is returned.
- *
- * @param fn - Function to run within a new root scope
- * @returns [return value of fn, dispose function]
- *
- * @example
- * ```tsx
- * const [val, dispose] = root((dispose) => {
- *   effect(() => console.log('Inside root'));
- *   return 123;
- * });
- * dispose(); // Cleans up all effects created inside
- * ```
- */
-declare function root<T>(fn: (dispose: () => void) => T): T;
-
-export { root as r, untrack as u };

package/dist/portal-BK_0Z0hE.d.cts

@@ -1,206 +0,0 @@
-import { R as Renderer, E as EventHandler, F as FNode } from './renderer-DSLb-FGg.cjs';
-import { S as StateValue } from './state-DitsMyev.cjs';
-
-/**
- * DOM Renderer implementation
- */
-declare class DOMRenderer implements Renderer {
-    createNode(type: string, props: Record<string, any>): HTMLElement | SVGElement;
-    updateNode(node: HTMLElement | SVGElement, oldProps: Record<string, any>, newProps: Record<string, any>): void;
-    appendChild(parent: Node, child: Node): void;
-    insertBefore(parent: Node, child: Node, beforeChild: Node | null): void;
-    nextSibling(node: Node): Node | null;
-    removeChild(parent: Node, child: Node): void;
-    createTextNode(text: string): Text;
-    updateTextNode(node: Text, text: string): void;
-    addEventListener(node: Node, event: string, handler: EventHandler): void;
-    removeEventListener(node: Node, event: string, _handler: EventHandler): void;
-}
-/**
- * Default DOM renderer instance
- */
-declare const domRenderer: DOMRenderer;
-
-/**
- * JSX Factory Function (f)
- *
- * This module provides the JSX factory function for creating Flexium nodes.
- * It's used by the JSX transpiler to convert JSX syntax into function calls.
- *
- * Usage in tsconfig.json:
- * {
- *   "compilerOptions": {
- *     "jsx": "react",
- *     "jsxFactory": "f",
- *     "jsxFragmentFactory": "Fragment"
- *   }
- * }
- */
-
-/**
- * JSX factory function for Flexium
- * Creates a Flexium node from JSX syntax
- *
- * @param type - Element type (string for built-in, function for components)
- * @param props - Element properties
- * @param children - Child elements
- * @returns Flexium node
- */
-declare function f(type: string | Function, props: Record<string, any> | null, ...children: any[]): FNode;
-/**
- * Fragment component
- * Renders children without a wrapper element
- */
-declare function Fragment(props: {
-    children?: any[];
-}): FNode;
-
-/**
- * DOM Render Function
- *
- * This module provides the main render function for mounting components to the DOM.
- * It includes simple reconciliation logic for mounting and unmounting components.
- *
- * Note: This module uses reactive rendering internally via mountReactive.
- * For root-level rendering with cleanup support, use createReactiveRoot.
- */
-
-/**
- * Render a component to a DOM container with automatic reactivity
- *
- * This function uses reactive rendering by default, which means:
- * - Signals passed as children automatically update the DOM
- * - Signals in props automatically update element properties
- * - Component functions automatically re-render when signals change
- *
- * @param vnode - Flexium node to render
- * @returns The rendered DOM node
- *
- * @example
- * const count = signal(0);
- * render(f('div', {}, [count]), document.body);
- * // The div will automatically update when count changes
- */
-/**
- * Mounts a Flexium node to a container
- * @param node - Flexium node to render
- * @param container - DOM element to mount to
- */
-declare function render(node: FNode | string | number | null | undefined | Function, container: HTMLElement): Node | null;
-/**
- * Create a root for rendering with automatic reactivity
- *
- * This creates a root that supports fine-grained reactive updates.
- * Signals are automatically tracked and only the affected DOM nodes are updated.
- *
- * @param container - DOM element to render into
- * @returns Root object with render and unmount methods
- *
- * @example
- * const root = createRoot(document.body);
- * const count = signal(0);
- * root.render(f('div', {}, [count]));
- * // Later: count.value++ will automatically update the DOM
- */
-declare function createRoot(container: HTMLElement): {
-    render(node: FNode): void;
-    unmount(): void;
-};
-
-/**
- * Getter function that returns the current value (signal-like)
- */
-type ItemsGetter<T> = () => T[];
-/**
- * Fixed-height item configuration
- */
-interface FixedSizeConfig {
-    mode: 'fixed';
-    itemHeight: number;
-}
-/**
- * Variable-height item configuration
- */
-interface VariableSizeConfig {
-    mode: 'variable';
-    estimatedItemHeight: number;
-    getItemHeight?: (index: number, item: unknown) => number;
-}
-type SizeConfig = FixedSizeConfig | VariableSizeConfig;
-/**
- * List component marker
- */
-interface ListComponent<T> {
-    [key: symbol]: true;
-    each: ItemsGetter<T>;
-    renderItem: (item: T, index: () => number) => FNode;
-    virtual: boolean;
-    height?: number | string;
-    width?: number | string;
-    itemSize?: number | SizeConfig;
-    overscan: number;
-    getKey?: (item: T, index: number) => string | number;
-    onScroll?: (scrollTop: number) => void;
-    onVisibleRangeChange?: (startIndex: number, endIndex: number) => void;
-    class?: string;
-    style?: Record<string, string | number>;
-}
-
-/**
- * Reactive DOM Rendering
- *
- * Integrates the signal system with the DOM renderer to enable fine-grained
- * reactive updates. Only the specific DOM nodes that depend on changed signals
- * will be updated, without re-rendering the entire component tree.
- */
-
-/**
- * Mount a virtual node reactively to the DOM.
- *
- * This is the core rendering function that handles all node types:
- * - FNodes (both built-in elements and function components)
- * - Strings and numbers (text nodes)
- * - Signals and computed values (reactive children)
- * - StateValues from the state() API
- * - ListComponents
- * - Arrays and fragments
- *
- * Reactive values are automatically tracked and DOM updates occur
- * only when the specific values change (fine-grained reactivity).
- *
- * @param vnode - The virtual node to mount
- * @param container - Optional parent node to append to
- * @returns The created DOM node, or null for empty/boolean values
- *
- * @example
- * ```tsx
- * // Mount a simple element
- * const node = mountReactive(<div>Hello</div>, document.body)
- *
- * // Mount a reactive signal
- * const count = signal(0)
- * mountReactive(() => <span>{count.value}</span>, container)
- * ```
- */
-declare function mountReactive(node: FNode | string | number | boolean | StateValue<any> | null | undefined | Function | any[] | ListComponent<any>, container?: Node): Node | null;
-declare function createReactiveRoot(container: HTMLElement): {
-    render(node: FNode): void;
-    unmount(): void;
-};
-
-interface PortalProps {
-    mount?: HTMLElement;
-    children: any;
-}
-/**
- * <Portal> component renders its children into a different part of the DOM.
- * Useful for modals, tooltips, etc.
- *
- * @example
- * <Portal mount={document.body}>
- *   <div class="modal">...</div>
- * </Portal>
- */
-declare function Portal(props: PortalProps): Comment | null;
-
-export { DOMRenderer as D, Fragment as F, type ListComponent as L, Portal as P, createReactiveRoot as a, createRoot as c, domRenderer as d, f, mountReactive as m, render as r };

package/dist/portal-CbguxtuQ.d.ts

@@ -1,206 +0,0 @@
-import { R as Renderer, E as EventHandler, F as FNode } from './renderer-DSLb-FGg.js';
-import { S as StateValue } from './state-DitsMyev.js';
-
-/**
- * DOM Renderer implementation
- */
-declare class DOMRenderer implements Renderer {
-    createNode(type: string, props: Record<string, any>): HTMLElement | SVGElement;
-    updateNode(node: HTMLElement | SVGElement, oldProps: Record<string, any>, newProps: Record<string, any>): void;
-    appendChild(parent: Node, child: Node): void;
-    insertBefore(parent: Node, child: Node, beforeChild: Node | null): void;
-    nextSibling(node: Node): Node | null;
-    removeChild(parent: Node, child: Node): void;
-    createTextNode(text: string): Text;
-    updateTextNode(node: Text, text: string): void;
-    addEventListener(node: Node, event: string, handler: EventHandler): void;
-    removeEventListener(node: Node, event: string, _handler: EventHandler): void;
-}
-/**
- * Default DOM renderer instance
- */
-declare const domRenderer: DOMRenderer;
-
-/**
- * JSX Factory Function (f)
- *
- * This module provides the JSX factory function for creating Flexium nodes.
- * It's used by the JSX transpiler to convert JSX syntax into function calls.
- *
- * Usage in tsconfig.json:
- * {
- *   "compilerOptions": {
- *     "jsx": "react",
- *     "jsxFactory": "f",
- *     "jsxFragmentFactory": "Fragment"
- *   }
- * }
- */
-
-/**
- * JSX factory function for Flexium
- * Creates a Flexium node from JSX syntax
- *
- * @param type - Element type (string for built-in, function for components)
- * @param props - Element properties
- * @param children - Child elements
- * @returns Flexium node
- */
-declare function f(type: string | Function, props: Record<string, any> | null, ...children: any[]): FNode;
-/**
- * Fragment component
- * Renders children without a wrapper element
- */
-declare function Fragment(props: {
-    children?: any[];
-}): FNode;
-
-/**
- * DOM Render Function
- *
- * This module provides the main render function for mounting components to the DOM.
- * It includes simple reconciliation logic for mounting and unmounting components.
- *
- * Note: This module uses reactive rendering internally via mountReactive.
- * For root-level rendering with cleanup support, use createReactiveRoot.
- */
-
-/**
- * Render a component to a DOM container with automatic reactivity
- *
- * This function uses reactive rendering by default, which means:
- * - Signals passed as children automatically update the DOM
- * - Signals in props automatically update element properties
- * - Component functions automatically re-render when signals change
- *
- * @param vnode - Flexium node to render
- * @returns The rendered DOM node
- *
- * @example
- * const count = signal(0);
- * render(f('div', {}, [count]), document.body);
- * // The div will automatically update when count changes
- */
-/**
- * Mounts a Flexium node to a container
- * @param node - Flexium node to render
- * @param container - DOM element to mount to
- */
-declare function render(node: FNode | string | number | null | undefined | Function, container: HTMLElement): Node | null;
-/**
- * Create a root for rendering with automatic reactivity
- *
- * This creates a root that supports fine-grained reactive updates.
- * Signals are automatically tracked and only the affected DOM nodes are updated.
- *
- * @param container - DOM element to render into
- * @returns Root object with render and unmount methods
- *
- * @example
- * const root = createRoot(document.body);
- * const count = signal(0);
- * root.render(f('div', {}, [count]));
- * // Later: count.value++ will automatically update the DOM
- */
-declare function createRoot(container: HTMLElement): {
-    render(node: FNode): void;
-    unmount(): void;
-};
-
-/**
- * Getter function that returns the current value (signal-like)
- */
-type ItemsGetter<T> = () => T[];
-/**
- * Fixed-height item configuration
- */
-interface FixedSizeConfig {
-    mode: 'fixed';
-    itemHeight: number;
-}
-/**
- * Variable-height item configuration
- */
-interface VariableSizeConfig {
-    mode: 'variable';
-    estimatedItemHeight: number;
-    getItemHeight?: (index: number, item: unknown) => number;
-}
-type SizeConfig = FixedSizeConfig | VariableSizeConfig;
-/**
- * List component marker
- */
-interface ListComponent<T> {
-    [key: symbol]: true;
-    each: ItemsGetter<T>;
-    renderItem: (item: T, index: () => number) => FNode;
-    virtual: boolean;
-    height?: number | string;
-    width?: number | string;
-    itemSize?: number | SizeConfig;
-    overscan: number;
-    getKey?: (item: T, index: number) => string | number;
-    onScroll?: (scrollTop: number) => void;
-    onVisibleRangeChange?: (startIndex: number, endIndex: number) => void;
-    class?: string;
-    style?: Record<string, string | number>;
-}
-
-/**
- * Reactive DOM Rendering
- *
- * Integrates the signal system with the DOM renderer to enable fine-grained
- * reactive updates. Only the specific DOM nodes that depend on changed signals
- * will be updated, without re-rendering the entire component tree.
- */
-
-/**
- * Mount a virtual node reactively to the DOM.
- *
- * This is the core rendering function that handles all node types:
- * - FNodes (both built-in elements and function components)
- * - Strings and numbers (text nodes)
- * - Signals and computed values (reactive children)
- * - StateValues from the state() API
- * - ListComponents
- * - Arrays and fragments
- *
- * Reactive values are automatically tracked and DOM updates occur
- * only when the specific values change (fine-grained reactivity).
- *
- * @param vnode - The virtual node to mount
- * @param container - Optional parent node to append to
- * @returns The created DOM node, or null for empty/boolean values
- *
- * @example
- * ```tsx
- * // Mount a simple element
- * const node = mountReactive(<div>Hello</div>, document.body)
- *
- * // Mount a reactive signal
- * const count = signal(0)
- * mountReactive(() => <span>{count.value}</span>, container)
- * ```
- */
-declare function mountReactive(node: FNode | string | number | boolean | StateValue<any> | null | undefined | Function | any[] | ListComponent<any>, container?: Node): Node | null;
-declare function createReactiveRoot(container: HTMLElement): {
-    render(node: FNode): void;
-    unmount(): void;
-};
-
-interface PortalProps {
-    mount?: HTMLElement;
-    children: any;
-}
-/**
- * <Portal> component renders its children into a different part of the DOM.
- * Useful for modals, tooltips, etc.
- *
- * @example
- * <Portal mount={document.body}>
- *   <div class="modal">...</div>
- * </Portal>
- */
-declare function Portal(props: PortalProps): Comment | null;
-
-export { DOMRenderer as D, Fragment as F, type ListComponent as L, Portal as P, createReactiveRoot as a, createRoot as c, domRenderer as d, f, mountReactive as m, render as r };