sygnal 5.3.7 → 6.0.0

package/dist/jsx-runtime.esm.js

@@ -1,332 +1,29 @@
-import _extend from 'extend';
+import { createElement } from 'sygnal';
+import { Fragment as Fragment$1 } from 'snabbdom/build/jsx.js';
 
-const undefinedv = (v) => v === undefined;
-const number = (v) => typeof v === 'number';
-const string = (v) => typeof v === 'string';
-const text = (v) => string(v) || number(v);
-const array = (v) => Array.isArray(v);
-const object = (v) => typeof v === 'object' && v !== null;
-const fun = (v) => typeof v === 'function';
-const vnode$1 = (v) => object(v) && 'sel' in v && 'data' in v && 'children' in v && 'text' in v;
-const svgPropsMap = {
-    // Container / structural
-    svg: 1, g: 1, defs: 1, symbol: 1, use: 1,
-    // Shape
-    circle: 1, ellipse: 1, line: 1, path: 1, polygon: 1, polyline: 1, rect: 1,
-    // Text  (no HTML collision: HTML has no <text>, <tspan>, or <textPath>)
-    text: 1, tspan: 1, textPath: 1,
-    // Gradient / paint
-    linearGradient: 1, radialGradient: 1, stop: 1, pattern: 1,
-    // Clipping / masking
-    clipPath: 1, mask: 1,
-    // Marker
-    marker: 1,
-    // Filter primitives
-    filter: 1, feBlend: 1, feColorMatrix: 1, feComponentTransfer: 1,
-    feComposite: 1, feConvolveMatrix: 1, feDiffuseLighting: 1,
-    feDisplacementMap: 1, feDropShadow: 1, feFlood: 1, feGaussianBlur: 1,
-    feImage: 1, feMerge: 1, feMergeNode: 1, feMorphology: 1, feOffset: 1,
-    fePointLight: 1, feSpecularLighting: 1, feSpotLight: 1, feTile: 1,
-    feTurbulence: 1, feFuncR: 1, feFuncG: 1, feFuncB: 1, feFuncA: 1,
-    // Descriptive  (excluding 'title' — collides with HTML <title>)
-    desc: 1, metadata: 1,
-    // Other  (excluding 'a', 'image', 'style', 'script' — collide with HTML)
-    foreignObject: 1, switch: 1,
-    // Animation
-    animate: 1, animateMotion: 1, animateTransform: 1, set: 1, mpath: 1,
-};
-const svg = (v) => v.sel in svgPropsMap;
-
-// TODO: stop using extend here
-// @ts-ignore — no type declarations for 'extend'
-const extend = (...objs) => _extend(true, ...objs);
-const assign = (...objs) => _extend(false, ...objs);
-const reduceDeep = (arr, fn, initial) => {
-    let result = initial;
-    for (let i = 0; i < arr.length; i++) {
-        const value = arr[i];
-        if (array(value)) {
-            result = reduceDeep(value, fn, result);
-        }
-        else {
-            result = fn(result, value);
-        }
-    }
-    return result;
-};
-const mapObject = (obj, fn) => Object.keys(obj).map((key) => fn(key, obj[key])).reduce((acc, curr) => extend(acc, curr), {});
-const deepifyKeys = (obj, modules) => mapObject(obj, (key, val) => {
-    const dashIndex = key.indexOf('-');
-    if (dashIndex > -1 && modules[key.slice(0, dashIndex)] !== undefined) {
-        const moduleData = {
-            [key.slice(dashIndex + 1)]: val
-        };
-        return {
-            [key.slice(0, dashIndex)]: moduleData
-        };
-    }
-    return { [key]: val };
-});
-const omit = (key, obj) => mapObject(obj, (mod, data) => mod !== key ? ({ [mod]: data }) : {});
-
-const createTextElement = (text$1) => !text(text$1) ? undefined : {
-    text: text$1,
-    sel: undefined,
-    data: undefined,
-    children: undefined,
-    elm: undefined,
-    key: undefined
-};
-const applySvg = (vnode) => {
-    // Skip text vnodes (sel is undefined) and nullish values
-    if (!vnode || undefinedv(vnode.sel))
-        return vnode;
-    const data = vnode.data || {};
-    const props = data.props || {};
-    const propsWithoutClassName = omit('className', props);
-    const classAttr = props.className !== undefined ? { class: props.className } : {};
-    const mergedAttrs = assign({}, propsWithoutClassName, classAttr, data.attrs || {});
-    return assign(vnode, { data: omit('props', assign({}, data, { ns: 'http://www.w3.org/2000/svg', attrs: mergedAttrs })) }, 
-    // foreignObject contains HTML, not SVG — do not recurse into its children
-    { children: (!Array.isArray(vnode.children) || vnode.sel === 'foreignObject')
-            ? vnode.children
-            : vnode.children.map((child) => applySvg(child))
-    });
-};
-const considerSvg = (vnode) => !svg(vnode) ? vnode : applySvg(vnode);
-const rewrites = {
-    for: 'attrs',
-    role: 'attrs',
-    tabindex: 'attrs',
-    'aria-*': 'attrs',
-    key: null
-};
-const rewriteModules = (data, modules) => mapObject(data, (key, val) => {
-    const inner = { [key]: val };
-    if (rewrites[key] && modules[rewrites[key]] !== undefined) {
-        return { [rewrites[key]]: inner };
-    }
-    if (rewrites[key] === null) {
-        return {};
-    }
-    const keys = Object.keys(rewrites);
-    for (let i = 0; i < keys.length; i++) {
-        const k = keys[i];
-        if (k.charAt(k.length - 1) === '*' && key.indexOf(k.slice(0, -1)) === 0 && modules[rewrites[k]] !== undefined) {
-            return { [rewrites[k]]: inner };
-        }
-    }
-    if (modules[key] !== undefined) {
-        return { [modules[key] ? modules[key] : key]: val };
-    }
-    if (modules.props !== undefined) {
-        return { props: inner };
-    }
-    return inner;
-});
-const applyFocusProps = (data) => {
-    if (!data.props)
-        return data;
-    const { autoFocus, autoSelect, ...rest } = data.props;
-    if (!autoFocus && !autoSelect)
-        return data;
-    data.props = rest;
-    data._autoFocus = !!autoFocus;
-    data._autoSelect = !!autoSelect;
-    const doFocus = (elm) => {
-        if (elm && typeof elm.focus === 'function') {
-            requestAnimationFrame(() => {
-                elm.focus();
-                if (autoSelect && typeof elm.select === 'function') {
-                    elm.select();
-                }
-            });
-        }
-    };
-    const existingInsert = data.hook?.insert;
-    const existingPostpatch = data.hook?.postpatch;
-    data.hook = {
-        ...data.hook,
-        insert: (vnode) => {
-            if (existingInsert)
-                existingInsert(vnode);
-            if (autoFocus || autoSelect)
-                doFocus(vnode.elm);
-        },
-        postpatch: (oldVnode, vnode) => {
-            if (existingPostpatch)
-                existingPostpatch(oldVnode, vnode);
-            const wasFocused = oldVnode.data?._autoFocus;
-            const isFocused = vnode.data?._autoFocus;
-            if (!wasFocused && isFocused)
-                doFocus(vnode.elm);
-        },
-    };
-    return data;
-};
-const applyRefProps = (data, ref) => {
-    if (!ref)
-        return data;
-    const setRef = (elm) => {
-        if (typeof ref === 'function') {
-            ref(elm);
-        }
-        else if (ref && typeof ref === 'object' && 'current' in ref) {
-            ref.current = elm;
-        }
-    };
-    const existingInsert = data.hook?.insert;
-    const existingDestroy = data.hook?.destroy;
-    const existingPostpatch = data.hook?.postpatch;
-    data.hook = {
-        ...data.hook,
-        insert: (vnode) => {
-            if (existingInsert)
-                existingInsert(vnode);
-            setRef(vnode.elm);
-        },
-        postpatch: (_oldVnode, vnode) => {
-            if (existingPostpatch)
-                existingPostpatch(_oldVnode, vnode);
-            setRef(vnode.elm);
-        },
-        destroy: (vnode) => {
-            if (existingDestroy)
-                existingDestroy(vnode);
-            setRef(null);
-        },
-    };
-    return data;
-};
-const sanitizeData = (data, modules) => {
-    const { ref, ...rest } = data;
-    const sanitized = applyFocusProps(rewriteModules(deepifyKeys(rest, modules), modules));
-    return applyRefProps(sanitized, ref);
-};
-const sanitizeText = (children) => children.length > 1 || !text(children[0]) ? undefined : children[0].toString();
-const sanitizeChildren = (children) => reduceDeep(children, (acc, child) => {
-    const vnode = vnode$1(child) ? child : createTextElement(child);
-    acc.push(vnode);
-    return acc;
-}, []);
-const defaultModules = {
-    attrs: '',
-    props: '',
-    class: '',
-    data: 'dataset',
-    style: '',
-    hook: '',
-    on: ''
-};
-const createElementWithModules = (modules) => {
-    return (sel, data, ...children) => {
-        if (typeof sel === 'undefined') {
-            sel = 'UNDEFINED';
-            console.error('JSX Error: Capitalized HTML element without corresponding factory function.  Components with names where the first letter is capital MUST be defined or included at the parent component\'s file scope.');
-        }
-        if (fun(sel)) {
-            if (sel.__sygnalFragment || sel.name === 'Fragment') {
-                return sel(data || {}, children);
-            }
-            data || (data = {});
-            if (!sel.isSygnalComponent) {
-                const name = sel.componentName || sel.label || sel.name || 'FUNCTION_COMPONENT';
-                const view = sel;
-                const { model, intent, hmrActions, context, peers, components, initialState, isolatedState, calculated, storeCalculatedInState, DOMSourceName, stateSourceName, onError, debug, preventInstantiation } = sel;
-                if (preventInstantiation) {
-                    const text = sanitizeText(children);
-                    const sanitized = data ? sanitizeData(data, modules) : {};
-                    return considerSvg({
-                        sel: name,
-                        data: sanitized,
-                        children: typeof text !== 'undefined' ? createTextElement(text) : sanitizeChildren(children),
-                        text,
-                        elm: undefined,
-                        key: data ? data.key : undefined
-                    });
-                }
-                const options = { name, view, model, intent, hmrActions, context, peers, components, initialState, isolatedState, calculated, storeCalculatedInState, DOMSourceName, stateSourceName, onError, debug };
-                data.sygnalOptions = options;
-                sel = name;
-            }
-            else {
-                const factory = sel;
-                sel = sel.componentName || sel.label || sel.name || 'sygnal-factory';
-                data.sygnalFactory = factory;
-            }
-        }
-        const text = sanitizeText(children);
-        return considerSvg({
-            sel,
-            data: data ? sanitizeData(data, modules) : {},
-            children: typeof text !== 'undefined' ? createTextElement(text) : sanitizeChildren(children),
-            text,
-            elm: undefined,
-            key: data ? data.key : undefined
-        });
-    };
-};
-const createElement = createElementWithModules(defaultModules);
-
-function vnode(sel, data, children, text, elm) {
-    const key = data === undefined ? undefined : data.key;
-    return { sel, data, children, text, elm, key };
-}
-
-/* eslint-disable @typescript-eslint/no-namespace, import/export */
-function Fragment$1(data, ...children) {
-    const flatChildren = flattenAndFilter(children, []);
-    if (flatChildren.length === 1 &&
-        !flatChildren[0].sel &&
-        flatChildren[0].text) {
-        // only child is a simple text node, pass as text for a simpler vtree
-        return vnode(undefined, undefined, undefined, flatChildren[0].text, undefined);
-    }
-    else {
-        return vnode(undefined, data !== null && data !== void 0 ? data : {}, flatChildren, undefined, undefined);
-    }
-}
-function flattenAndFilter(children, flattened) {
-    for (const child of children) {
-        // filter out falsey children, except 0 since zero can be a valid value e.g inside a chart
-        if (child !== undefined &&
-            child !== null &&
-            child !== false &&
-            child !== "") {
-            if (Array.isArray(child)) {
-                flattenAndFilter(child, flattened);
-            }
-            else if (typeof child === "string" ||
-                typeof child === "number" ||
-                typeof child === "boolean") {
-                flattened.push(vnode(undefined, undefined, undefined, String(child), undefined));
-            }
-            else {
-                flattened.push(child);
-            }
-        }
-    }
-    return flattened;
-}
-
-/**
- * Local snabbdom re-export barrel.
- *
- * Imports from specific snabbdom subpaths instead of the main barrel to avoid
- * triggering the broken `styleModule` top-level `window` reference in
- * snabbdom 3.6.3 (which causes ReferenceError in Node.js environments).
- *
- * The styleModule is provided separately by ./styleModule.ts with a fixed
- * window guard.
- */
-// Core
-// Tag Fragment so we can identify it even after minification mangles Function.name
+// Tag Fragment so we can identify it even after minification mangles Function.name.
+// Its own module so the JSX runtime entries (which keep snabbdom external, D188) take it
+// without the rest of the snabbdom barrel
 Fragment$1.__sygnalFragment = true;
 const Fragment = Fragment$1;
 
