sibujs 1.0.2 → 1.0.4

package/dist/src/core/each.js

@@ -1,68 +0,0 @@
-import { track } from "../reactivity/track";
-/**
- * Resolves a NodeChild to a real Node.
- * - If it's a function, calls recursively.
- * - If it's already a Node, returns it.
- * - Otherwise (string/number), wraps in Text node.
- */
-function resolveNodeChild(child) {
-    if (typeof child === "function") {
-        return resolveNodeChild(child());
-    }
-    if (child instanceof Node) {
-        return child;
-    }
-    return document.createTextNode(String(child));
-}
-/**
- * Renders a list of nodes efficiently with key-based diffing.
- * Only removes nodes whose keys are absent, reuses existing nodes, and orders them.
- *
- * @param getArray A reactive getter returning an array.
- * @param render A function that returns a NodeChild for each item.
- * @param options A key function for unique identity of items.
- * @returns A Comment node serving as the anchor for the list.
- */
-export function each(getArray, render, options) {
-    const anchor = document.createComment("each:anchor");
-    let nodeMap = new Map();
-    const update = () => {
-        const parent = anchor.parentNode;
-        if (!parent)
-            return;
-        const arr = getArray();
-        const newKeys = arr.map(options.key);
-        const newNodeMap = new Map();
-        // Build or reuse nodes
-        newKeys.forEach((key, i) => {
-            if (nodeMap.has(key)) {
-                newNodeMap.set(key, nodeMap.get(key));
-            }
-            else {
-                const raw = render(arr[i], i);
-                const node = resolveNodeChild(raw);
-                newNodeMap.set(key, node);
-            }
-        });
-        // Remove old nodes not in new keys
-        for (const [key, node] of nodeMap) {
-            if (!newNodeMap.has(key) && node.parentNode) {
-                parent.removeChild(node);
-            }
-        }
-        // Insert or reorder nodes
-        let next = anchor.nextSibling;
-        for (const key of newKeys) {
-            const node = newNodeMap.get(key);
-            if (node !== next) {
-                parent.insertBefore(node, next);
-            }
-            else {
-                next = next.nextSibling;
-            }
-        }
-        nodeMap = newNodeMap;
-    };
-    queueMicrotask(() => track(update, update));
-    return anchor;
-}

package/dist/src/core/for.d.ts

@@ -1,12 +0,0 @@
-/**
- * For - Smart array rendering with automatic reactivity and fallbacks
- *
- * @param array Reactive array or getter function returning array
- * @param renderFn Function to render each item
- * @param options Configuration options
- * @returns Comment node (anchor) for the list or fallback element
- */
-export declare function For<T>(array: T[] | (() => T[]), renderFn: (item: T, index: number) => HTMLElement, options?: {
-    key?: (item: T) => string | number;
-    fallback?: HTMLElement | string;
-}): Comment | HTMLElement;

package/dist/src/core/for.js

@@ -1,67 +0,0 @@
-import { each } from "./each";
-import { div } from "./html";
-import { track } from "../reactivity/track";
-/**
- * For - Smart array rendering with automatic reactivity and fallbacks
- *
- * @param array Reactive array or getter function returning array
- * @param renderFn Function to render each item
- * @param options Configuration options
- * @returns Comment node (anchor) for the list or fallback element
- */
-export function For(array, renderFn, options) {
-    const arrayGetter = typeof array === 'function' ? array : () => array;
-    // If fallback is provided, create reactive container
-    if (options?.fallback) {
-        const container = div({ style: { display: 'contents' } });
-        let currentElement = null;
-        const update = () => {
-            const items = arrayGetter();
-            const isEmpty = !items || items.length === 0;
-            // Remove current element
-            if (currentElement?.parentNode) {
-                currentElement.parentNode.removeChild(currentElement);
-            }
-            if (isEmpty) {
-                // Show fallback
-                const fallbackEl = typeof options.fallback === 'string'
-                    ? div({ children: options.fallback })
-                    : options.fallback;
-                container.appendChild(fallbackEl);
-                currentElement = fallbackEl;
-            }
-            else {
-                // Show list
-                const listAnchor = each(arrayGetter, renderFn, {
-                    key: options?.key || autoKey
-                });
-                container.appendChild(listAnchor);
-                currentElement = listAnchor;
-            }
-        };
-        // Initial render and reactive updates
-        queueMicrotask(() => track(update, update));
-        return container;
-    }
-    // Simple case: just return the each() anchor
-    return each(arrayGetter, renderFn, {
-        key: options?.key || autoKey
-    });
-}
-/**
- * Auto-generate keys for items
- */
-function autoKey(item) {
-    // Try common id fields
-    if (item && typeof item === 'object') {
-        const obj = item;
-        if ('id' in obj)
-            return obj.id;
-        if ('key' in obj)
-            return obj.key;
-        if ('_id' in obj)
-            return obj._id;
-    }
-    // Fallback to JSON stringify (not ideal for performance but works)
-    return JSON.stringify(item);
-}

