@fluixi/jsx 1.0.0-alpha.100

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,54 @@
+/*! @fluixi/jsx v1.0.0-alpha.100 | (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

@@ -0,0 +1,138 @@
+/*! @fluixi/jsx v1.0.0-alpha.100 | (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.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @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.
+ */
+export type JSXElement = 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;AA+BH,MAAM,MAAM,UAAU,GAClB,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;AAkBD,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,164 @@
+/**
+ * @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 { asComponent, checkRenderType } from '@fluixi/dom';
+import { createComponent, createDynamicElement } from '@fluixi/dom';
+import { createSignal, createMemo } 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 || {} };
+    // Element construction lives in @fluixi/dom: html`` and JSX compile to the same
+    // dom calls, and a polymorphic `as` needs the same factory without depending on
+    // this package. One implementation, so the two paths can't drift.
+    return createDynamicElement(tag, props);
+}
+// ============================================================================
+// 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,121 @@
+/*! @fluixi/jsx v1.0.0-alpha.100 | (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
+};