+// P46-Q (D188): the pragma is the core's. The build makes './pragma/index' the external 'sygnal'
+// (the core entry) and keeps snabbdom external, so an app ships one copy of each; the element
+// fast path is the core createElement's `.a` (the children as one array)
+// G-351: a 'sygnal' without `.a` (an older core next to this runtime): createElement itself
+const createTag = createElement.a || ((t, p, c, k) => {
+    const { children, ...rest } = p;
+    if (k !== undefined)
+        rest.key = k;
+    return createElement(t, rest, ...c);
+});
 function jsx(type, props, key) {
     if (props == null)
         return createElement(type, null);
+    if (typeof type == 'string') {
+        const c = props.children;
+        return createTag(type, props, c === undefined ? [] : Array.isArray(c) ? c : [c], key);
+    }
     const { children, ...rest } = props;
     if (key !== undefined)
         rest.key = key;
@@ -338,3 +35,4 @@ function jsx(type, props, key) {
 }
 
 export { Fragment, jsx, jsx as jsxDEV, jsx as jsxs };
+//# sourceMappingURL=jsx-runtime.esm.js.map

package/dist/jsx-runtime.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.esm.js","sources":["../src/cycle/dom/fragment.ts","../src/jsx-runtime.ts"],"sourcesContent":["import {Fragment as _Fragment} from 'snabbdom/build/jsx.js';\n\n// Tag Fragment so we can identify it even after minification mangles Function.name.\n// Its own module so the JSX runtime entries (which keep snabbdom external, D188) take it\n// without the rest of the snabbdom barrel\n(_Fragment as any).__sygnalFragment = true;\nexport const Fragment = _Fragment;\n","// P46-Q (D188): the pragma is the core's. The build makes './pragma/index' the external 'sygnal'\n// (the core entry) and keeps snabbdom external, so an app ships one copy of each; the element\n// fast path is the core createElement's `.a` (the children as one array)\nimport { createElement } from './pragma/index'\nexport { Fragment } from './cycle/dom/fragment'\n\n// G-351: a 'sygnal' without `.a` (an older core next to this runtime): createElement itself\nconst createTag = (createElement as any).a || ((t: any, p: any, c: any[], k: any) => {\n  const { children, ...rest } = p\n  if (k !== undefined) rest.key = k\n  return createElement(t, rest, ...c)\n})\n\nexport function jsx(type: any, props: any, key?: any): any {\n  if (props == null) return createElement(type, null)\n  if (typeof type == 'string') {\n    const c = props.children\n    return createTag(type, props, c === undefined ? [] : Array.isArray(c) ? c : [c], key)\n  }\n  const { children, ...rest } = props\n  if (key !== undefined) rest.key = key\n  if (children === undefined) return createElement(type, rest)\n  if (Array.isArray(children)) return createElement(type, rest, ...children)\n  return createElement(type, rest, children)\n}\n\nexport { jsx as jsxs }\nexport { jsx as jsxDEV }\n"],"names":["_Fragment"],"mappings":";;;AAEA;AACA;AACA;AACCA,UAAiB,CAAC,gBAAgB,GAAG,IAAI,CAAC;AACpC,MAAM,QAAQ,GAAGA;;ACNxB;AACA;AACA;AAIA;AACA,MAAM,SAAS,GAAI,aAAqB,CAAC,CAAC,KAAK,CAAC,CAAM,EAAE,CAAM,EAAE,CAAQ,EAAE,CAAM,KAAI;IAClF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,CAAC,CAAA;IAC/B,IAAI,CAAC,KAAK,SAAS;AAAE,QAAA,IAAI,CAAC,GAAG,GAAG,CAAC,CAAA;IACjC,OAAO,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;AACrC,CAAC,CAAC,CAAA;SAEc,GAAG,CAAC,IAAS,EAAE,KAAU,EAAE,GAAS,EAAA;IAClD,IAAI,KAAK,IAAI,IAAI;AAAE,QAAA,OAAO,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AACnD,IAAA,IAAI,OAAO,IAAI,IAAI,QAAQ,EAAE;AAC3B,QAAA,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAA;AACxB,QAAA,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,KAAK,SAAS,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;KACtF;IACD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACnC,IAAI,GAAG,KAAK,SAAS;AAAE,QAAA,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;IACrC,IAAI,QAAQ,KAAK,SAAS;AAAE,QAAA,OAAO,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AAC5D,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAAE,OAAO,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,CAAA;IAC1E,OAAO,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAA;AAC5C;;;;"}

package/dist/jsx.cjs.js

@@ -1,315 +1,17 @@
 'use strict';
 
-var _extend = require('extend');
+var sygnal = require('sygnal');
+var jsx_js = require('snabbdom/build/jsx.js');
 
-const undefinedv = (v) => v === undefined;
-const number = (v) => typeof v === 'number';
-const string = (v) => typeof v === 'string';
-const text = (v) => string(v) || number(v);
-const array = (v) => Array.isArray(v);
-const object = (v) => typeof v === 'object' && v !== null;
-const fun = (v) => typeof v === 'function';
-const vnode$1 = (v) => object(v) && 'sel' in v && 'data' in v && 'children' in v && 'text' in v;
-const svgPropsMap = {
-    // Container / structural
-    svg: 1, g: 1, defs: 1, symbol: 1, use: 1,
-    // Shape
-    circle: 1, ellipse: 1, line: 1, path: 1, polygon: 1, polyline: 1, rect: 1,
-    // Text  (no HTML collision: HTML has no <text>, <tspan>, or <textPath>)
-    text: 1, tspan: 1, textPath: 1,
-    // Gradient / paint
-    linearGradient: 1, radialGradient: 1, stop: 1, pattern: 1,
-    // Clipping / masking
-    clipPath: 1, mask: 1,
-    // Marker
-    marker: 1,
-    // Filter primitives
-    filter: 1, feBlend: 1, feColorMatrix: 1, feComponentTransfer: 1,
-    feComposite: 1, feConvolveMatrix: 1, feDiffuseLighting: 1,
-    feDisplacementMap: 1, feDropShadow: 1, feFlood: 1, feGaussianBlur: 1,
-    feImage: 1, feMerge: 1, feMergeNode: 1, feMorphology: 1, feOffset: 1,
-    fePointLight: 1, feSpecularLighting: 1, feSpotLight: 1, feTile: 1,
-    feTurbulence: 1, feFuncR: 1, feFuncG: 1, feFuncB: 1, feFuncA: 1,
-    // Descriptive  (excluding 'title' — collides with HTML <title>)
-    desc: 1, metadata: 1,
-    // Other  (excluding 'a', 'image', 'style', 'script' — collide with HTML)
-    foreignObject: 1, switch: 1,
-    // Animation
-    animate: 1, animateMotion: 1, animateTransform: 1, set: 1, mpath: 1,
-};
-const svg = (v) => v.sel in svgPropsMap;
+// Tag Fragment so we can identify it even after minification mangles Function.name.
+// Its own module so the JSX runtime entries (which keep snabbdom external, D188) take it
+// without the rest of the snabbdom barrel
+jsx_js.Fragment.__sygnalFragment = true;
+const Fragment = jsx_js.Fragment;
 
-// TODO: stop using extend here
-// @ts-ignore — no type declarations for 'extend'
-const extend = (...objs) => _extend(true, ...objs);
-const assign = (...objs) => _extend(false, ...objs);
-const reduceDeep = (arr, fn, initial) => {
-    let result = initial;
-    for (let i = 0; i < arr.length; i++) {
-        const value = arr[i];
-        if (array(value)) {
-            result = reduceDeep(value, fn, result);
-        }
-        else {
-            result = fn(result, value);
-        }
-    }
-    return result;
-};
-const mapObject = (obj, fn) => Object.keys(obj).map((key) => fn(key, obj[key])).reduce((acc, curr) => extend(acc, curr), {});
-const deepifyKeys = (obj, modules) => mapObject(obj, (key, val) => {
-    const dashIndex = key.indexOf('-');
-    if (dashIndex > -1 && modules[key.slice(0, dashIndex)] !== undefined) {
-        const moduleData = {
-            [key.slice(dashIndex + 1)]: val
-        };
-        return {
-            [key.slice(0, dashIndex)]: moduleData
-        };
-    }
-    return { [key]: val };
+Object.defineProperty(exports, 'jsx', {
+	enumerable: true,
+	get: function () { return sygnal.createElement; }
 });
-const omit = (key, obj) => mapObject(obj, (mod, data) => mod !== key ? ({ [mod]: data }) : {});
-
-const createTextElement = (text$1) => !text(text$1) ? undefined : {
-    text: text$1,
-    sel: undefined,
-    data: undefined,
-    children: undefined,
-    elm: undefined,
-    key: undefined
-};
-const applySvg = (vnode) => {
-    // Skip text vnodes (sel is undefined) and nullish values
-    if (!vnode || undefinedv(vnode.sel))
-        return vnode;
-    const data = vnode.data || {};
-    const props = data.props || {};
-    const propsWithoutClassName = omit('className', props);
-    const classAttr = props.className !== undefined ? { class: props.className } : {};
-    const mergedAttrs = assign({}, propsWithoutClassName, classAttr, data.attrs || {});
-    return assign(vnode, { data: omit('props', assign({}, data, { ns: 'http://www.w3.org/2000/svg', attrs: mergedAttrs })) }, 
-    // foreignObject contains HTML, not SVG — do not recurse into its children
-    { children: (!Array.isArray(vnode.children) || vnode.sel === 'foreignObject')
-            ? vnode.children
-            : vnode.children.map((child) => applySvg(child))
-    });
-};
-const considerSvg = (vnode) => !svg(vnode) ? vnode : applySvg(vnode);
-const rewrites = {
-    for: 'attrs',
-    role: 'attrs',
-    tabindex: 'attrs',
-    'aria-*': 'attrs',
-    key: null
-};
-const rewriteModules = (data, modules) => mapObject(data, (key, val) => {
-    const inner = { [key]: val };
-    if (rewrites[key] && modules[rewrites[key]] !== undefined) {
-        return { [rewrites[key]]: inner };
-    }
-    if (rewrites[key] === null) {
-        return {};
-    }
-    const keys = Object.keys(rewrites);
-    for (let i = 0; i < keys.length; i++) {
-        const k = keys[i];
-        if (k.charAt(k.length - 1) === '*' && key.indexOf(k.slice(0, -1)) === 0 && modules[rewrites[k]] !== undefined) {
-            return { [rewrites[k]]: inner };
-        }
-    }
-    if (modules[key] !== undefined) {
-        return { [modules[key] ? modules[key] : key]: val };
-    }
-    if (modules.props !== undefined) {
-        return { props: inner };
-    }
-    return inner;
-});
-const applyFocusProps = (data) => {
-    if (!data.props)
-        return data;
-    const { autoFocus, autoSelect, ...rest } = data.props;
-    if (!autoFocus && !autoSelect)
-        return data;
-    data.props = rest;
-    data._autoFocus = !!autoFocus;
-    data._autoSelect = !!autoSelect;
-    const doFocus = (elm) => {
-        if (elm && typeof elm.focus === 'function') {
-            requestAnimationFrame(() => {
-                elm.focus();
-                if (autoSelect && typeof elm.select === 'function') {
-                    elm.select();
-                }
-            });
-        }
-    };
-    const existingInsert = data.hook?.insert;
-    const existingPostpatch = data.hook?.postpatch;
-    data.hook = {
-        ...data.hook,
-        insert: (vnode) => {
-            if (existingInsert)
-                existingInsert(vnode);
-            if (autoFocus || autoSelect)
-                doFocus(vnode.elm);
-        },
-        postpatch: (oldVnode, vnode) => {
-            if (existingPostpatch)
-                existingPostpatch(oldVnode, vnode);
-            const wasFocused = oldVnode.data?._autoFocus;
-            const isFocused = vnode.data?._autoFocus;
-            if (!wasFocused && isFocused)
-                doFocus(vnode.elm);
-        },
-    };
-    return data;
-};
-const applyRefProps = (data, ref) => {
-    if (!ref)
-        return data;
-    const setRef = (elm) => {
-        if (typeof ref === 'function') {
-            ref(elm);
-        }
-        else if (ref && typeof ref === 'object' && 'current' in ref) {
-            ref.current = elm;
-        }
-    };
-    const existingInsert = data.hook?.insert;
-    const existingDestroy = data.hook?.destroy;
-    const existingPostpatch = data.hook?.postpatch;
-    data.hook = {
-        ...data.hook,
-        insert: (vnode) => {
-            if (existingInsert)
-                existingInsert(vnode);
-            setRef(vnode.elm);
-        },
-        postpatch: (_oldVnode, vnode) => {
-            if (existingPostpatch)
-                existingPostpatch(_oldVnode, vnode);
-            setRef(vnode.elm);
-        },
-        destroy: (vnode) => {
-            if (existingDestroy)
-                existingDestroy(vnode);
-            setRef(null);
-        },
-    };
-    return data;
-};
-const sanitizeData = (data, modules) => {
-    const { ref, ...rest } = data;
-    const sanitized = applyFocusProps(rewriteModules(deepifyKeys(rest, modules), modules));
-    return applyRefProps(sanitized, ref);
-};
-const sanitizeText = (children) => children.length > 1 || !text(children[0]) ? undefined : children[0].toString();
-const sanitizeChildren = (children) => reduceDeep(children, (acc, child) => {
-    const vnode = vnode$1(child) ? child : createTextElement(child);
-    acc.push(vnode);
-    return acc;
-}, []);
-const defaultModules = {
-    attrs: '',
-    props: '',
-    class: '',
-    data: 'dataset',
-    style: '',
-    hook: '',
-    on: ''
-};
-const createElementWithModules = (modules) => {
-    return (sel, data, ...children) => {
-        if (typeof sel === 'undefined') {
-            sel = 'UNDEFINED';
-            console.error('JSX Error: Capitalized HTML element without corresponding factory function.  Components with names where the first letter is capital MUST be defined or included at the parent component\'s file scope.');
-        }
-        if (fun(sel)) {
-            if (sel.__sygnalFragment || sel.name === 'Fragment') {
-                return sel(data || {}, children);
-            }
-            data || (data = {});
-            if (!sel.isSygnalComponent) {
-                const name = sel.componentName || sel.label || sel.name || 'FUNCTION_COMPONENT';
-                const view = sel;
-                const { model, intent, hmrActions, context, peers, components, initialState, isolatedState, calculated, storeCalculatedInState, DOMSourceName, stateSourceName, onError, debug, preventInstantiation } = sel;
-                if (preventInstantiation) {
-                    const text = sanitizeText(children);
-                    const sanitized = data ? sanitizeData(data, modules) : {};
-                    return considerSvg({
-                        sel: name,
-                        data: sanitized,
-                        children: typeof text !== 'undefined' ? createTextElement(text) : sanitizeChildren(children),
-                        text,
-                        elm: undefined,
-                        key: data ? data.key : undefined
-                    });
-                }
-                const options = { name, view, model, intent, hmrActions, context, peers, components, initialState, isolatedState, calculated, storeCalculatedInState, DOMSourceName, stateSourceName, onError, debug };
-                data.sygnalOptions = options;
-                sel = name;
-            }
-            else {
-                const factory = sel;
-                sel = sel.componentName || sel.label || sel.name || 'sygnal-factory';
-                data.sygnalFactory = factory;
-            }
-        }
-        const text = sanitizeText(children);
-        return considerSvg({
-            sel,
-            data: data ? sanitizeData(data, modules) : {},
-            children: typeof text !== 'undefined' ? createTextElement(text) : sanitizeChildren(children),
-            text,
-            elm: undefined,
-            key: data ? data.key : undefined
-        });
-    };
-};
-const createElement = createElementWithModules(defaultModules);
-
-function vnode(sel, data, children, text, elm) {
-    const key = data === undefined ? undefined : data.key;
-    return { sel, data, children, text, elm, key };
-}
-
-/* eslint-disable @typescript-eslint/no-namespace, import/export */
-function Fragment(data, ...children) {
-    const flatChildren = flattenAndFilter(children, []);
-    if (flatChildren.length === 1 &&
-        !flatChildren[0].sel &&
-        flatChildren[0].text) {
-        // only child is a simple text node, pass as text for a simpler vtree
-        return vnode(undefined, undefined, undefined, flatChildren[0].text, undefined);
-    }
-    else {
-        return vnode(undefined, data !== null && data !== void 0 ? data : {}, flatChildren, undefined, undefined);
-    }
-}
-function flattenAndFilter(children, flattened) {
-    for (const child of children) {
-        // filter out falsey children, except 0 since zero can be a valid value e.g inside a chart
-        if (child !== undefined &&
-            child !== null &&
-            child !== false &&
-            child !== "") {
-            if (Array.isArray(child)) {
-                flattenAndFilter(child, flattened);
-            }
-            else if (typeof child === "string" ||
-                typeof child === "number" ||
-                typeof child === "boolean") {
-                flattened.push(vnode(undefined, undefined, undefined, String(child), undefined));
-            }
-            else {
-                flattened.push(child);
-            }
-        }
-    }
-    return flattened;
-}
-
 exports.Fragment = Fragment;
-exports.jsx = createElement;
+//# sourceMappingURL=jsx.cjs.js.map