package/dist/src/core/html.d.ts

@@ -1,137 +0,0 @@
-export declare const html: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const head: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const body: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const title: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const div: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const span: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const section: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const article: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const header: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const footer: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const nav: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const main: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const aside: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const address: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const p: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const h1: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const h2: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const h3: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const h4: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const h5: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const h6: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const blockquote: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const dd: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const dl: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const dt: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const figcaption: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const figure: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const hr: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const li: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const ol: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const ul: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const pre: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const a: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const abbr: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const b: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const bdi: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const bdo: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const br: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const cite: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const code: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const data: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const dfn: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const em: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const i: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const kbd: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const mark: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const q: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const rp: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const rt: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const ruby: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const s: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const samp: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const small: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const strong: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const sub: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const sup: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const time: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const u: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const var_: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const area: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const audio: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const img: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const map: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const track: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const video: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const embed: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const iframe: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const object: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const param: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const picture: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const portal: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const source: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const svg: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const math: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const canvas: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const noscript: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const script: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const del: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const ins: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const caption: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const col: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const colgroup: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const table: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const tbody: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const td: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const tfoot: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const th: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const thead: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const tr: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const button: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const datalist: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const fieldset: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const form: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const input: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const label: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const legend: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const meter: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const optgroup: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const option: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const output: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const progress: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const select: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const textarea: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const details: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const dialog: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const menu: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const summary: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const slot: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const template: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const base: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const link: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const meta: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const style: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const circle: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const ellipse: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const g: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const line: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const path: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const polygon: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const polyline: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const rect: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const text: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const tspan: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const defs: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const clipPath: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const mask: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const pattern: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const linearGradient: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const radialGradient: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const stop: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const use: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const symbol: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const marker: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const center: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const font: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const marquee: (props?: import("./tagFactory").TagProps) => HTMLElement;
-export declare const customElement: (tagName: string) => (props?: import("./tagFactory").TagProps) => HTMLElement;

package/dist/src/core/html.js

