@fluixi/jsx 1.0.0-alpha.53

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var u=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})},C=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of T(t))!v.call(e,o)&&o!==n&&u(e,o,{get:()=>t[o],enumerable:!(r=b(t,o))||r.enumerable});return e};var w=e=>C(u({},"__esModule",{value:!0}),e);var I={};R(I,{Fragment:()=>l,cloneElement:()=>y,createElement:()=>m,createReactiveJSX:()=>V,createRef:()=>x,defineComponent:()=>A,delegateEvents:()=>h.delegateEvents,forwardRef:()=>S,hydrate:()=>K,isValidElement:()=>d,jsx:()=>i,jsxComponent:()=>D,jsxDEV:()=>c,jsxs:()=>f,memo:()=>F,mergeProps:()=>X,renderToString:()=>E});module.exports=w(I);var s=require("@fluixi/dom"),P=require("@fluixi/dom"),a=require("@fluixi/reactive/signal"),l=Symbol.for("fluixi.fragment"),j=typeof window>"u";function J(e){return e==null||e===!1?null:Array.isArray(e)?e.map(J).flat():e}function i(e,t,n){if(e==null)return null;let r=t||{};if(n!==void 0&&(r.key=n),e===l)return(0,a.createMemo)(()=>(0,s.asComponent)(J(r.children)));if(typeof e=="function"){let{type:o}=(0,s.checkRenderType)(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(r):j?{type:e,props:r}:(0,a.createMemo)(()=>(0,P.createComponent)(e,r),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?k(e,r):null}var f=i;function k(e,t){if(j)return{type:e,props:t||{}};let n=(0,s.isSVGElement)(e),r=n?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return O(r,t,n),r}function O(e,t,n){if((0,s.applyProps)(e,t,n),t&&t.children!==void 0){let r=(0,a.readChildren)(()=>t.children);Array.isArray(r)?r.forEach(o=>{(0,s.insert)(e,o,typeof o=="function"?null:void 0)}):(0,s.insert)(e,r,typeof r=="function"?null:void 0)}}function m(e,t,...n){let r={...t};return n.length>0&&(r.children=n.length===1?n[0]:n),i(e,r)}function d(e){return typeof e=="object"&&e!==null&&"type"in e}function y(e,t,...n){return i(e.type,{...e.props,...t,children:n.length?n:e.props.children})}function x(e){return{current:e||null}}function X(...e){let t={};for(let n of e){if(!n)continue;let r=Object.getOwnPropertyDescriptors(n);Object.defineProperties(t,r)}return t}function S(e){return t=>e(t,t.ref)}async function E(e){throw new Error("renderToString should be imported from server module")}function c(e,t,n,r,o,G){return i(e,t,n)}var h=require("@fluixi/dom");var p=require("@fluixi/dom"),g=require("@fluixi/reactive/signal");function V(e){return(0,p.initializeIntegration)({signalSystem:e.signalSystem}),{jsx:i,jsxs:f,jsxDEV:c,Fragment:l,render:(t,n)=>{n&&(0,g.batch)(()=>{for(;n.firstChild;)n.removeChild(n.firstChild);t instanceof Node?n.appendChild(t):Array.isArray(t)&&t.forEach(r=>{r instanceof Node&&n.appendChild(r)})})},batch:g.batch}}function D(e){return e}function A(e,t){return Object.defineProperty(t,"name",{value:e}),t}function F(e,t){let n,r;return o=>(n!==void 0&&(t?t(n,o):N(n,o))||(n=o,r=e(o)),r)}function N(e,t){if(e===t)return!0;if(typeof e!="object"||typeof t!="object"||e===null||t===null)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let o of n)if(e[o]!==t[o])return!1;return!0}function K(e,t){return(0,p.render)(e,t)}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+export * from './lib/index.js';

package/dist/index.mjs

@@ -0,0 +1 @@
+import{insert as f,isSVGElement as P,asComponent as j,checkRenderType as J,applyProps as X}from"@fluixi/dom";import{createComponent as h}from"@fluixi/dom";import{createSignal as Q,createMemo as p,readChildren as b}from"@fluixi/reactive/signal";var i=Symbol.for("fluixi.fragment"),c=typeof window>"u";function u(e){return e==null||e===!1?null:Array.isArray(e)?e.map(u).flat():e}function s(e,t,n){if(e==null)return null;let r=t||{};if(n!==void 0&&(r.key=n),e===i)return p(()=>j(u(r.children)));if(typeof e=="function"){let{type:o}=J(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(r):c?{type:e,props:r}:p(()=>h(e,r),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?T(e,r):null}var a=s;function T(e,t){if(c)return{type:e,props:t||{}};let n=P(e),r=n?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return v(r,t,n),r}function v(e,t,n){if(X(e,t,n),t&&t.children!==void 0){let r=b(()=>t.children);Array.isArray(r)?r.forEach(o=>{f(e,o,typeof o=="function"?null:void 0)}):f(e,r,typeof r=="function"?null:void 0)}}function m(e,t,...n){let r={...t};return n.length>0&&(r.children=n.length===1?n[0]:n),s(e,r)}function d(e){return typeof e=="object"&&e!==null&&"type"in e}function y(e,t,...n){return s(e.type,{...e.props,...t,children:n.length?n:e.props.children})}function x(e){return{current:e||null}}function R(...e){let t={};for(let n of e){if(!n)continue;let r=Object.getOwnPropertyDescriptors(n);Object.defineProperties(t,r)}return t}function S(e){return t=>e(t,t.ref)}async function E(e){throw new Error("renderToString should be imported from server module")}function l(e,t,n,r,o,O){return s(e,t,n)}import{delegateEvents as Ee}from"@fluixi/dom";import{createPortal as ae,initializeIntegration as C,render as w}from"@fluixi/dom";import{batch as g}from"@fluixi/reactive/signal";function fe(e){return C({signalSystem:e.signalSystem}),{jsx:s,jsxs:a,jsxDEV:l,Fragment:i,render:(t,n)=>{n&&g(()=>{for(;n.firstChild;)n.removeChild(n.firstChild);t instanceof Node?n.appendChild(t):Array.isArray(t)&&t.forEach(r=>{r instanceof Node&&n.appendChild(r)})})},batch:g}}function pe(e){return e}function ce(e,t){return Object.defineProperty(t,"name",{value:e}),t}function ue(e,t){let n,r;return o=>(n!==void 0&&(t?t(n,o):k(n,o))||(n=o,r=e(o)),r)}function k(e,t){if(e===t)return!0;if(typeof e!="object"||typeof t!="object"||e===null||t===null)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let o of n)if(e[o]!==t[o])return!1;return!0}function me(e,t){return w(e,t)}export{i as Fragment,y as cloneElement,m as createElement,fe as createReactiveJSX,x as createRef,ce as defineComponent,Ee as delegateEvents,S as forwardRef,me as hydrate,d as isValidElement,s as jsx,pe as jsxComponent,l as jsxDEV,a as jsxs,ue as memo,R as mergeProps,E as renderToString};

package/dist/lib/index.cjs

@@ -0,0 +1 @@
+"use strict";var E=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var V=(e,t)=>{for(var n in t)E(e,n,{get:t[n],enumerable:!0})},D=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of k(t))!O.call(e,o)&&o!==n&&E(e,o,{get:()=>t[o],enumerable:!(r=w(t,o))||r.enumerable});return e};var A=e=>D(E({},"__esModule",{value:!0}),e);var G={};V(G,{Fragment:()=>a,cloneElement:()=>d,createElement:()=>u,createReactiveJSX:()=>h,createRef:()=>y,default:()=>I,defineComponent:()=>T,delegateEvents:()=>C.delegateEvents,forwardRef:()=>x,hydrate:()=>R,isValidElement:()=>m,jsx:()=>i,jsxComponent:()=>b,jsxDEV:()=>c,jsxs:()=>p,memo:()=>v,mergeProps:()=>X,renderToString:()=>S});module.exports=A(G);var s=require("@fluixi/dom"),P=require("@fluixi/dom"),f=require("@fluixi/reactive/signal"),a=Symbol.for("fluixi.fragment"),j=typeof window>"u";function J(e){return e==null||e===!1?null:Array.isArray(e)?e.map(J).flat():e}function i(e,t,n){if(e==null)return null;let r=t||{};if(n!==void 0&&(r.key=n),e===a)return(0,f.createMemo)(()=>(0,s.asComponent)(J(r.children)));if(typeof e=="function"){let{type:o}=(0,s.checkRenderType)(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(r):j?{type:e,props:r}:(0,f.createMemo)(()=>(0,P.createComponent)(e,r),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?F(e,r):null}var p=i;function F(e,t){if(j)return{type:e,props:t||{}};let n=(0,s.isSVGElement)(e),r=n?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return N(r,t,n),r}function N(e,t,n){if((0,s.applyProps)(e,t,n),t&&t.children!==void 0){let r=(0,f.readChildren)(()=>t.children);Array.isArray(r)?r.forEach(o=>{(0,s.insert)(e,o,typeof o=="function"?null:void 0)}):(0,s.insert)(e,r,typeof r=="function"?null:void 0)}}function u(e,t,...n){let r={...t};return n.length>0&&(r.children=n.length===1?n[0]:n),i(e,r)}function m(e){return typeof e=="object"&&e!==null&&"type"in e}function d(e,t,...n){return i(e.type,{...e.props,...t,children:n.length?n:e.props.children})}function y(e){return{current:e||null}}function X(...e){let t={};for(let n of e){if(!n)continue;let r=Object.getOwnPropertyDescriptors(n);Object.defineProperties(t,r)}return t}function x(e){return t=>e(t,t.ref)}async function S(e){throw new Error("renderToString should be imported from server module")}function c(e,t,n,r,o,$){return i(e,t,n)}var C=require("@fluixi/dom");var l=require("@fluixi/dom"),g=require("@fluixi/reactive/signal");function h(e){return(0,l.initializeIntegration)({signalSystem:e.signalSystem}),{jsx:i,jsxs:p,jsxDEV:c,Fragment:a,render:(t,n)=>{n&&(0,g.batch)(()=>{for(;n.firstChild;)n.removeChild(n.firstChild);t instanceof Node?n.appendChild(t):Array.isArray(t)&&t.forEach(r=>{r instanceof Node&&n.appendChild(r)})})},batch:g.batch}}function b(e){return e}function T(e,t){return Object.defineProperty(t,"name",{value:e}),t}function v(e,t){let n,r;return o=>(n!==void 0&&(t?t(n,o):K(n,o))||(n=o,r=e(o)),r)}function K(e,t){if(e===t)return!0;if(typeof e!="object"||typeof t!="object"||e===null||t===null)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let o of n)if(e[o]!==t[o])return!1;return!0}function R(e,t){return(0,l.render)(e,t)}var I={jsx:i,jsxs:p,jsxDEV:c,Fragment:a,createElement:u,createRef:y,forwardRef:x,isValidElement:m,cloneElement:d,renderToString:S,createPortal:l.createPortal,render:l.render,hydrate:R,memo:v,jsxComponent:b,defineComponent:T,createReactiveJSX:h};

package/dist/lib/index.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @fileoverview Main entry point for @fluixi/jsx package
+ * @module @fluixi/jsx
+ *
+ * This package provides a comprehensive JSX runtime with:
+ * - Fine-grained reactive updates similar to SolidJS
+ * - Support for both lit-html templates and native JSX
+ * - Seamless integration with signal and store systems
+ * - Optimized DOM updates with compilation support
+ */
+export { jsx, jsxs, Fragment, createElement, createRef, forwardRef, isValidElement, cloneElement, renderToString, } from './jsx-runtime.js';
+export { jsxDEV } from './jsx-dev-runtime.js';
+export type { JSXElement, JSXComponent, JSXProps, RefCallback, RefObject, } from './jsx-runtime.js';
+export { delegateEvents } from '@fluixi/dom';
+export interface ReactiveJSXConfig {
+    signalSystem: any;
+}
+export interface ReactiveJSXAPI<Element = any> {
+    jsx: typeof jsx;
+    jsxs: typeof jsxs;
+    jsxDEV: typeof jsxDEV;
+    Fragment: typeof Fragment;
+    render: (element: any, container: Element) => void;
+    batch: (fn: () => void) => void;
+}
+import { jsxDEV } from './jsx-dev-runtime.js';
+import { jsx, jsxs, Fragment, createElement, createRef, forwardRef, isValidElement, cloneElement, renderToString } from './jsx-runtime.js';
+export { mergeProps } from './jsx-runtime.js';
+import { createPortal, render } from '@fluixi/dom';
+/**
+ * Create a reactive JSX API with custom configuration
+ * @deprecated Use direct imports instead
+ */
+export declare function createReactiveJSX(config: ReactiveJSXConfig): ReactiveJSXAPI;
+/**
+ * Helper to create JSX-compatible components
+ */
+export declare function jsxComponent<P = any>(fn: (props: P) => JSX.Element): (props: P) => JSX.Element;
+/**
+ * Helper to create JSX-compatible functional components with props validation
+ */
+export declare function defineComponent<P = any>(name: string, fn: (props: P) => JSX.Element): (props: P) => JSX.Element;
+/**
+ * Memo wrapper for components
+ */
+export declare function memo<P = any>(component: (props: P) => JSX.Element, equals?: (prev: P, next: P) => boolean): (props: P) => JSX.Element;
+/**
+ * Hydrate a server-rendered element
+ */
+export declare function hydrate(element: JSX.Element, container: Element): () => void;
+export type { JSX } from './jsx.d.js';
+export type { FluixiElements } from './jsx.d.js';
+declare const _default: {
+    jsx: typeof jsx;
+    jsxs: typeof jsx;
+    jsxDEV: typeof jsxDEV;
+    Fragment: symbol;
+    createElement: typeof createElement;
+    createRef: typeof createRef;
+    forwardRef: typeof forwardRef;
+    isValidElement: typeof isValidElement;
+    cloneElement: typeof cloneElement;
+    renderToString: typeof renderToString;
+    createPortal: typeof createPortal;
+    render: typeof render;
+    hydrate: typeof hydrate;
+    memo: typeof memo;
+    jsxComponent: typeof jsxComponent;
+    defineComponent: typeof defineComponent;
+    createReactiveJSX: typeof createReactiveJSX;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EAEL,GAAG,EACH,IAAI,EACJ,QAAQ,EAGR,aAAa,EACb,SAAS,EACT,UAAU,EACV,cAAc,EACd,YAAY,EAGZ,cAAc,GAGf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,YAAY,EACV,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,SAAS,GACV,MAAM,kBAAkB,CAAC;AAa1B,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAM7C,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,GAAG,CAAC;CACnB;AAED,MAAM,WAAW,cAAc,CAAC,OAAO,GAAG,GAAG;IAC3C,GAAG,EAAE,OAAO,GAAG,CAAC;IAChB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,MAAM,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACjC;AAED,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EACL,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,EACV,cAAc,EACd,YAAY,EACZ,cAAc,EAEf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAyB,MAAM,EAAE,MAAM,aAAa,CAAC;AAG1E;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,GAAG,cAAc,CAgC3E;AAMD;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,GAAG,GAAG,EAClC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,GAC5B,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAE3B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,GAAG,GAAG,EACrC,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,GAC5B,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAG3B;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,CAAC,GAAG,GAAG,EAC1B,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,EACpC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,GACrC,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAe3B;AAuBD;;GAEG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,IAAI,CAG5E;AAMD,YAAY,EAAC,GAAG,EAAC,MAAM,YAAY,CAAC;AACpC,YAAY,EAAC,cAAc,EAAC,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;AAM/C,wBAkBE"}

package/dist/lib/index.js

@@ -0,0 +1,158 @@
+/**
+ * @fileoverview Main entry point for @fluixi/jsx package
+ * @module @fluixi/jsx
+ *
+ * This package provides a comprehensive JSX runtime with:
+ * - Fine-grained reactive updates similar to SolidJS
+ * - Support for both lit-html templates and native JSX
+ * - Seamless integration with signal and store systems
+ * - Optimized DOM updates with compilation support
+ */
+// ============================================================================
+// Core JSX Runtime
+// ============================================================================
+export { 
+// JSX factory functions
+jsx, jsxs, Fragment, 
+// Element creation
+createElement, createRef, forwardRef, isValidElement, cloneElement, 
+// Rendering
+renderToString,
+// delegateEvents,
+// handleRef,
+ } from './jsx-runtime.js';
+export { jsxDEV } from './jsx-dev-runtime.js';
+// ============================================================================
+// Compiler Utilities
+// ============================================================================
+// Build-time compiler utilities live in @fluixi/compiler (Node.js only):
+//   import { createVitePlugin } from '@fluixi/compiler/integrations'
+// ============================================================================
+// Legacy API (for backward compatibility)
+// ============================================================================
+export { delegateEvents } from '@fluixi/dom';
+import { jsxDEV } from './jsx-dev-runtime.js';
+import { jsx, jsxs, Fragment, createElement, createRef, forwardRef, isValidElement, cloneElement, renderToString,
+// createPortal,
+ } from './jsx-runtime.js';
+export { mergeProps } from './jsx-runtime.js';
+import { createPortal, initializeIntegration, render } from '@fluixi/dom';
+import { batch } from '@fluixi/reactive/signal';
+/**
+ * Create a reactive JSX API with custom configuration
+ * @deprecated Use direct imports instead
+ */
+export function createReactiveJSX(config) {
+    // Initialize integration with signal system
+    initializeIntegration({
+        signalSystem: config.signalSystem,
+    });
+    return {
+        jsx,
+        jsxs,
+        jsxDEV,
+        Fragment,
+        render: (element, container) => {
+            if (!container)
+                return;
+            batch(() => {
+                while (container.firstChild) {
+                    container.removeChild(container.firstChild);
+                }
+                if (element instanceof Node) {
+                    container.appendChild(element);
+                }
+                else if (Array.isArray(element)) {
+                    element.forEach((el) => {
+                        if (el instanceof Node) {
+                            container.appendChild(el);
+                        }
+                    });
+                }
+            });
+        },
+        batch,
+    };
+}
+// ============================================================================
+// Component Helpers
+// ============================================================================
+/**
+ * Helper to create JSX-compatible components
+ */
+export function jsxComponent(fn) {
+    return fn;
+}
+/**
+ * Helper to create JSX-compatible functional components with props validation
+ */
+export function defineComponent(name, fn) {
+    Object.defineProperty(fn, 'name', { value: name });
+    return fn;
+}
+/**
+ * Memo wrapper for components
+ */
+export function memo(component, equals) {
+    let lastProps;
+    let lastResult;
+    return (props) => {
+        if (lastProps !== undefined) {
+            if (equals ? equals(lastProps, props) : shallowEqual(lastProps, props)) {
+                return lastResult;
+            }
+        }
+        lastProps = props;
+        lastResult = component(props);
+        return lastResult;
+    };
+}
+function shallowEqual(a, b) {
+    if (a === b)
+        return true;
+    if (typeof a !== 'object' || typeof b !== 'object')
+        return false;
+    if (a === null || b === null)
+        return false;
+    const keysA = Object.keys(a);
+    const keysB = Object.keys(b);
+    if (keysA.length !== keysB.length)
+        return false;
+    for (const key of keysA) {
+        if (a[key] !== b[key])
+            return false;
+    }
+    return true;
+}
+// ============================================================================
+// Render Function
+// ============================================================================
+/**
+ * Hydrate a server-rendered element
+ */
+export function hydrate(element, container) {
+    // For now, just render (full hydration would be more complex)
+    return render(element, container);
+}
+// ============================================================================
+// Default Export
+// ============================================================================
+export default {
+    jsx,
+    jsxs,
+    jsxDEV,
+    Fragment,
+    createElement: createElement,
+    createRef: createRef,
+    forwardRef: forwardRef,
+    isValidElement: isValidElement,
+    cloneElement: cloneElement,
+    renderToString: renderToString,
+    createPortal: createPortal,
+    render,
+    hydrate,
+    memo,
+    jsxComponent,
+    defineComponent,
+    createReactiveJSX,
+};

package/dist/lib/index.mjs

@@ -0,0 +1 @@
+import{insert as y,isSVGElement as j,asComponent as J,checkRenderType as X,applyProps as h}from"@fluixi/dom";import{createComponent as b}from"@fluixi/dom";import{createSignal as ne,createMemo as x,readChildren as T}from"@fluixi/reactive/signal";var i=Symbol.for("fluixi.fragment"),S=typeof window>"u";function E(e){return e==null||e===!1?null:Array.isArray(e)?e.map(E).flat():e}function s(e,t,n){if(e==null)return null;let r=t||{};if(n!==void 0&&(r.key=n),e===i)return x(()=>J(E(r.children)));if(typeof e=="function"){let{type:o}=X(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(r):S?{type:e,props:r}:x(()=>b(e,r),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?v(e,r):null}var a=s;function v(e,t){if(S)return{type:e,props:t||{}};let n=j(e),r=n?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return R(r,t,n),r}function R(e,t,n){if(h(e,t,n),t&&t.children!==void 0){let r=T(()=>t.children);Array.isArray(r)?r.forEach(o=>{y(e,o,typeof o=="function"?null:void 0)}):y(e,r,typeof r=="function"?null:void 0)}}function f(e,t,...n){let r={...t};return n.length>0&&(r.children=n.length===1?n[0]:n),s(e,r)}function p(e){return typeof e=="object"&&e!==null&&"type"in e}function c(e,t,...n){return s(e.type,{...e.props,...t,children:n.length?n:e.props.children})}function u(e){return{current:e||null}}function C(...e){let t={};for(let n of e){if(!n)continue;let r=Object.getOwnPropertyDescriptors(n);Object.defineProperties(t,r)}return t}function m(e){return t=>e(t,t.ref)}async function d(e){throw new Error("renderToString should be imported from server module")}function l(e,t,n,r,o,K){return s(e,t,n)}import{delegateEvents as ge}from"@fluixi/dom";import{createPortal as w,initializeIntegration as k,render as P}from"@fluixi/dom";import{batch as g}from"@fluixi/reactive/signal";function O(e){return k({signalSystem:e.signalSystem}),{jsx:s,jsxs:a,jsxDEV:l,Fragment:i,render:(t,n)=>{n&&g(()=>{for(;n.firstChild;)n.removeChild(n.firstChild);t instanceof Node?n.appendChild(t):Array.isArray(t)&&t.forEach(r=>{r instanceof Node&&n.appendChild(r)})})},batch:g}}function V(e){return e}function D(e,t){return Object.defineProperty(t,"name",{value:e}),t}function A(e,t){let n,r;return o=>(n!==void 0&&(t?t(n,o):F(n,o))||(n=o,r=e(o)),r)}function F(e,t){if(e===t)return!0;if(typeof e!="object"||typeof t!="object"||e===null||t===null)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let o of n)if(e[o]!==t[o])return!1;return!0}function N(e,t){return P(e,t)}var de={jsx:s,jsxs:a,jsxDEV:l,Fragment:i,createElement:f,createRef:u,forwardRef:m,isValidElement:p,cloneElement:c,renderToString:d,createPortal:w,render:P,hydrate:N,memo:A,jsxComponent:V,defineComponent:D,createReactiveJSX:O};export{i as Fragment,c as cloneElement,f as createElement,O as createReactiveJSX,u as createRef,de as default,D as defineComponent,ge as delegateEvents,m as forwardRef,N as hydrate,p as isValidElement,s as jsx,V as jsxComponent,l as jsxDEV,a as jsxs,A as memo,C as mergeProps,d as renderToString};

package/dist/lib/jsx-dev-runtime.cjs

@@ -0,0 +1 @@
+"use strict";var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var g=(e,n)=>{for(var r in n)l(e,r,{get:n[r],enumerable:!0})},x=(e,n,r,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of y(n))!S.call(e,o)&&o!==r&&l(e,o,{get:()=>n[o],enumerable:!(t=m(n,o))||t.enumerable});return e};var T=e=>x(l({},"__esModule",{value:!0}),e);var h={};g(h,{Fragment:()=>c,jsx:()=>a,jsxDEV:()=>P,jsxs:()=>d});module.exports=T(h);var s=require("@fluixi/dom"),u=require("@fluixi/dom"),i=require("@fluixi/reactive/signal"),c=Symbol.for("fluixi.fragment"),p=typeof window>"u";function f(e){return e==null||e===!1?null:Array.isArray(e)?e.map(f).flat():e}function a(e,n,r){if(e==null)return null;let t=n||{};if(r!==void 0&&(t.key=r),e===c)return(0,i.createMemo)(()=>(0,s.asComponent)(f(t.children)));if(typeof e=="function"){let{type:o}=(0,s.checkRenderType)(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(t):p?{type:e,props:t}:(0,i.createMemo)(()=>(0,u.createComponent)(e,t),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?E(e,t):null}var d=a;function E(e,n){if(p)return{type:e,props:n||{}};let r=(0,s.isSVGElement)(e),t=r?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return b(t,n,r),t}function b(e,n,r){if((0,s.applyProps)(e,n,r),n&&n.children!==void 0){let t=(0,i.readChildren)(()=>n.children);Array.isArray(t)?t.forEach(o=>{(0,s.insert)(e,o,typeof o=="function"?null:void 0)}):(0,s.insert)(e,t,typeof t=="function"?null:void 0)}}function P(e,n,r,t,o,J){return a(e,n,r)}

package/dist/lib/jsx-dev-runtime.d.ts

@@ -0,0 +1,11 @@
+import { jsx, jsxs, Fragment, JSXComponent, JSXProps, JSXElement } from './jsx-runtime.js';
+export { Fragment, jsx, jsxs };
+/**
+ * jsxDEV - development version
+ */
+export declare function jsxDEV(type: string | JSXComponent, props: JSXProps | null, key?: string, isStaticChildren?: boolean, source?: {
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+}, self?: any): JSXElement;
+//# sourceMappingURL=jsx-dev-runtime.d.ts.map

package/dist/lib/jsx-dev-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../../src/lib/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,UAAU,EACX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AAE/B;;GAEG;AACH,wBAAgB,MAAM,CACpB,IAAI,EAAE,MAAM,GAAG,YAAY,EAC3B,KAAK,EAAE,QAAQ,GAAG,IAAI,EACtB,GAAG,CAAC,EAAE,MAAM,EACZ,gBAAgB,CAAC,EAAE,OAAO,EAC1B,MAAM,CAAC,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,EACvE,IAAI,CAAC,EAAE,GAAG,GACT,UAAU,CAEZ"}

package/dist/lib/jsx-dev-runtime.js

@@ -0,0 +1,60 @@
+import { jsx, jsxs, Fragment, } from './jsx-runtime.js';
+export { Fragment, jsx, jsxs };
+/**
+ * jsxDEV - development version
+ */
+export function jsxDEV(type, props, key, isStaticChildren, source, self) {
+    return jsx(type, props, key);
+}
+function validateProps(tag, props) {
+    if (typeof tag === 'string') {
+        const validProps = getValidDOMProps(tag);
+        for (const prop in props) {
+            if (!validProps.has(prop) &&
+                !prop.startsWith('on') &&
+                prop !== 'children') {
+                console.warn(`Invalid prop "${prop}" on <${tag}> element`);
+            }
+        }
+    }
+}
+function getValidDOMProps(tag) {
+    const commonProps = new Set([
+        'className',
+        'class',
+        'style',
+        'id',
+        'key',
+        'ref',
+        'title',
+        'role',
+        'tabIndex',
+        'disabled',
+        'hidden',
+        'src',
+        'href',
+        'alt',
+        'target',
+        'type',
+        'value',
+        'checked',
+        'selected',
+        'placeholder',
+        'readOnly',
+        'required',
+        'min',
+        'max',
+        'step',
+        'pattern',
+        'autoComplete',
+        'autoFocus',
+        'cols',
+        'rows',
+        'multiple',
+        'size',
+        'accept',
+        'for',
+        'name',
+    ]);
+    return commonProps;
+}

package/dist/lib/jsx-dev-runtime.mjs

@@ -0,0 +1 @@
+import{insert as i,isSVGElement as p,asComponent as f,checkRenderType as d,applyProps as m}from"@fluixi/dom";import{createComponent as y}from"@fluixi/dom";import{createSignal as F,createMemo as a,readChildren as S}from"@fluixi/reactive/signal";var l=Symbol.for("fluixi.fragment"),c=typeof window>"u";function u(e){return e==null||e===!1?null:Array.isArray(e)?e.map(u).flat():e}function s(e,t,r){if(e==null)return null;let n=t||{};if(r!==void 0&&(n.key=r),e===l)return a(()=>f(u(n.children)));if(typeof e=="function"){let{type:o}=d(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(n):c?{type:e,props:n}:a(()=>y(e,n),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?x(e,n):null}var g=s;function x(e,t){if(c)return{type:e,props:t||{}};let r=p(e),n=r?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return T(n,t,r),n}function T(e,t,r){if(m(e,t,r),t&&t.children!==void 0){let n=S(()=>t.children);Array.isArray(n)?n.forEach(o=>{i(e,o,typeof o=="function"?null:void 0)}):i(e,n,typeof n=="function"?null:void 0)}}function q(e,t,r,n,o,E){return s(e,t,r)}export{l as Fragment,s as jsx,q as jsxDEV,g as jsxs};

package/dist/lib/jsx-runtime.cjs

@@ -0,0 +1 @@
+"use strict";var f=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var x=(e,n)=>{for(var t in n)f(e,t,{get:n[t],enumerable:!0})},T=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of S(n))!g.call(e,o)&&o!==t&&f(e,o,{get:()=>n[o],enumerable:!(r=m(n,o))||r.enumerable});return e};var E=e=>T(f({},"__esModule",{value:!0}),e);var K={};x(K,{Fragment:()=>p,cloneElement:()=>J,createElement:()=>w,createRef:()=>X,delegatedSet:()=>b,forwardRef:()=>A,isValidElement:()=>v,jsx:()=>l,jsxDEV:()=>R,jsxs:()=>P,mergeProps:()=>O,renderToString:()=>D,splitProps:()=>C,useRef:()=>k});module.exports=E(K);var s=require("@fluixi/dom"),c=require("@fluixi/dom"),i=require("@fluixi/reactive/signal"),p=Symbol.for("fluixi.fragment"),d=typeof window>"u",b=new Set;function y(e){return e==null||e===!1?null:Array.isArray(e)?e.map(y).flat():e}function l(e,n,t){if(e==null)return null;let r=n||{};if(t!==void 0&&(r.key=t),e===p)return(0,i.createMemo)(()=>(0,s.asComponent)(y(r.children)));if(typeof e=="function"){let{type:o}=(0,s.checkRenderType)(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(r):d?{type:e,props:r}:(0,i.createMemo)(()=>(0,c.createComponent)(e,r),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?h(e,r):null}var P=l;function R(e,n,t,r){return l(e,n,t)}function h(e,n){if(d)return{type:e,props:n||{}};let t=(0,s.isSVGElement)(e),r=t?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return j(r,n,t),r}function j(e,n,t){if((0,s.applyProps)(e,n,t),n&&n.children!==void 0){let r=(0,i.readChildren)(()=>n.children);Array.isArray(r)?r.forEach(o=>{(0,s.insert)(e,o,typeof o=="function"?null:void 0)}):(0,s.insert)(e,r,typeof r=="function"?null:void 0)}}function w(e,n,...t){let r={...n};return t.length>0&&(r.children=t.length===1?t[0]:t),l(e,r)}function v(e){return typeof e=="object"&&e!==null&&"type"in e}function J(e,n,...t){return l(e.type,{...e.props,...n,children:t.length?t:e.props.children})}function X(e){return{current:e||null}}function k(e){let[n,t]=(0,i.createSignal)(e??null);return{get current(){return n()},set current(r){t(r)}}}function O(...e){let n={};for(let t of e){if(!t)continue;let r=Object.getOwnPropertyDescriptors(t);Object.defineProperties(n,r)}return n}function C(e,n){let t={},r={},o=new Set(n),u=Object.getOwnPropertyDescriptors(e);for(let a in u)o.has(a)?Object.defineProperty(t,a,u[a]):Object.defineProperty(r,a,u[a]);return[t,r]}function A(e){return n=>e(n,n.ref)}async function D(e){throw new Error("renderToString should be imported from server module")}

package/dist/lib/jsx-runtime.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @fileoverview JSX Runtime with Reactive DOM Support
+ * @module @fluixi/jsx
+ *
+ * Production-grade JSX runtime for the Fluixi reactive system.
+ * Key design: event handlers stored as $$eventname properties on DOM nodes
+ * (SolidJS delegation pattern) for reliable bubbling and preventDefault support.
+ */
+import type { TemplateResult, SVGTemplateResult } from 'lit';
+export type JSXElement = TemplateResult | SVGTemplateResult | Node | string | number | boolean | null | undefined | JSXElement[];
+export type JSXComponent<P = any> = (props: P) => JSXElement;
+export interface JSXProps {
+    children?: JSXElement;
+    ref?: any;
+    [key: string]: any;
+}
+export type RefCallback<T> = (instance: T) => void;
+export type RefObject<T> = {
+    current: T | null;
+};
+export declare const Fragment: unique symbol;
+declare const globalDelegatedSet: Set<string>;
+/**
+ * Main JSX factory function.
+ * - String tags → native DOM element
+ * - Function tags → component (wrapped in createMemo for reactivity)
+ * - Fragment → children array
+ */
+export declare function jsx(type: any, props: any, key?: string): JSXElement;
+export declare const jsxs: typeof jsx;
+export declare function jsxDEV(type: any, props: any, key?: string, _isStaticChildren?: boolean): JSXElement;
+export declare function createElement(type: any, props: any, ...children: any[]): JSXElement;
+export declare function isValidElement(object: any): boolean;
+export declare function cloneElement(element: any, props: any, ...children: any[]): any;
+export declare function createRef<T>(initialValue?: T): {
+    current: NonNullable<T> | null;
+};
+/**
+ * Create a reactive ref compatible with `ref={...}` JSX prop.
+ * The `.current` property is backed by a signal for reactive tracking.
+ */
+export declare function useRef<T>(initialValue?: T): {
+    current: T | null | undefined;
+};
+/**
+ * Merge multiple props objects reactively.
+ * Getters from each source are preserved for reactive prop access.
+ */
+export declare function mergeProps<T extends object>(...sources: Partial<T>[]): T;
+/**
+ * Split props into two objects: one with the specified keys, one with the rest.
+ */
+export declare function splitProps<T extends object, K extends keyof T>(props: T, keys: K[]): [Pick<T, K>, Omit<T, K>];
+export declare function forwardRef(fn: Function): (props: any) => any;
+export declare function renderToString(element: JSXElement): Promise<string>;
+export { globalDelegatedSet as delegatedSet };
+export type { JSX } from './jsx.d.js';
+//# sourceMappingURL=jsx-runtime.d.ts.map

package/dist/lib/jsx-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../../src/lib/jsx-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAC;AA+B7D,MAAM,MAAM,UAAU,GAClB,cAAc,GACd,iBAAiB,GACjB,IAAI,GACJ,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,UAAU,EAAE,CAAC;AAEjB,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,UAAU,CAAC;AAE7D,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;AACnD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IAAE,OAAO,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,CAAC;AAMjD,eAAO,MAAM,QAAQ,eAAgC,CAAC;AAKtD,QAAA,MAAM,kBAAkB,aAAoB,CAAC;AA+B7C;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAiCnE;AAED,eAAO,MAAM,IAAI,YAAM,CAAC;AAExB,wBAAgB,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,OAAO,GAAG,UAAU,CAEnG;AAuCD,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,UAAU,CAInF;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAEnD;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAG,CAM9E;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC;;EAE5C;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC;aAIvB,CAAC,GAAG,IAAI,GAAG,SAAS;EAEtC;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAQxE;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAC5D,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,CAAC,EAAE,GACR,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAe1B;AAGD,wBAAgB,UAAU,CAAC,EAAE,EAAE,QAAQ,IAC7B,OAAO,GAAG,SACnB;AAED,wBAAsB,cAAc,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAGzE;AAGD,OAAO,EAAE,kBAAkB,IAAI,YAAY,EAAE,CAAC;AAM9C,YAAY,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC"}

package/dist/lib/jsx-runtime.js

@@ -0,0 +1,181 @@
+/**
+ * @fileoverview JSX Runtime with Reactive DOM Support
+ * @module @fluixi/jsx
+ *
+ * Production-grade JSX runtime for the Fluixi reactive system.
+ * Key design: event handlers stored as $$eventname properties on DOM nodes
+ * (SolidJS delegation pattern) for reliable bubbling and preventDefault support.
+ */
+import { insert, isSVGElement, asComponent, checkRenderType, applyProps as domProps } from '@fluixi/dom';
+import { createComponent } from '@fluixi/dom';
+import { createSignal, createMemo, readChildren } from '@fluixi/reactive/signal';
+// ============================================================================
+// Constants
+// ============================================================================
+export const Fragment = Symbol.for('fluixi.fragment');
+const isSSR = typeof window === 'undefined';
+// Track which event names we've registered globally (mirrors delegatedSet in runtime)
+const globalDelegatedSet = new Set();
+// ============================================================================
+// Helper: createComponent
+//
+// Both backends now instantiate components through the framework's registered
+// createComponent (imported from @fluixi/dom; fluixi registers it via
+// registerCreateComponent). That path runs the component untracked AND applies
+// the proper owner/lifecycle handling + asComponent stamping — so the jsx and
+// imperative backends share one component-instantiation path. The dom shim
+// falls back to `() => Comp(props)` only when no system is registered.
+// ============================================================================
+// ============================================================================
+// Helper: normalizeChildren
+// ============================================================================
+function normalizeChildren(children) {
+    if (children === undefined || children === null || children === false)
+        return null;
+    if (Array.isArray(children)) {
+        return children.map(normalizeChildren).flat();
+    }
+    return children;
+}
+// ============================================================================
+// JSX Factory
+// ============================================================================
+/**
+ * Main JSX factory function.
+ * - String tags → native DOM element
+ * - Function tags → component (wrapped in createMemo for reactivity)
+ * - Fragment → children array
+ */
+export function jsx(type, props, key) {
+    if (type == null)
+        return null;
+    const p = props || {};
+    if (key !== undefined)
+        p.key = key;
+    if (type === Fragment) {
+        return createMemo(() => asComponent(normalizeChildren(p.children)));
+    }
+    if (typeof type === 'function') {
+        const { type: renderType } = checkRenderType(type);
+        // Context Provider is called directly — no memo wrapper.
+        if (type.$$typeof === Symbol.for('react.provider') ||
+            renderType === 'provider') {
+            return type(p);
+        }
+        if (isSSR)
+            return { type, props: p };
+        // Wrap in a memo so the component is reactive.
+        return createMemo(() => createComponent(type, p), undefined, { name: 'jsx component' });
+    }
+    // Handle string tags (native elements)
+    if (typeof type === 'string' && type.trim().length > 0) {
+        return createNativeElement(type, p);
+    }
+    return null;
+}
+export const jsxs = jsx;
+export function jsxDEV(type, props, key, _isStaticChildren) {
+    return jsx(type, props, key);
+}
+// ============================================================================
+// Native Element Creation
+// ============================================================================
+function createNativeElement(tag, props) {
+    if (isSSR)
+        return { type: tag, props: props || {} };
+    const isSVG = isSVGElement(tag);
+    const element = isSVG
+        ? document.createElementNS('http://www.w3.org/2000/svg', tag)
+        : document.createElement(tag);
+    applyProps(element, props, isSVG);
+    return element;
+}
+// Apply JSX props to a DOM element (via domProps), then insert its children.
+function applyProps(element, props, isSVG) {
+    domProps(element, props, isSVG);
+    if (props && props.children !== undefined) {
+        const children = readChildren(() => props.children);
+        if (Array.isArray(children)) {
+            children.forEach((c) => {
+                insert(element, c, (typeof c === 'function' ? null : undefined));
+            });
+        }
+        else {
+            insert(element, children, (typeof children === 'function' ? null : undefined));
+        }
+    }
+}
+// ============================================================================
+// Additional Exports
+// ============================================================================
+export function createElement(type, props, ...children) {
+    const p = { ...props };
+    if (children.length > 0)
+        p.children = children.length === 1 ? children[0] : children;
+    return jsx(type, p);
+}
+export function isValidElement(object) {
+    return typeof object === 'object' && object !== null && 'type' in object;
+}
+export function cloneElement(element, props, ...children) {
+    return jsx(element.type, {
+        ...element.props,
+        ...props,
+        children: children.length ? children : element.props.children,
+    });
+}
+export function createRef(initialValue) {
+    return { current: initialValue || null };
+}
+/**
+ * Create a reactive ref compatible with `ref={...}` JSX prop.
+ * The `.current` property is backed by a signal for reactive tracking.
+ */
+export function useRef(initialValue) {
+    const [get, set] = createSignal(initialValue ?? null);
+    return {
+        get current() { return get(); },
+        set current(v) { set(v); },
+    };
+}
+/**
+ * Merge multiple props objects reactively.
+ * Getters from each source are preserved for reactive prop access.
+ */
+export function mergeProps(...sources) {
+    const target = {};
+    for (const source of sources) {
+        if (!source)
+            continue;
+        const descriptors = Object.getOwnPropertyDescriptors(source);
+        Object.defineProperties(target, descriptors);
+    }
+    return target;
+}
+/**
+ * Split props into two objects: one with the specified keys, one with the rest.
+ */
+export function splitProps(props, keys) {
+    const picked = {};
+    const rest = {};
+    const keySet = new Set(keys);
+    const descriptors = Object.getOwnPropertyDescriptors(props);
+    for (const key in descriptors) {
+        if (keySet.has(key)) {
+            Object.defineProperty(picked, key, descriptors[key]);
+        }
+        else {
+            Object.defineProperty(rest, key, descriptors[key]);
+        }
+    }
+    return [picked, rest];
+}
+export function forwardRef(fn) {
+    return (props) => fn(props, props.ref);
+}
+export async function renderToString(element) {
+    // Use @lit-labs/ssr or implementation from server module
+    throw new Error('renderToString should be imported from server module');
+}
+// Re-export delegatedSet accessor for the runtime to check
+export { globalDelegatedSet as delegatedSet };

package/dist/lib/jsx-runtime.mjs

@@ -0,0 +1 @@
+import{insert as l,isSVGElement as p,asComponent as d,checkRenderType as y,applyProps as m}from"@fluixi/dom";import{createComponent as S}from"@fluixi/dom";import{createSignal as g,createMemo as u,readChildren as x}from"@fluixi/reactive/signal";var T=Symbol.for("fluixi.fragment"),f=typeof window>"u",L=new Set;function c(e){return e==null||e===!1?null:Array.isArray(e)?e.map(c).flat():e}function i(e,n,t){if(e==null)return null;let r=n||{};if(t!==void 0&&(r.key=t),e===T)return u(()=>d(c(r.children)));if(typeof e=="function"){let{type:o}=y(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(r):f?{type:e,props:r}:u(()=>S(e,r),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?E(e,r):null}var $=i;function z(e,n,t,r){return i(e,n,t)}function E(e,n){if(f)return{type:e,props:n||{}};let t=p(e),r=t?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return b(r,n,t),r}function b(e,n,t){if(m(e,n,t),n&&n.children!==void 0){let r=x(()=>n.children);Array.isArray(r)?r.forEach(o=>{l(e,o,typeof o=="function"?null:void 0)}):l(e,r,typeof r=="function"?null:void 0)}}function M(e,n,...t){let r={...n};return t.length>0&&(r.children=t.length===1?t[0]:t),i(e,r)}function _(e){return typeof e=="object"&&e!==null&&"type"in e}function q(e,n,...t){return i(e.type,{...e.props,...n,children:t.length?t:e.props.children})}function B(e){return{current:e||null}}function H(e){let[n,t]=g(e??null);return{get current(){return n()},set current(r){t(r)}}}function I(...e){let n={};for(let t of e){if(!t)continue;let r=Object.getOwnPropertyDescriptors(t);Object.defineProperties(n,r)}return n}function Q(e,n){let t={},r={},o=new Set(n),a=Object.getOwnPropertyDescriptors(e);for(let s in a)o.has(s)?Object.defineProperty(t,s,a[s]):Object.defineProperty(r,s,a[s]);return[t,r]}function U(e){return n=>e(n,n.ref)}async function W(e){throw new Error("renderToString should be imported from server module")}export{T as Fragment,q as cloneElement,M as createElement,B as createRef,L as delegatedSet,U as forwardRef,_ as isValidElement,i as jsx,z as jsxDEV,$ as jsxs,I as mergeProps,W as renderToString,Q as splitProps,H as useRef};