@fluixi/jsx 1.0.0-alpha.82 → 1.0.0-alpha.84

package/dist/lib/index.mjs

@@ -1 +1,188 @@
-import{asComponent as P,checkRenderType as j}from"@fluixi/dom";import{createComponent as J,createDynamicElement as X}from"@fluixi/dom";import{createSignal as te,createMemo as y}from"@fluixi/reactive/signal";var i=Symbol.for("fluixi.fragment"),x=typeof window>"u";function S(e){return e==null||e===!1?null:Array.isArray(e)?e.map(S).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 y(()=>P(S(r.children)));if(typeof e=="function"){let{type:o}=j(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(r):x?{type:e,props:r}:y(()=>J(e,r),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?b(e,r):null}var a=s;function b(e,t){return x?{type:e,props:t||{}}:X(e,t)}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 m(e){return{current:e||null}}function h(...e){let t={};for(let n of e){if(!n)continue;let r=Object.getOwnPropertyDescriptors(n);Object.defineProperties(t,r)}return t}function u(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,V){return s(e,t,n)}import{delegateEvents as Ee}from"@fluixi/dom";import{createPortal as v,initializeIntegration as T,render as E}from"@fluixi/dom";import{batch as g}from"@fluixi/reactive/signal";function R(e){return T({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 C(e){return e}function k(e,t){return Object.defineProperty(t,"name",{value:e}),t}function w(e,t){let n,r;return o=>(n!==void 0&&(t?t(n,o):O(n,o))||(n=o,r=e(o)),r)}function O(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 D(e,t){return E(e,t)}var de={jsx:s,jsxs:a,jsxDEV:l,Fragment:i,createElement:f,createRef:m,forwardRef:u,isValidElement:p,cloneElement:c,renderToString:d,createPortal:v,render:E,hydrate:D,memo:w,jsxComponent:C,defineComponent:k,createReactiveJSX:R};export{i as Fragment,c as cloneElement,f as createElement,R as createReactiveJSX,m as createRef,de as default,k as defineComponent,Ee as delegateEvents,u as forwardRef,D as hydrate,p as isValidElement,s as jsx,C as jsxComponent,l as jsxDEV,a as jsxs,w as memo,h as mergeProps,d as renderToString};
+// src/lib/jsx-runtime.ts
+import {
+  asComponent,
+  checkRenderType
+} from "@fluixi/dom";
+import { createComponent, createDynamicElement } from "@fluixi/dom";
+import { createSignal, createMemo } from "@fluixi/reactive/signal";
+var Fragment = /* @__PURE__ */ Symbol.for("fluixi.fragment");
+var isSSR = typeof window === "undefined";
+function normalizeChildren(children) {
+  if (children === void 0 || children === null || children === false) return null;
+  if (Array.isArray(children)) {
+    return children.map(normalizeChildren).flat();
+  }
+  return children;
+}
+function jsx(type, props, key) {
+  if (type == null) return null;
+  const p = props || {};
+  if (key !== void 0) p.key = key;
+  if (type === Fragment) {
+    return createMemo(() => asComponent(normalizeChildren(p.children)));
+  }
+  if (typeof type === "function") {
+    const { type: renderType } = checkRenderType(type);
+    if (type.$$typeof === /* @__PURE__ */ Symbol.for("react.provider") || renderType === "provider") {
+      return type(p);
+    }
+    if (isSSR) return { type, props: p };
+    return createMemo(() => createComponent(type, p), void 0, { name: "jsx component" });
+  }
+  if (typeof type === "string" && type.trim().length > 0) {
+    return createNativeElement(type, p);
+  }
+  return null;
+}
+var jsxs = jsx;
+function createNativeElement(tag, props) {
+  if (isSSR) return { type: tag, props: props || {} };
+  return createDynamicElement(tag, props);
+}
+function createElement(type, props, ...children) {
+  const p = { ...props };
+  if (children.length > 0) p.children = children.length === 1 ? children[0] : children;
+  return jsx(type, p);
+}
+function isValidElement(object) {
+  return typeof object === "object" && object !== null && "type" in object;
+}
+function cloneElement(element, props, ...children) {
+  return jsx(element.type, {
+    ...element.props,
+    ...props,
+    children: children.length ? children : element.props.children
+  });
+}
+function createRef(initialValue) {
+  return { current: initialValue || null };
+}
+function mergeProps(...sources) {
+  const target = {};
+  for (const source of sources) {
+    if (!source) continue;
+    const descriptors = Object.getOwnPropertyDescriptors(source);
+    Object.defineProperties(target, descriptors);
+  }
+  return target;
+}
+function forwardRef(fn) {
+  return (props) => fn(props, props.ref);
+}
+async function renderToString(element) {
+  throw new Error("renderToString should be imported from server module");
+}
+
+// src/lib/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  return jsx(type, props, key);
+}
+
+// src/lib/index.ts
+import { delegateEvents as delegateEvents2 } from "@fluixi/dom";
+import { createPortal, initializeIntegration, render } from "@fluixi/dom";
+import { batch } from "@fluixi/reactive/signal";
+function createReactiveJSX(config) {
+  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
+  };
+}
+function jsxComponent(fn) {
+  return fn;
+}
+function defineComponent(name, fn) {
+  Object.defineProperty(fn, "name", { value: name });
+  return fn;
+}
+function memo(component, equals) {
+  let lastProps;
+  let lastResult;
+  return (props) => {
+    if (lastProps !== void 0) {
+      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;
+}
+function hydrate(element, container) {
+  return render(element, container);
+}
+var index_default = {
+  jsx,
+  jsxs,
+  jsxDEV,
+  Fragment,
+  createElement,
+  createRef,
+  forwardRef,
+  isValidElement,
+  cloneElement,
+  renderToString,
+  createPortal,
+  render,
+  hydrate,
+  memo,
+  jsxComponent,
+  defineComponent,
+  createReactiveJSX
+};
+export {
+  Fragment,
+  cloneElement,
+  createElement,
+  createReactiveJSX,
+  createRef,
+  index_default as default,
+  defineComponent,
+  delegateEvents2 as delegateEvents,
+  forwardRef,
+  hydrate,
+  isValidElement,
+  jsx,
+  jsxComponent,
+  jsxDEV,
+  jsxs,
+  memo,
+  mergeProps,
+  renderToString
+};

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

@@ -1 +1,73 @@
-"use strict";var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var S=(e,n)=>{for(var r in n)c(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))!g.call(e,o)&&o!==r&&c(e,o,{get:()=>n[o],enumerable:!(t=d(n,o))||t.enumerable});return e};var E=e=>x(c({},"__esModule",{value:!0}),e);var P={};S(P,{Fragment:()=>p,jsx:()=>l,jsxDEV:()=>b,jsxs:()=>m});module.exports=E(P);var i=require("@fluixi/dom"),a=require("@fluixi/dom"),s=require("@fluixi/reactive/signal"),p=Symbol.for("fluixi.fragment"),u=typeof window>"u";function f(e){return e==null||e===!1?null:Array.isArray(e)?e.map(f).flat():e}function l(e,n,r){if(e==null)return null;let t=n||{};if(r!==void 0&&(t.key=r),e===p)return(0,s.createMemo)(()=>(0,i.asComponent)(f(t.children)));if(typeof e=="function"){let{type:o}=(0,i.checkRenderType)(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(t):u?{type:e,props:t}:(0,s.createMemo)(()=>(0,a.createComponent)(e,t),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?T(e,t):null}var m=l;function T(e,n){return u?{type:e,props:n||{}}:(0,a.createDynamicElement)(e,n)}function b(e,n,r,t,o,J){return l(e,n,r)}
+/*! @fluixi/jsx v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/jsx-dev-runtime.ts
+var jsx_dev_runtime_exports = {};
+__export(jsx_dev_runtime_exports, {
+  Fragment: () => Fragment,
+  jsx: () => jsx,
+  jsxDEV: () => jsxDEV,
+  jsxs: () => jsxs
+});
+module.exports = __toCommonJS(jsx_dev_runtime_exports);
+
+// src/lib/jsx-runtime.ts
+var import_dom = require("@fluixi/dom");
+var import_dom2 = require("@fluixi/dom");
+var import_signal = require("@fluixi/reactive/signal");
+var Fragment = /* @__PURE__ */ Symbol.for("fluixi.fragment");
+var isSSR = typeof window === "undefined";
+function normalizeChildren(children) {
+  if (children === void 0 || children === null || children === false) return null;
+  if (Array.isArray(children)) {
+    return children.map(normalizeChildren).flat();
+  }
+  return children;
+}
+function jsx(type, props, key) {
+  if (type == null) return null;
+  const p = props || {};
+  if (key !== void 0) p.key = key;
+  if (type === Fragment) {
+    return (0, import_signal.createMemo)(() => (0, import_dom.asComponent)(normalizeChildren(p.children)));
+  }
+  if (typeof type === "function") {
+    const { type: renderType } = (0, import_dom.checkRenderType)(type);
+    if (type.$$typeof === /* @__PURE__ */ Symbol.for("react.provider") || renderType === "provider") {
+      return type(p);
+    }
+    if (isSSR) return { type, props: p };
+    return (0, import_signal.createMemo)(() => (0, import_dom2.createComponent)(type, p), void 0, { name: "jsx component" });
+  }
+  if (typeof type === "string" && type.trim().length > 0) {
+    return createNativeElement(type, p);
+  }
+  return null;
+}
+var jsxs = jsx;
+function createNativeElement(tag, props) {
+  if (isSSR) return { type: tag, props: props || {} };
+  return (0, import_dom2.createDynamicElement)(tag, props);
+}
+
+// src/lib/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  return jsx(type, props, key);
+}

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

@@ -1 +1,54 @@
-import{asComponent as p,checkRenderType as u}from"@fluixi/dom";import{createComponent as f,createDynamicElement as m}from"@fluixi/dom";import{createSignal as F,createMemo as i}from"@fluixi/reactive/signal";var a=Symbol.for("fluixi.fragment"),l=typeof window>"u";function c(e){return e==null||e===!1?null:Array.isArray(e)?e.map(c).flat():e}function o(e,t,r){if(e==null)return null;let n=t||{};if(r!==void 0&&(n.key=r),e===a)return i(()=>p(c(n.children)));if(typeof e=="function"){let{type:s}=u(e);return e.$$typeof===Symbol.for("react.provider")||s==="provider"?e(n):l?{type:e,props:n}:i(()=>f(e,n),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?y(e,n):null}var d=o;function y(e,t){return l?{type:e,props:t||{}}:m(e,t)}function G(e,t,r,n,s,g){return o(e,t,r)}export{a as Fragment,o as jsx,G as jsxDEV,d as jsxs};
+/*! @fluixi/jsx v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// src/lib/jsx-runtime.ts
+import {
+  asComponent,
+  checkRenderType
+} from "@fluixi/dom";
+import { createComponent, createDynamicElement } from "@fluixi/dom";
+import { createSignal, createMemo } from "@fluixi/reactive/signal";
+var Fragment = /* @__PURE__ */ Symbol.for("fluixi.fragment");
+var isSSR = typeof window === "undefined";
+function normalizeChildren(children) {
+  if (children === void 0 || children === null || children === false) return null;
+  if (Array.isArray(children)) {
+    return children.map(normalizeChildren).flat();
+  }
+  return children;
+}
+function jsx(type, props, key) {
+  if (type == null) return null;
+  const p = props || {};
+  if (key !== void 0) p.key = key;
+  if (type === Fragment) {
+    return createMemo(() => asComponent(normalizeChildren(p.children)));
+  }
+  if (typeof type === "function") {
+    const { type: renderType } = checkRenderType(type);
+    if (type.$$typeof === /* @__PURE__ */ Symbol.for("react.provider") || renderType === "provider") {
+      return type(p);
+    }
+    if (isSSR) return { type, props: p };
+    return createMemo(() => createComponent(type, p), void 0, { name: "jsx component" });
+  }
+  if (typeof type === "string" && type.trim().length > 0) {
+    return createNativeElement(type, p);
+  }
+  return null;
+}
+var jsxs = jsx;
+function createNativeElement(tag, props) {
+  if (isSSR) return { type: tag, props: props || {} };
+  return createDynamicElement(tag, props);
+}
+
+// src/lib/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  return jsx(type, props, key);
+}
+export {
+  Fragment,
+  jsx,
+  jsxDEV,
+  jsxs
+};

package/dist/lib/jsx-runtime.cjs

@@ -1 +1,138 @@
-"use strict";var f=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var S=(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 g(n))!x.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={};S(K,{Fragment:()=>p,cloneElement:()=>k,createElement:()=>X,createRef:()=>v,delegatedSet:()=>b,forwardRef:()=>C,isValidElement:()=>R,jsx:()=>a,jsxDEV:()=>j,jsxs:()=>P,mergeProps:()=>w,renderToString:()=>D,splitProps:()=>h,useRef:()=>O});module.exports=E(K);var l=require("@fluixi/dom"),u=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 a(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,l.asComponent)(y(r.children)));if(typeof e=="function"){let{type:o}=(0,l.checkRenderType)(e);return e.$$typeof===Symbol.for("react.provider")||o==="provider"?e(r):d?{type:e,props:r}:(0,i.createMemo)(()=>(0,u.createComponent)(e,r),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?J(e,r):null}var P=a;function j(e,n,t,r){return a(e,n,t)}function J(e,n){return d?{type:e,props:n||{}}:(0,u.createDynamicElement)(e,n)}function X(e,n,...t){let r={...n};return t.length>0&&(r.children=t.length===1?t[0]:t),a(e,r)}function R(e){return typeof e=="object"&&e!==null&&"type"in e}function k(e,n,...t){return a(e.type,{...e.props,...n,children:t.length?t:e.props.children})}function v(e){return{current:e||null}}function O(e){let[n,t]=(0,i.createSignal)(e??null);return{get current(){return n()},set current(r){t(r)}}}function w(...e){let n={};for(let t of e){if(!t)continue;let r=Object.getOwnPropertyDescriptors(t);Object.defineProperties(n,r)}return n}function h(e,n){let t={},r={},o=new Set(n),c=Object.getOwnPropertyDescriptors(e);for(let s in c)o.has(s)?Object.defineProperty(t,s,c[s]):Object.defineProperty(r,s,c[s]);return[t,r]}function C(e){return n=>e(n,n.ref)}async function D(e){throw new Error("renderToString should be imported from server module")}
+/*! @fluixi/jsx v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/jsx-runtime.ts
+var jsx_runtime_exports = {};
+__export(jsx_runtime_exports, {
+  Fragment: () => Fragment,
+  cloneElement: () => cloneElement,
+  createElement: () => createElement,
+  createRef: () => createRef,
+  delegatedSet: () => globalDelegatedSet,
+  forwardRef: () => forwardRef,
+  isValidElement: () => isValidElement,
+  jsx: () => jsx,
+  jsxDEV: () => jsxDEV,
+  jsxs: () => jsxs,
+  mergeProps: () => mergeProps,
+  renderToString: () => renderToString,
+  splitProps: () => splitProps,
+  useRef: () => useRef
+});
+module.exports = __toCommonJS(jsx_runtime_exports);
+var import_dom = require("@fluixi/dom");
+var import_dom2 = require("@fluixi/dom");
+var import_signal = require("@fluixi/reactive/signal");
+var Fragment = /* @__PURE__ */ Symbol.for("fluixi.fragment");
+var isSSR = typeof window === "undefined";
+var globalDelegatedSet = /* @__PURE__ */ new Set();
+function normalizeChildren(children) {
+  if (children === void 0 || children === null || children === false) return null;
+  if (Array.isArray(children)) {
+    return children.map(normalizeChildren).flat();
+  }
+  return children;
+}
+function jsx(type, props, key) {
+  if (type == null) return null;
+  const p = props || {};
+  if (key !== void 0) p.key = key;
+  if (type === Fragment) {
+    return (0, import_signal.createMemo)(() => (0, import_dom.asComponent)(normalizeChildren(p.children)));
+  }
+  if (typeof type === "function") {
+    const { type: renderType } = (0, import_dom.checkRenderType)(type);
+    if (type.$$typeof === /* @__PURE__ */ Symbol.for("react.provider") || renderType === "provider") {
+      return type(p);
+    }
+    if (isSSR) return { type, props: p };
+    return (0, import_signal.createMemo)(() => (0, import_dom2.createComponent)(type, p), void 0, { name: "jsx component" });
+  }
+  if (typeof type === "string" && type.trim().length > 0) {
+    return createNativeElement(type, p);
+  }
+  return null;
+}
+var jsxs = jsx;
+function jsxDEV(type, props, key, _isStaticChildren) {
+  return jsx(type, props, key);
+}
+function createNativeElement(tag, props) {
+  if (isSSR) return { type: tag, props: props || {} };
+  return (0, import_dom2.createDynamicElement)(tag, props);
+}
+function createElement(type, props, ...children) {
+  const p = { ...props };
+  if (children.length > 0) p.children = children.length === 1 ? children[0] : children;
+  return jsx(type, p);
+}
+function isValidElement(object) {
+  return typeof object === "object" && object !== null && "type" in object;
+}
+function cloneElement(element, props, ...children) {
+  return jsx(element.type, {
+    ...element.props,
+    ...props,
+    children: children.length ? children : element.props.children
+  });
+}
+function createRef(initialValue) {
+  return { current: initialValue || null };
+}
+function useRef(initialValue) {
+  const [get, set] = (0, import_signal.createSignal)(initialValue ?? null);
+  return {
+    get current() {
+      return get();
+    },
+    set current(v) {
+      set(v);
+    }
+  };
+}
+function mergeProps(...sources) {
+  const target = {};
+  for (const source of sources) {
+    if (!source) continue;
+    const descriptors = Object.getOwnPropertyDescriptors(source);
+    Object.defineProperties(target, descriptors);
+  }
+  return target;
+}
+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];
+}
+function forwardRef(fn) {
+  return (props) => fn(props, props.ref);
+}
+async function renderToString(element) {
+  throw new Error("renderToString should be imported from server module");
+}

package/dist/lib/jsx-runtime.mjs

@@ -1 +1,121 @@
-import{asComponent as f,checkRenderType as p}from"@fluixi/dom";import{createComponent as d,createDynamicElement as y}from"@fluixi/dom";import{createSignal as m,createMemo as l}from"@fluixi/reactive/signal";var g=Symbol.for("fluixi.fragment"),u=typeof window>"u",$=new Set;function c(e){return e==null||e===!1?null:Array.isArray(e)?e.map(c).flat():e}function s(e,n,t){if(e==null)return null;let r=n||{};if(t!==void 0&&(r.key=t),e===g)return l(()=>f(c(r.children)));if(typeof e=="function"){let{type:i}=p(e);return e.$$typeof===Symbol.for("react.provider")||i==="provider"?e(r):u?{type:e,props:r}:l(()=>d(e,r),void 0,{name:"jsx component"})}return typeof e=="string"&&e.trim().length>0?x(e,r):null}var z=s;function G(e,n,t,r){return s(e,n,t)}function x(e,n){return u?{type:e,props:n||{}}:y(e,n)}function M(e,n,...t){let r={...n};return t.length>0&&(r.children=t.length===1?t[0]:t),s(e,r)}function _(e){return typeof e=="object"&&e!==null&&"type"in e}function q(e,n,...t){return s(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]=m(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={},i=new Set(n),a=Object.getOwnPropertyDescriptors(e);for(let o in a)i.has(o)?Object.defineProperty(t,o,a[o]):Object.defineProperty(r,o,a[o]);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{g as Fragment,q as cloneElement,M as createElement,B as createRef,$ as delegatedSet,U as forwardRef,_ as isValidElement,s as jsx,G as jsxDEV,z as jsxs,I as mergeProps,W as renderToString,Q as splitProps,H as useRef};
+/*! @fluixi/jsx v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// src/lib/jsx-runtime.ts
+import {
+  asComponent,
+  checkRenderType
+} from "@fluixi/dom";
+import { createComponent, createDynamicElement } from "@fluixi/dom";
+import { createSignal, createMemo } from "@fluixi/reactive/signal";
+var Fragment = /* @__PURE__ */ Symbol.for("fluixi.fragment");
+var isSSR = typeof window === "undefined";
+var globalDelegatedSet = /* @__PURE__ */ new Set();
+function normalizeChildren(children) {
+  if (children === void 0 || children === null || children === false) return null;
+  if (Array.isArray(children)) {
+    return children.map(normalizeChildren).flat();
+  }
+  return children;
+}
+function jsx(type, props, key) {
+  if (type == null) return null;
+  const p = props || {};
+  if (key !== void 0) p.key = key;
+  if (type === Fragment) {
+    return createMemo(() => asComponent(normalizeChildren(p.children)));
+  }
+  if (typeof type === "function") {
+    const { type: renderType } = checkRenderType(type);
+    if (type.$$typeof === /* @__PURE__ */ Symbol.for("react.provider") || renderType === "provider") {
+      return type(p);
+    }
+    if (isSSR) return { type, props: p };
+    return createMemo(() => createComponent(type, p), void 0, { name: "jsx component" });
+  }
+  if (typeof type === "string" && type.trim().length > 0) {
+    return createNativeElement(type, p);
+  }
+  return null;
+}
+var jsxs = jsx;
+function jsxDEV(type, props, key, _isStaticChildren) {
+  return jsx(type, props, key);
+}
+function createNativeElement(tag, props) {
+  if (isSSR) return { type: tag, props: props || {} };
+  return createDynamicElement(tag, props);
+}
+function createElement(type, props, ...children) {
+  const p = { ...props };
+  if (children.length > 0) p.children = children.length === 1 ? children[0] : children;
+  return jsx(type, p);
+}
+function isValidElement(object) {
+  return typeof object === "object" && object !== null && "type" in object;
+}
+function cloneElement(element, props, ...children) {
+  return jsx(element.type, {
+    ...element.props,
+    ...props,
+    children: children.length ? children : element.props.children
+  });
+}
+function createRef(initialValue) {
+  return { current: initialValue || null };
+}
+function useRef(initialValue) {
+  const [get, set] = createSignal(initialValue ?? null);
+  return {
+    get current() {
+      return get();
+    },
+    set current(v) {
+      set(v);
+    }
+  };
+}
+function mergeProps(...sources) {
+  const target = {};
+  for (const source of sources) {
+    if (!source) continue;
+    const descriptors = Object.getOwnPropertyDescriptors(source);
+    Object.defineProperties(target, descriptors);
+  }
+  return target;
+}
+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];
+}
+function forwardRef(fn) {
+  return (props) => fn(props, props.ref);
+}
+async function renderToString(element) {
+  throw new Error("renderToString should be imported from server module");
+}
+export {
+  Fragment,
+  cloneElement,
+  createElement,
+  createRef,
+  globalDelegatedSet as delegatedSet,
+  forwardRef,
+  isValidElement,
+  jsx,
+  jsxDEV,
+  jsxs,
+  mergeProps,
+  renderToString,
+  splitProps,
+  useRef
+};

package/dist/lib/jsx.d.ts

@@ -87,9 +87,10 @@ export namespace JSX {
   // ============================================================================
 
   export interface IntrinsicElements extends A.IntrinsicElements {}
-    interface ElementChildrenAttribute {
-      children: {};
-    }
+
+  export interface ElementChildrenAttribute {
+    children: {};
+  }
 }
 
 
@@ -118,15 +119,20 @@ declare global {
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
   interface FluixiElements {}
 
+  // Each name declared once, off the element types themselves.
+  //
+  // These used to be a type alias and an interface of the same name, where the interface
+  // extended `JSX.X` — which inside `declare global { namespace JSX }` is the name being
+  // declared. Extending itself makes it empty, so `JSX.IntrinsicElements` had no elements in
+  // it and every `<div>` in an application was "Property 'div' does not exist".
+  //
+  // `Element` stays an alias, and exactly what the dom can insert: a node, a string, a list,
+  // a function returning one. An interface cannot extend that union, and widening it — even
+  // by one member — makes `<b/>` unassignable to a `children` typed ComponentChild, which is
+  // the error every nested element produced.
   namespace JSX {
-    type Element = import('./jsx.d').JSX.Element;
-    type IntrinsicElements = import('./jsx.d').JSX.IntrinsicElements;
-    interface Element extends JSX.Element, FluixiElements {
-      strings?: TemplateStringsArray;
-      values?: readonly unknown[];
-      _$litType$?: number;
-    }
-    interface IntrinsicElements extends JSX.IntrinsicElements, FluixiElements {}
+    type Element = A.FxElement;
+    interface IntrinsicElements extends A.IntrinsicElements, FluixiElements {}
     interface ElementChildrenAttribute {
       children: {};
     }