@@ -1,155 +0,0 @@
-import { tagFactory } from "./tagFactory";
-// Document structure
-export const html = tagFactory("html");
-export const head = tagFactory("head");
-export const body = tagFactory("body");
-export const title = tagFactory("title");
-// Content sectioning
-export const div = tagFactory("div");
-export const span = tagFactory("span");
-export const section = tagFactory("section");
-export const article = tagFactory("article");
-export const header = tagFactory("header");
-export const footer = tagFactory("footer");
-export const nav = tagFactory("nav");
-export const main = tagFactory("main");
-export const aside = tagFactory("aside");
-export const address = tagFactory("address");
-// Text content
-export const p = tagFactory("p");
-export const h1 = tagFactory("h1");
-export const h2 = tagFactory("h2");
-export const h3 = tagFactory("h3");
-export const h4 = tagFactory("h4");
-export const h5 = tagFactory("h5");
-export const h6 = tagFactory("h6");
-export const blockquote = tagFactory("blockquote");
-export const dd = tagFactory("dd");
-export const dl = tagFactory("dl");
-export const dt = tagFactory("dt");
-export const figcaption = tagFactory("figcaption");
-export const figure = tagFactory("figure");
-export const hr = tagFactory("hr");
-export const li = tagFactory("li");
-export const ol = tagFactory("ol");
-export const ul = tagFactory("ul");
-export const pre = tagFactory("pre");
-// Inline text semantics
-export const a = tagFactory("a");
-export const abbr = tagFactory("abbr");
-export const b = tagFactory("b");
-export const bdi = tagFactory("bdi");
-export const bdo = tagFactory("bdo");
-export const br = tagFactory("br");
-export const cite = tagFactory("cite");
-export const code = tagFactory("code");
-export const data = tagFactory("data");
-export const dfn = tagFactory("dfn");
-export const em = tagFactory("em");
-export const i = tagFactory("i");
-export const kbd = tagFactory("kbd");
-export const mark = tagFactory("mark");
-export const q = tagFactory("q");
-export const rp = tagFactory("rp");
-export const rt = tagFactory("rt");
-export const ruby = tagFactory("ruby");
-export const s = tagFactory("s");
-export const samp = tagFactory("samp");
-export const small = tagFactory("small");
-export const strong = tagFactory("strong");
-export const sub = tagFactory("sub");
-export const sup = tagFactory("sup");
-export const time = tagFactory("time");
-export const u = tagFactory("u");
-export const var_ = tagFactory("var"); // 'var' is a reserved keyword
-// Image and multimedia
-export const area = tagFactory("area");
-export const audio = tagFactory("audio");
-export const img = tagFactory("img");
-export const map = tagFactory("map");
-export const track = tagFactory("track");
-export const video = tagFactory("video");
-// Embedded content
-export const embed = tagFactory("embed");
-export const iframe = tagFactory("iframe");
-export const object = tagFactory("object");
-export const param = tagFactory("param");
-export const picture = tagFactory("picture");
-export const portal = tagFactory("portal");
-export const source = tagFactory("source");
-// SVG and MathML
-export const svg = tagFactory("svg");
-export const math = tagFactory("math");
-// Scripting
-export const canvas = tagFactory("canvas");
-export const noscript = tagFactory("noscript");
-export const script = tagFactory("script");
-// Demarcating edits
-export const del = tagFactory("del");
-export const ins = tagFactory("ins");
-// Table content
-export const caption = tagFactory("caption");
-export const col = tagFactory("col");
-export const colgroup = tagFactory("colgroup");
-export const table = tagFactory("table");
-export const tbody = tagFactory("tbody");
-export const td = tagFactory("td");
-export const tfoot = tagFactory("tfoot");
-export const th = tagFactory("th");
-export const thead = tagFactory("thead");
-export const tr = tagFactory("tr");
-// Forms
-export const button = tagFactory("button");
-export const datalist = tagFactory("datalist");
-export const fieldset = tagFactory("fieldset");
-export const form = tagFactory("form");
-export const input = tagFactory("input");
-export const label = tagFactory("label");
-export const legend = tagFactory("legend");
-export const meter = tagFactory("meter");
-export const optgroup = tagFactory("optgroup");
-export const option = tagFactory("option");
-export const output = tagFactory("output");
-export const progress = tagFactory("progress");
-export const select = tagFactory("select");
-export const textarea = tagFactory("textarea");
-// Interactive elements
-export const details = tagFactory("details");
-export const dialog = tagFactory("dialog");
-export const menu = tagFactory("menu");
-export const summary = tagFactory("summary");
-// Web Components
-export const slot = tagFactory("slot");
-export const template = tagFactory("template");
-// Document metadata
-export const base = tagFactory("base");
-export const link = tagFactory("link");
-export const meta = tagFactory("meta");
-export const style = tagFactory("style");
-// Common SVG elements
-export const circle = tagFactory("circle");
-export const ellipse = tagFactory("ellipse");
-export const g = tagFactory("g");
-export const line = tagFactory("line");
-export const path = tagFactory("path");
-export const polygon = tagFactory("polygon");
-export const polyline = tagFactory("polyline");
-export const rect = tagFactory("rect");
-export const text = tagFactory("text");
-export const tspan = tagFactory("tspan");
-export const defs = tagFactory("defs");
-export const clipPath = tagFactory("clipPath");
-export const mask = tagFactory("mask");
-export const pattern = tagFactory("pattern");
-export const linearGradient = tagFactory("linearGradient");
-export const radialGradient = tagFactory("radialGradient");
-export const stop = tagFactory("stop");
-export const use = tagFactory("use");
-export const symbol = tagFactory("symbol");
-export const marker = tagFactory("marker");
-// Obsolete/deprecated elements (for legacy support)
-export const center = tagFactory("center");
-export const font = tagFactory("font");
-export const marquee = tagFactory("marquee");
-// Custom elements placeholder
-export const customElement = (tagName) => tagFactory(tagName);

package/dist/src/core/htmlIf.d.ts

@@ -1,11 +0,0 @@
-import type { NodeChild } from "./types";
-/**
- * Conditionally mounts a node subtree based on a reactive predicate.
- * When the condition is true, the render function is invoked and its result is displayed.
- * When false, the subtree is removed.
- *
- * @param condition - Reactive predicate that returns a boolean.
- * @param render - Function that returns the NodeChild to mount.
- * @returns A Comment node serving as the anchor point.
- */
-export declare function htmlIf(condition: () => boolean, render: () => NodeChild): Comment;

package/dist/src/core/htmlIf.js

@@ -1,18 +0,0 @@
-// src/core/htmlIf.ts
-import { bindChildNode } from "../reactivity/bindChildNode";
-/**
- * Conditionally mounts a node subtree based on a reactive predicate.
- * When the condition is true, the render function is invoked and its result is displayed.
- * When false, the subtree is removed.
- *
- * @param condition - Reactive predicate that returns a boolean.
- * @param render - Function that returns the NodeChild to mount.
- * @returns A Comment node serving as the anchor point.
- */
-export function htmlIf(condition, render) {
-    const anchor = document.createComment("htmlIf");
-    bindChildNode(anchor, () => {
-        return condition() ? render() : null;
-    });
-    return anchor;
-}

package/dist/src/core/lazy.d.ts

@@ -1,7 +0,0 @@
-import type { NodeChild } from "./types";
-/**
- * Creates a lazy-loaded component.
- */
-export declare function lazy<T extends {}>(loader: () => Promise<{
-    default: () => NodeChild;
-}>): () => NodeChild | null;

package/dist/src/core/lazy.js

@@ -1,16 +0,0 @@
-import { useState } from "../reactivity/useState";
-/**
- * Creates a lazy-loaded component.
- */
-export function lazy(loader) {
-    const [ComponentSignal, setComponent] = useState(null);
-    let loading = false;
-    return function LazyComponent() {
-        if (!loading) {
-            loading = true;
-            loader().then(mod => setComponent(() => mod.default));
-        }
-        const Comp = ComponentSignal();
-        return Comp ? Comp() : null;
-    };
-}

package/dist/src/core/mount.d.ts

@@ -1,7 +0,0 @@
-/**
- * Mounts a root component into a DOM element.
- *
- * @param component Function that returns an HTMLElement
- * @param container Target DOM element to append the result
- */
-export declare function mount(component: () => HTMLElement, container: HTMLElement | null): void;

package/dist/src/core/mount.js

@@ -1,12 +0,0 @@
-/**
- * Mounts a root component into a DOM element.
- *
- * @param component Function that returns an HTMLElement
- * @param container Target DOM element to append the result
- */
-export function mount(component, container) {
-    if (!container) {
-        throw new Error("Mount target element not found.");
-    }
-    container.appendChild(component());
-}

package/dist/src/core/slots.d.ts

@@ -1,3 +0,0 @@
-export type SlotFn = () => HTMLElement | string | number | null | undefined;
-export type Slots = Record<string, SlotFn>;
-export declare function getSlot(slots: Slots | undefined, name?: string): SlotFn | undefined;

package/dist/src/core/slots.js

@@ -1,3 +0,0 @@
-export function getSlot(slots, name = "default") {
-    return slots?.[name];
-}

package/dist/src/core/suspense.d.ts

@@ -1,10 +0,0 @@
-import type { NodeChild } from "./types";
-/**
- * Suspense:
- *  - Uses a DocumentFragment with anchor and optional static node.
- *  - If fallback is function, schedules reactive updates via bindChildNode.
- */
-export declare function Suspense(props: {
-    fallback: NodeChild | (() => NodeChild);
-    children: () => NodeChild | null;
-}): DocumentFragment;

package/dist/src/core/suspense.js

@@ -1,33 +0,0 @@
-import { bindChildNode } from "../reactivity/bindChildNode";
-/**
- * Suspense:
- *  - Uses a DocumentFragment with anchor and optional static node.
- *  - If fallback is function, schedules reactive updates via bindChildNode.
- */
-export function Suspense(props) {
-    const anchor = document.createComment("suspense");
-    const frag = document.createDocumentFragment();
-    frag.appendChild(anchor);
-    const initial = props.children();
-    const hasStaticFallback = typeof props.fallback !== "function";
-    if (initial != null) {
-        const node = initial instanceof Node ? initial : document.createTextNode(String(initial));
-        frag.appendChild(node);
-    }
-    else if (hasStaticFallback) {
-        const fb = props.fallback;
-        const node = fb instanceof Node ? fb : document.createTextNode(String(fb));
-        frag.appendChild(node);
-    }
-    if (!hasStaticFallback) {
-        queueMicrotask(() => {
-            bindChildNode(anchor, () => {
-                const next = props.children();
-                if (next != null)
-                    return next;
-                return props.fallback();
-            });
-        });
-    }
-    return frag;
-}

package/dist/src/core/tagFactory.d.ts

@@ -1,13 +0,0 @@
-import type { NodeChildren } from "./types";
-export interface TagProps {
-    id?: string;
-    class?: string;
-    style?: Record<string, string | number> | string;
-    children?: NodeChildren;
-    on?: Record<string, (ev: Event) => void>;
-    [attr: string]: any;
-}
-/**
- * Factory for creating HTML elements with reactive props and children
- */
-export declare const tagFactory: (tag: string) => (props?: TagProps) => HTMLElement;