@fluixi/dom 1.0.0-alpha.83 → 1.0.0-alpha.85

package/dist/lib/dom/dynamic-element.cjs

@@ -1 +1,949 @@
-"use strict";var P=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var re=Object.prototype.hasOwnProperty;var ie=(e,t)=>{for(var n in t)P(e,n,{get:t[n],enumerable:!0})},se=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of oe(t))!re.call(e,r)&&r!==n&&P(e,r,{get:()=>t[r],enumerable:!(o=ne(t,r))||o.enumerable});return e};var fe=e=>se(P({},"__esModule",{value:!0}),e);var Ae={};ie(Ae,{createDynamicElement:()=>Se});module.exports=fe(Ae);var m=require("@fluixi/reactive/signal");var M="http://www.w3.org/2000/svg";function ae(e){return e.localName.includes("-")}function H(e,t,n,o=!1){if(n==null){e.removeAttribute(t);return}if(ae(e)){e[t]=n;return}N(e,t,n,o)}function N(e,t,n,o=!1){if(n==null||n===!1){e.removeAttribute(t);return}if(n===!0){e.setAttribute(t,"");return}if(typeof n=="object"){e.setAttribute(t,JSON.stringify(n));return}e.setAttribute(t,String(n))}var Re=typeof Symbol=="function"&&Symbol.for?Symbol.for("react.element"):60103;function k(e){return typeof e!="function"||Object.defineProperty(e,Symbol.for("fluixi-component"),{value:!0,enumerable:!0}),e}function E(e){return typeof e=="function"&&e[Symbol.for("fluixi-component")]===!0}var l=require("@fluixi/reactive/signal");var $=Symbol.for("fluixi.server-node"),le=Symbol.for("fluixi.dom.server-host"),ue=globalThis,O=ue[le]??={server:typeof document>"u",nodes:null};function S(){return O.server}function v(){if(!O.nodes)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return O.nodes}function A(e){return e!=null&&e[$]===!0?!0:typeof Node<"u"&&e instanceof Node}function F(e){return e!=null&&e[$]===!0?e.nodeType===3:typeof Text<"u"&&e instanceof Text}var b={active:!1,cursor:null,parents:[]},ce=null;function I(){return ce}function _(e,t){return b.active&&t.parentNode===e}function W(e){let t=b.parents.lastIndexOf(e);t!==-1&&(b.parents.length=t),b.cursor=e.nextSibling}var G="__fx_at";var D=new Set,U=new Set(["scroll","focus","blur","load","error","resize","mouseenter","mouseleave","pointerenter","pointerleave","gotpointercapture","lostpointercapture"]);function de(e){if(!S())for(let t of e)D.has(t)||U.has(t)||(D.add(t),document.addEventListener(t,pe))}function pe(e){let t=`$$${e.type}`,n=e.composedPath&&e.composedPath()[0]||e.target;for(;n;){let o=n[t];if(o&&!n.disabled&&(o(e),e.cancelBubble))return;n=n.host&&n.host!==n&&n.host instanceof Element?n.host:n.parentNode}}function h(e,t=!1){if(S())return v().createText(e);if(b.active&&!t){let n=I()?.hydrateText(e);if(n)return n}return document.createTextNode(e)}var x=0,ye=200;function me(e,t,n,o,r){let a=o,i=new Map;return(0,l.createRenderEffect)(()=>{(0,l.reportReactiveBinding)(n??t,"content",void 0,e);let s;if(E(e)&&!(0,m.isSignal)(e)){if(!i.has(e)){x++;try{let f=e();i.set(e,f)}finally{x--}}for(s=i.get(e);typeof s=="function"&&(0,m.isSignal)(s);)s=s()}else for(s=e();typeof s=="function"&&(0,m.isSignal)(s);)s=s();{let f=0;for(;typeof s=="function"&&f++<50;)if(E(s)){if(!i.has(s)){let u=s;x++;try{let c=u();i.set(u,c)}finally{x--}}s=i.get(s)}else if((0,m.isSignal)(s))s=s();else if(s=s(),typeof s!="function"||!(0,m.isSignal)(s)&&!E(s))break}x++;try{a=R(t,s,n,a,i),r(a)}finally{x--}})}function j(e,t,n,o){if(x>ye)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;n!==void 0&&!n&&(n=h("",!0),e.appendChild(n));let r=o??null,a=f=>Array.isArray(f)&&f.some(u=>typeof u=="function"),i=f=>typeof f=="function"?f:()=>f;if(typeof t!="function"&&!a(t)){x++;try{r=R(e,t,n,r)}finally{x--}return()=>r}let s=me(i(t),e,n,r,f=>{r=f});return()=>(s?.(),r)}function R(e,t,n,o,r){if(t==null||typeof t=="boolean")return T(e,o,n);if(typeof t=="function")for(;typeof t=="function";)t=t();if(t==null||typeof t=="boolean")return T(e,o,n);if(C(t)){let i=h("",!0);return Array.isArray(o)?o.length>0?(e.replaceChild(i,o[0]),T(e,o.slice(1),n)):y(e,i,n):o?e.replaceChild(i,o):y(e,i,n),t.then(s=>{i.parentNode===e&&R(e,s,i.nextSibling,i)}).catch(s=>{console.error("Error resolving promise in insertExpression:",s)}),i}let a=typeof t;if(a==="string"||a==="number"){if(a==="number"&&(t=String(t)),Array.isArray(o)){if(o.length===0){let s=h(t);return y(e,s,n),s}if(o.length===1&&o[0].nodeType===3)return o[0].data=t,o;o=T(e,o,n)}if(o&&F(o))return o.data=t,o;let i=h(t);return o&&o.parentNode===e?e.replaceChild(i,o):_(e,i)||y(e,i,n),i}if(A(t))return _(e,t)?(W(t),t):Array.isArray(o)?(o.length===0?y(e,t,n):o[0].parentNode===e?(e.replaceChild(t,o[0]),T(e,o.slice(1),n)):y(e,t,n),t):(o?o!==t&&(o.parentNode===e?e.replaceChild(t,o):y(e,t,n)):y(e,t,n),t);if(Array.isArray(t)){let i=[],s=Array.isArray(o)?o:o?[o]:[],f=[];g(t,i,e,n,!0,r,f);let u=ge(e,s,i,n);for(let c of f){let d=j(e,c.sig,c.marker);(0,l.onCleanup)(()=>{T(e,d()),c.marker.parentNode===e&&e.removeChild(c.marker)})}return u}if(a==="object"&&t!==null&&typeof t=="object"){let i=t;if("type"in i&&"props"in i){let s=i;if(typeof s.type=="function"){let f=s.type(s.props||{});return R(e,f,n,o)}}}return T(e,o,n)}function g(e,t,n,o,r=!0,a,i){for(let s=0;s<e.length;s++){let f=e[s];if(!(f==null||typeof f=="boolean")){for(;typeof f=="function"&&!C(f)&&!(0,m.isSignal)(f)&&!E(f)&&(f=f(),!(f==null||typeof f=="boolean")););if(!(f==null||typeof f=="boolean")){if(typeof f=="function"){let u;for(E(f)&&!(0,m.isSignal)(f)?(a||(a=new Map),a.has(f)||a.set(f,f()),u=a.get(f)):u=f();typeof u=="function"&&!C(u)&&!(0,m.isSignal)(u)&&!E(u);)a||(a=new Map),a.has(u)||a.set(u,u()),u=a.get(u);if(u==null||typeof u=="boolean")continue;if(typeof u=="function"){if((0,m.isSignal)(u)){if(i){let d=h("",!0);t.push(d),i.push({marker:d,sig:u});continue}let c=u();for(;typeof c=="function"&&(0,m.isSignal)(c);)c=c();if(c==null||typeof c=="boolean")continue;Array.isArray(c)?g(c,t,n,o,r,a):g([c],t,n,o,r,a);continue}continue}Array.isArray(u)?g(u,t,n,o,r,a,i):g([u],t,n,o,r,a,i);continue}if(C(f)){let u=h("",!0);t.push(u),f.then(c=>{if(u.parentNode){let d=[];if(g([c],d,u.parentNode,void 0,!1,a),d.length>0){u.parentNode.replaceChild(d[0],u);for(let p=1;p<d.length;p++)u.parentNode?.insertBefore(d[p],d[p-1].nextSibling)}}}).catch(c=>console.error("Error resolving promise in array:",c));continue}if(Array.isArray(f)){g(f,t,n,o,r,a,i);continue}if(A(f)){t.push(f);continue}if(typeof f=="object"&&f!==null&&"type"in f&&"props"in f){let u=f;if(typeof u.type=="function"){let c=u.type(u.props||{});Array.isArray(c)?g(c,t,n,o,!1,a):g([c],t,n,o,!1,a);continue}}if(typeof f=="string"||typeof f=="number"){let u=String(f);if(u.trim()===""&&u!==" ")continue;t.push(h(u));continue}t.push(h(String(f)))}}}}function ge(e,t,n,o){for(let d=0;d<n.length;d++){let p=n[d].parentNode;p!==null&&p!==e&&p.nodeType!==11&&(n=n.slice(),n[d]=n[d].cloneNode(!0))}let r=n.length,a=t.length,i=r,s=0,f=0,u=a>0?t[a-1].nextSibling??void 0:o,c=null;for(;s<a||f<i;){if(t[s]===n[f]){s++,f++;continue}for(;a>s&&i>f&&t[a-1]===n[i-1];)a--,i--;if(a===s){let d=i<r?f?n[f-1].nextSibling??void 0:n[i-f]:u;for(;f<i;)y(e,n[f++],d)}else if(i===f)for(;s<a;)(!c||!c.has(t[s]))&&t[s].parentNode===e&&e.removeChild(t[s]),s++;else if(t[s]===n[i-1]&&n[f]===t[a-1]){let d=t[--a].nextSibling;y(e,n[f++],t[s++].nextSibling),y(e,n[--i],d),t[a]=t[s-1]}else{if(!c){c=new Map;let p=f;for(;p<i;)c.set(n[p],p++)}let d=c.get(t[s]);if(d!=null)if(f<d&&d<i){let p=s,L=1;for(;++p<a&&p<i&&!(!c.has(t[p])||c.get(t[p])!==d+L);)L++;if(L>d-f){let te=t[s];for(;f<d;)y(e,n[f++],te)}else t[s].parentNode===e?e.replaceChild(n[f++],t[s++]):(y(e,n[f++],u),s++)}else s++;else t[s].parentNode===e&&e.removeChild(t[s]),s++}}return n}function T(e,t,n){if(t)if(Array.isArray(t))for(let o=0;o<t.length;o++)t[o].parentNode===e&&e.removeChild(t[o]);else t.parentNode===e&&e.removeChild(t);return null}function y(e,t,n){b.active&&t.parentNode===e||(n&&n.parentNode===e?e.insertBefore(t,n):e.appendChild(t))}function V(e,t,n){n==null?delete e[t]:e[t]=n}function xe(e,t,n){let o=n,r;return Array.isArray(n)&&(o=n[0],r=n[1]),typeof o!="function"?()=>{}:(e.addEventListener(t,o,r),()=>e.removeEventListener(t,o,r))}function z(e,t){if(!t||typeof t!="function")return;let n=t[G]?.name;if(!n)return;let o=n.indexOf(":");o!==-1&&(0,l.reportReactiveDirective)(e,n.slice(0,o),n.slice(o+1),t)}function q(e,t,n){let o=typeof n=="function"?(0,l.untrack)(()=>n()):n;if(!(!o||typeof o!="object"))for(let r of Object.keys(o))(0,l.reportReactiveDirective)(e,t,r)}function he(e,t){let n=(o,r)=>{typeof o=="function"&&((0,l.reportReactiveDirective)(e,"use",o.name||"use",r),o(e,r??(()=>{})))};if(typeof t=="function"){n(t);return}if(Array.isArray(t)){if(typeof t[0]=="function"){n(t[0],t[1]);return}for(let o of t)Array.isArray(o)?n(o[0],o[1]):n(o)}}function Ee(e,t,n,o=!1){return z(e,n),typeof n!="function"?(N(e,t,n,o),()=>{}):(0,l.createRenderEffect)(()=>{(0,l.reportReactiveBinding)(e,"attribute",t,n);let r=typeof n=="function"?n():n;N(e,t,r,o)})}function be(e,t,n){return typeof n!="function"?(V(e,t,n),()=>{}):(z(e,n),(0,l.createRenderEffect)(()=>{(0,l.reportReactiveBinding)(e,"property",t,n);let o=typeof n=="function"?n():n;V(e,t,o)}))}function Te(e,t,n){return typeof n!="function"?(N(e,t,!!n),()=>{}):(0,l.createRenderEffect)(()=>{(0,l.reportReactiveBinding)(e,"attribute",t,n);let o=n();N(e,t,!!o)})}function X(e,t){if(t==null){e.removeAttribute("class");return}if(typeof t=="function"){(0,l.createRenderEffect)(()=>{(0,l.reportReactiveBinding)(e,"attribute","class",t),X(e,t())});return}if(typeof t=="string"){e.setAttribute("class",t);return}if(Array.isArray(t)){e.setAttribute("class",t.filter(Boolean).join(" "));return}if(typeof t=="object"){let n=Object.keys(t).filter(o=>{let r=t[o];return typeof r=="function"?r():!!r}).join(" ");e.setAttribute("class",n);return}e.setAttribute("class",String(t))}function K(e,t,n){if(!(!t||typeof t!="object"))for(let o in t){let r=t[o],a=o.split(/\s+/).filter(Boolean);if(typeof r=="function"&&n)n.push((0,l.createRenderEffect)(()=>{let i=!!r();for(let s of a)e.classList.toggle(s,i)}));else{let i=!!(typeof r=="function"?r():r);for(let s of a)e.classList.toggle(s,i)}}}function B(e,t){let n=t;for(;typeof n=="function";)n=n();if(n==null){e.removeAttribute("style");return}if(typeof n=="string"){e.style.cssText=n;return}if(typeof n=="object")for(let o in n){let r=n[o];r==null?e.style[o]="":e.style[o]=r}}function J(e,t,n=!1){for(let o in t){let r=t[o];if(o==="ref"){Ne(r,e);continue}if(o!=="children"){if(o==="use"){he(e,r);continue}if(o.startsWith("on:")){xe(e,o.slice(3),r);continue}if(o.startsWith("prop:")){(0,l.reportReactiveDirective)(e,"prop",o.slice(5),r),be(e,o.slice(5),r);continue}if(o.startsWith("attr:")){(0,l.reportReactiveDirective)(e,"attr",o.slice(5),r),Ee(e,o.slice(5),r,n);continue}if(o.startsWith("bool:")){(0,l.reportReactiveDirective)(e,"bool",o.slice(5),r),Te(e,o.slice(5),r);continue}if(o.startsWith("on")&&o.length>2){let a=o.slice(2).toLowerCase();if(typeof r=="function")if(U.has(a)){e[`$$${a}`]=r;let i=`__fx_${a}`;if(!e[i]){let s=f=>{e[`$$${a}`]?.(f)};e.addEventListener(a,s),e[i]=s}}else e[`$$${a}`]=r,D.has(a)||de([a]);continue}if(o==="class"||o==="className"){X(e,r);continue}if(o==="classList"){q(e,"class",r),typeof r=="function"?(0,l.createRenderEffect)(()=>{(0,l.reportReactiveBinding)(e,"attribute","class",r),K(e,r())}):K(e,r);continue}if(o==="style"){q(e,"style",r),typeof r=="function"?(0,l.createRenderEffect)(()=>{(0,l.reportReactiveBinding)(e,"attribute","style",r),B(e,r())}):B(e,r);continue}if(o==="innerHTML"){if(typeof r=="function"){let a=(0,l.createEffect)(()=>{let i=r();for(;typeof i=="function";)i=i();e.innerHTML=i});(0,l.onCleanup)(()=>a())}else e.innerHTML=r;continue}if(o==="value"&&(e.tagName==="INPUT"||e.tagName==="TEXTAREA")){if(typeof r=="function"){let a=(0,l.createEffect)(()=>{let i=r();for(;typeof i=="function"&&i.length===0;)i=i();document.activeElement!==e&&(e.value=i??"")});(0,l.onCleanup)(()=>{a()})}else(0,l.createRenderEffect)(()=>{document.activeElement!==e&&(e.value=t[o]??"")});continue}if(o==="checked"&&e.tagName==="INPUT"){if(typeof r=="function"){let a=(0,l.createEffect)(()=>{let i=r();for(;typeof i=="function"&&i.length===0;)i=i();document.activeElement!==e&&(e.checked=i??"")});(0,l.onCleanup)(()=>{a()})}else(0,l.createRenderEffect)(()=>{document.activeElement!==e&&(e.checked=t[o]??"")});continue}if(o==="value"&&e.tagName==="SELECT"){if(typeof r=="function"){let a=!0,i=(0,l.createEffect)(()=>{let s=r();for(;typeof s=="function"&&s.length===0;)s=s();a?(a=!1,queueMicrotask(()=>{e.value=s??""})):e.value=s??""});(0,l.onCleanup)(()=>{i()})}else{let a=!0;(0,l.createRenderEffect)(()=>{let i=t[o];a?(a=!1,queueMicrotask(()=>{e.value=i??""})):e.value=i??""})}continue}if(typeof r=="function"){let a=(0,l.createEffect)(()=>{let i=r();for(;typeof i=="function"&&i.length===0;)i=i();H(e,o,i,n)});(0,l.onCleanup)(()=>{a()})}else(0,l.createRenderEffect)(()=>H(e,o,t[o],n))}}}function Ne(e,t){if(!e)return;let n=e[G]?.name;if((0,l.reportReactiveDirective)(t,"ref",n||typeof e=="function"&&e.name||"ref",e),A(e)){let o=t,r=e;if(!o)return;typeof o=="function"?o(r):typeof o=="object"&&"current"in o&&(o.current=r);return}typeof e=="function"?e(t):typeof e=="object"&&"current"in e&&(e.current=t)}function Y(e){return e==="svg"||e==="path"||e==="circle"||e==="rect"||e==="line"||e==="polygon"||e==="polyline"||e==="ellipse"||e==="g"||e==="defs"||e==="clipPath"||e==="text"}function C(e){return e!=null&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"||e instanceof Promise}var w=require("@fluixi/reactive");var we="__fx_dom_create_component__",Z=globalThis[we]??={fn:null};function Q(e,t){if(Z.fn)return Z.fn(e,t);t&&(0,w.reportReactiveProps)(t);let n=typeof e=="function"?(0,w.untrack)(()=>e(t)):e,o=n!=null&&(typeof n=="function"||typeof n=="object");if(o)try{n.$name=e?.name}catch{}return o&&!(0,w.isSignal)(n)?k(n):n}var ee=require("@fluixi/reactive/signal");function Se(e,t={}){if(typeof e=="function")return Q(e,t);if(typeof e!="string"||e.length===0)return null;let n=Y(e);if(S())return v().createElement(e,n);let o=n?document.createElementNS(M,e):document.createElement(e);return J(o,t,n),ve(o,t),o}function ve(e,t){if(!t||t.children===void 0)return;let n=(0,ee.readChildren)(()=>t.children),o=r=>{j(e,r,typeof r=="function"?null:void 0)};Array.isArray(n)?n.forEach(o):o(n)}
+"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/dom/dynamic-element.ts
+var dynamic_element_exports = {};
+__export(dynamic_element_exports, {
+  createDynamicElement: () => createDynamicElement
+});
+module.exports = __toCommonJS(dynamic_element_exports);
+
+// src/lib/dom/runtime.ts
+var import_signal = require("@fluixi/reactive/signal");
+
+// src/lib/dom/utils.ts
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+function isCustomElement(element) {
+  return element.localName.includes("-");
+}
+function applyElementProp(element, name, value, isSVG = false) {
+  if (value == null) {
+    element.removeAttribute(name);
+    return;
+  }
+  if (isCustomElement(element)) {
+    element[name] = value;
+    return;
+  }
+  setAttribute(element, name, value, isSVG);
+}
+function setAttribute(element, name, value, isSVG = false) {
+  if (value == null || value === false) {
+    element.removeAttribute(name);
+    return;
+  }
+  if (value === true) {
+    element.setAttribute(name, "");
+    return;
+  }
+  if (typeof value === "object") {
+    element.setAttribute(name, JSON.stringify(value));
+    return;
+  }
+  element.setAttribute(name, String(value));
+}
+var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+
+// src/lib/component/modifiers.ts
+function asComponent(value) {
+  if (typeof value !== "function") return value;
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-component"), { value: true, enumerable: true });
+  return value;
+}
+function isComponent(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-component")] === true;
+}
+
+// src/lib/dom/runtime.ts
+var import_signal2 = require("@fluixi/reactive/signal");
+
+// src/lib/dom/server/host.ts
+var SERVER_NODE = /* @__PURE__ */ Symbol.for("fluixi.server-node");
+var STATE = /* @__PURE__ */ Symbol.for("fluixi.dom.server-host");
+var realm = globalThis;
+var state = realm[STATE] ??= {
+  server: typeof document === "undefined",
+  nodes: null
+};
+function isServer() {
+  return state.server;
+}
+function getServerNodes() {
+  if (!state.nodes) {
+    throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");
+  }
+  return state.nodes;
+}
+function isDomNode(x) {
+  if (x != null && x[SERVER_NODE] === true) return true;
+  return typeof Node !== "undefined" && x instanceof Node;
+}
+function isDomText(x) {
+  if (x != null && x[SERVER_NODE] === true) return x.nodeType === 3;
+  return typeof Text !== "undefined" && x instanceof Text;
+}
+
+// src/lib/dom/hydration-state.ts
+var hydration = {
+  active: false,
+  cursor: null,
+  parents: []
+};
+var _walker = null;
+function getHydrationWalker() {
+  return _walker;
+}
+function isAdopted(parent, node) {
+  return hydration.active && node.parentNode === parent;
+}
+function ascendPast(node) {
+  const idx = hydration.parents.lastIndexOf(node);
+  if (idx !== -1) hydration.parents.length = idx;
+  hydration.cursor = node.nextSibling;
+}
+
+// src/lib/dom/runtime.ts
+var HOLE_TAG = "__fx_at";
+var delegatedSet = /* @__PURE__ */ new Set();
+var NON_DELEGATED = /* @__PURE__ */ new Set(["scroll", "focus", "blur", "load", "error", "resize", "mouseenter", "mouseleave", "pointerenter", "pointerleave", "gotpointercapture", "lostpointercapture"]);
+function delegateEvents(eventNames) {
+  if (isServer()) return;
+  for (const name of eventNames) {
+    if (delegatedSet.has(name) || NON_DELEGATED.has(name)) continue;
+    delegatedSet.add(name);
+    document.addEventListener(name, delegatedEventHandler);
+  }
+}
+function delegatedEventHandler(e) {
+  const key = `$$${e.type}`;
+  let node = e.composedPath && e.composedPath()[0] || e.target;
+  while (node) {
+    const handler = node[key];
+    if (handler && !node.disabled) {
+      handler(e);
+      if (e.cancelBubble) return;
+    }
+    node = node.host && node.host !== node && node.host instanceof Element ? node.host : node.parentNode;
+  }
+}
+function createTextNode(value, anchor = false) {
+  if (isServer()) return getServerNodes().createText(value);
+  if (hydration.active && !anchor) {
+    const node = getHydrationWalker()?.hydrateText(value);
+    if (node) return node;
+  }
+  return document.createTextNode(value);
+}
+var _insertDepth = 0;
+var MAX_INSERT_DEPTH = 200;
+function _createInsertEffect(getAccessor, parent, marker, initialCurrent, setCurrent) {
+  let current = initialCurrent;
+  const componentCache = /* @__PURE__ */ new Map();
+  return (0, import_signal2.createRenderEffect)(() => {
+    (0, import_signal2.reportReactiveBinding)(marker ?? parent, "content", void 0, getAccessor);
+    let value;
+    if (isComponent(getAccessor) && !(0, import_signal.isSignal)(getAccessor)) {
+      if (!componentCache.has(getAccessor)) {
+        _insertDepth++;
+        try {
+          const inst = getAccessor();
+          componentCache.set(getAccessor, inst);
+        } finally {
+          _insertDepth--;
+        }
+      }
+      value = componentCache.get(getAccessor);
+      while (typeof value === "function" && (0, import_signal.isSignal)(value)) value = value();
+    } else {
+      value = getAccessor();
+      while (typeof value === "function" && (0, import_signal.isSignal)(value)) {
+        value = value();
+      }
+    }
+    {
+      let chainDepth = 0;
+      while (typeof value === "function" && chainDepth++ < 50) {
+        if (isComponent(value)) {
+          if (!componentCache.has(value)) {
+            const thunk = value;
+            _insertDepth++;
+            try {
+              const inst = thunk();
+              componentCache.set(thunk, inst);
+            } finally {
+              _insertDepth--;
+            }
+          }
+          value = componentCache.get(value);
+        } else if ((0, import_signal.isSignal)(value)) {
+          value = value();
+        } else {
+          value = value();
+          if (typeof value !== "function" || !(0, import_signal.isSignal)(value) && !isComponent(value)) break;
+        }
+      }
+    }
+    _insertDepth++;
+    try {
+      current = insertExpression(parent, value, marker, current, componentCache);
+      setCurrent(current);
+    } finally {
+      _insertDepth--;
+    }
+  });
+}
+function insert(parent, accessor, marker, init) {
+  if (_insertDepth > MAX_INSERT_DEPTH) {
+    console.error("[insert] Exceeded max call depth, possible infinite loop.");
+    return () => null;
+  }
+  if (marker !== void 0 && !marker) {
+    marker = createTextNode("", true);
+    parent.appendChild(marker);
+  }
+  let current = init ?? null;
+  const isReactiveArray = (element) => {
+    return Array.isArray(element) && element.some((v) => typeof v === "function");
+  };
+  const normalizeAccessor = (accessor2) => {
+    if (typeof accessor2 === "function") return accessor2;
+    return () => accessor2;
+  };
+  if (typeof accessor !== "function" && !isReactiveArray(accessor)) {
+    _insertDepth++;
+    try {
+      current = insertExpression(parent, accessor, marker, current);
+    } finally {
+      _insertDepth--;
+    }
+    return () => current;
+  }
+  const dispose = _createInsertEffect(
+    normalizeAccessor(accessor),
+    parent,
+    marker,
+    current,
+    (v) => {
+      current = v;
+    }
+  );
+  return () => {
+    dispose?.();
+    return current;
+  };
+}
+function insertExpression(parent, value, marker, current, componentCache) {
+  if (value == null || typeof value === "boolean") {
+    return cleanChildren(parent, current, marker);
+  }
+  if (typeof value === "function") {
+    while (typeof value === "function") {
+      value = value();
+    }
+  }
+  if (value == null || typeof value === "boolean") {
+    return cleanChildren(parent, current, marker);
+  }
+  if (isPromise(value)) {
+    const placeholder = createTextNode("", true);
+    if (Array.isArray(current)) {
+      if (current.length > 0) {
+        parent.replaceChild(placeholder, current[0]);
+        cleanChildren(parent, current.slice(1), marker);
+      } else {
+        insertBefore(parent, placeholder, marker);
+      }
+    } else if (current) {
+      parent.replaceChild(placeholder, current);
+    } else {
+      insertBefore(parent, placeholder, marker);
+    }
+    value.then((resolved) => {
+      if (placeholder.parentNode === parent) {
+        insertExpression(parent, resolved, placeholder.nextSibling, placeholder);
+      }
+    }).catch((err) => {
+      console.error("Error resolving promise in insertExpression:", err);
+    });
+    return placeholder;
+  }
+  const t = typeof value;
+  if (t === "string" || t === "number") {
+    if (t === "number") value = String(value);
+    if (Array.isArray(current)) {
+      if (current.length === 0) {
+        const node2 = createTextNode(value);
+        insertBefore(parent, node2, marker);
+        return node2;
+      }
+      if (current.length === 1 && current[0].nodeType === 3) {
+        current[0].data = value;
+        return current;
+      }
+      current = cleanChildren(parent, current, marker);
+    }
+    if (current && isDomText(current)) {
+      current.data = value;
+      return current;
+    }
+    const node = createTextNode(value);
+    if (current && current.parentNode === parent) {
+      parent.replaceChild(node, current);
+    } else if (!isAdopted(parent, node)) {
+      insertBefore(parent, node, marker);
+    }
+    return node;
+  }
+  if (isDomNode(value)) {
+    if (isAdopted(parent, value)) {
+      ascendPast(value);
+      return value;
+    }
+    if (Array.isArray(current)) {
+      if (current.length === 0) {
+        insertBefore(parent, value, marker);
+      } else if (current[0].parentNode === parent) {
+        parent.replaceChild(value, current[0]);
+        cleanChildren(parent, current.slice(1), marker);
+      } else {
+        insertBefore(parent, value, marker);
+      }
+      return value;
+    }
+    if (!current) {
+      insertBefore(parent, value, marker);
+    } else if (current !== value) {
+      if (current.parentNode === parent) {
+        parent.replaceChild(value, current);
+      } else {
+        insertBefore(parent, value, marker);
+      }
+    }
+    return value;
+  }
+  if (Array.isArray(value)) {
+    const array = [];
+    const currentArray = Array.isArray(current) ? current : current ? [current] : [];
+    const reactiveSlots = [];
+    flattenArray(value, array, parent, marker, true, componentCache, reactiveSlots);
+    const reconciled = reconcileArrays(parent, currentArray, array, marker);
+    for (const slot of reactiveSlots) {
+      const disposeSlot = insert(parent, slot.sig, slot.marker);
+      (0, import_signal2.onCleanup)(() => {
+        cleanChildren(parent, disposeSlot());
+        if (slot.marker.parentNode === parent) parent.removeChild(slot.marker);
+      });
+    }
+    return reconciled;
+  }
+  if (t === "object" && value !== null && typeof value === "object") {
+    const objValue = value;
+    if ("type" in objValue && "props" in objValue) {
+      const jsxValue = objValue;
+      if (typeof jsxValue.type === "function") {
+        const result = jsxValue.type(jsxValue.props || {});
+        return insertExpression(parent, result, marker, current);
+      }
+    }
+  }
+  return cleanChildren(parent, current, marker);
+}
+function flattenArray(arr, result, parent, marker, track = true, componentCache, reactiveSlots) {
+  for (let i = 0; i < arr.length; i++) {
+    let item = arr[i];
+    if (item == null || typeof item === "boolean") continue;
+    while (typeof item === "function" && !isPromise(item) && !(0, import_signal.isSignal)(item) && !isComponent(item)) {
+      item = item();
+      if (item == null || typeof item === "boolean") break;
+    }
+    if (item == null || typeof item === "boolean") continue;
+    if (typeof item === "function") {
+      let resolved;
+      if (isComponent(item) && !(0, import_signal.isSignal)(item)) {
+        if (!componentCache) componentCache = /* @__PURE__ */ new Map();
+        if (!componentCache.has(item)) componentCache.set(item, item());
+        resolved = componentCache.get(item);
+      } else {
+        resolved = item();
+      }
+      while (typeof resolved === "function" && !isPromise(resolved) && !(0, import_signal.isSignal)(resolved) && !isComponent(resolved)) {
+        if (!componentCache) componentCache = /* @__PURE__ */ new Map();
+        if (!componentCache.has(resolved)) componentCache.set(resolved, resolved());
+        resolved = componentCache.get(resolved);
+      }
+      if (resolved == null || typeof resolved === "boolean") continue;
+      if (typeof resolved === "function") {
+        if ((0, import_signal.isSignal)(resolved)) {
+          if (reactiveSlots) {
+            const slot = createTextNode("", true);
+            result.push(slot);
+            reactiveSlots.push({ marker: slot, sig: resolved });
+            continue;
+          }
+          let val = resolved();
+          while (typeof val === "function" && (0, import_signal.isSignal)(val)) val = val();
+          if (val == null || typeof val === "boolean") continue;
+          if (Array.isArray(val)) {
+            flattenArray(val, result, parent, marker, track, componentCache);
+          } else flattenArray([val], result, parent, marker, track, componentCache);
+          continue;
+        }
+        continue;
+      }
+      if (Array.isArray(resolved)) flattenArray(resolved, result, parent, marker, track, componentCache, reactiveSlots);
+      else flattenArray([resolved], result, parent, marker, track, componentCache, reactiveSlots);
+      continue;
+    }
+    if (isPromise(item)) {
+      const placeholder = createTextNode("", true);
+      result.push(placeholder);
+      item.then((resolved) => {
+        if (placeholder.parentNode) {
+          const tempNodes = [];
+          flattenArray([resolved], tempNodes, placeholder.parentNode, void 0, false, componentCache);
+          if (tempNodes.length > 0) {
+            placeholder.parentNode.replaceChild(tempNodes[0], placeholder);
+            for (let j = 1; j < tempNodes.length; j++) {
+              placeholder.parentNode?.insertBefore(tempNodes[j], tempNodes[j - 1].nextSibling);
+            }
+          }
+        }
+      }).catch((err) => console.error("Error resolving promise in array:", err));
+      continue;
+    }
+    if (Array.isArray(item)) {
+      flattenArray(item, result, parent, marker, track, componentCache, reactiveSlots);
+      continue;
+    }
+    if (isDomNode(item)) {
+      result.push(item);
+      continue;
+    }
+    if (typeof item === "object" && item !== null && "type" in item && "props" in item) {
+      const jsxItem = item;
+      if (typeof jsxItem.type === "function") {
+        const resolved = jsxItem.type(jsxItem.props || {});
+        if (Array.isArray(resolved)) flattenArray(resolved, result, parent, marker, false, componentCache);
+        else flattenArray([resolved], result, parent, marker, false, componentCache);
+        continue;
+      }
+    }
+    if (typeof item === "string" || typeof item === "number") {
+      const str = String(item);
+      if (str.trim() === "" && str !== " ") continue;
+      result.push(createTextNode(str));
+      continue;
+    }
+    result.push(createTextNode(String(item)));
+  }
+}
+function reconcileArrays(parent, a, b, marker) {
+  for (let i = 0; i < b.length; i++) {
+    const owner = b[i].parentNode;
+    if (owner !== null && owner !== parent && owner.nodeType !== 11) {
+      b = b.slice();
+      b[i] = b[i].cloneNode(true);
+    }
+  }
+  let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = aEnd > 0 ? a[aEnd - 1].nextSibling ?? void 0 : marker, map = null;
+  while (aStart < aEnd || bStart < bEnd) {
+    if (a[aStart] === b[bStart]) {
+      aStart++;
+      bStart++;
+      continue;
+    }
+    while (aEnd > aStart && bEnd > bStart && a[aEnd - 1] === b[bEnd - 1]) {
+      aEnd--;
+      bEnd--;
+    }
+    if (aEnd === aStart) {
+      const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling ?? void 0 : b[bEnd - bStart] : after;
+      while (bStart < bEnd) insertBefore(parent, b[bStart++], node);
+    } else if (bEnd === bStart) {
+      while (aStart < aEnd) {
+        if ((!map || !map.has(a[aStart])) && a[aStart].parentNode === parent)
+          parent.removeChild(a[aStart]);
+        aStart++;
+      }
+    } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
+      const node = a[--aEnd].nextSibling;
+      insertBefore(parent, b[bStart++], a[aStart++].nextSibling);
+      insertBefore(parent, b[--bEnd], node);
+      a[aEnd] = a[aStart - 1];
+    } else {
+      if (!map) {
+        map = /* @__PURE__ */ new Map();
+        let i = bStart;
+        while (i < bEnd) map.set(b[i], i++);
+      }
+      const index = map.get(a[aStart]);
+      if (index != null) {
+        if (bStart < index && index < bEnd) {
+          let i = aStart, sequence = 1;
+          while (++i < aEnd && i < bEnd) {
+            if (!map.has(a[i]) || map.get(a[i]) !== index + sequence) break;
+            sequence++;
+          }
+          if (sequence > index - bStart) {
+            const node = a[aStart];
+            while (bStart < index) insertBefore(parent, b[bStart++], node);
+          } else {
+            if (a[aStart].parentNode === parent) {
+              parent.replaceChild(b[bStart++], a[aStart++]);
+            } else {
+              insertBefore(parent, b[bStart++], after);
+              aStart++;
+            }
+          }
+        } else {
+          aStart++;
+        }
+      } else {
+        if (a[aStart].parentNode === parent) parent.removeChild(a[aStart]);
+        aStart++;
+      }
+    }
+  }
+  return b;
+}
+function cleanChildren(parent, current, marker) {
+  if (current) {
+    if (Array.isArray(current)) {
+      for (let i = 0; i < current.length; i++) {
+        if (current[i].parentNode === parent) parent.removeChild(current[i]);
+      }
+    } else if (current.parentNode === parent) {
+      parent.removeChild(current);
+    }
+  }
+  return null;
+}
+function insertBefore(parent, node, marker) {
+  if (hydration.active && node.parentNode === parent) return;
+  if (marker) {
+    if (marker.parentNode === parent) {
+      parent.insertBefore(node, marker);
+    } else {
+      parent.appendChild(node);
+    }
+  } else {
+    parent.appendChild(node);
+  }
+}
+function setProperty(element, name, value) {
+  if (value == null) delete element[name];
+  else element[name] = value;
+}
+function addNativeEventListener(element, name, value) {
+  let handler = value;
+  let options;
+  if (Array.isArray(value)) {
+    handler = value[0];
+    options = value[1];
+  }
+  if (typeof handler !== "function") return () => {
+  };
+  element.addEventListener(name, handler, options);
+  return () => element.removeEventListener(name, handler, options);
+}
+function reportMarked(element, accessor) {
+  if (!accessor || typeof accessor !== "function") return;
+  const written = accessor[HOLE_TAG]?.name;
+  if (!written) return;
+  const colon = written.indexOf(":");
+  if (colon === -1) return;
+  (0, import_signal2.reportReactiveDirective)(element, written.slice(0, colon), written.slice(colon + 1), accessor);
+}
+function reportKeys(element, kind, value) {
+  const from = typeof value === "function" ? (0, import_signal2.untrack)(() => value()) : value;
+  if (!from || typeof from !== "object") return;
+  for (const key of Object.keys(from)) (0, import_signal2.reportReactiveDirective)(element, kind, key);
+}
+function applyUse(element, value) {
+  const call = (dir, accessor) => {
+    if (typeof dir !== "function") return;
+    (0, import_signal2.reportReactiveDirective)(element, "use", dir.name || "use", accessor);
+    dir(element, accessor ?? (() => void 0));
+  };
+  if (typeof value === "function") {
+    call(value);
+    return;
+  }
+  if (!Array.isArray(value)) return;
+  if (typeof value[0] === "function") {
+    call(value[0], value[1]);
+    return;
+  }
+  for (const pair of value) {
+    if (Array.isArray(pair)) call(pair[0], pair[1]);
+    else call(pair);
+  }
+}
+function setDynamicAttribute(element, name, accessor, isSVG = false) {
+  reportMarked(element, accessor);
+  if (typeof accessor !== "function") {
+    setAttribute(element, name, accessor, isSVG);
+    return () => {
+    };
+  }
+  return (0, import_signal2.createRenderEffect)(() => {
+    (0, import_signal2.reportReactiveBinding)(element, "attribute", name, accessor);
+    const value = typeof accessor === "function" ? accessor() : accessor;
+    setAttribute(element, name, value, isSVG);
+  });
+}
+function setDynamicProperty(element, name, accessor) {
+  if (typeof accessor !== "function") {
+    setProperty(element, name, accessor);
+    return () => {
+    };
+  }
+  reportMarked(element, accessor);
+  return (0, import_signal2.createRenderEffect)(() => {
+    (0, import_signal2.reportReactiveBinding)(element, "property", name, accessor);
+    const value = typeof accessor === "function" ? accessor() : accessor;
+    setProperty(element, name, value);
+  });
+}
+function setDynamicBoolAttribute(element, name, accessor) {
+  if (typeof accessor !== "function") {
+    setAttribute(element, name, !!accessor);
+    return () => {
+    };
+  }
+  return (0, import_signal2.createRenderEffect)(() => {
+    (0, import_signal2.reportReactiveBinding)(element, "attribute", name, accessor);
+    const value = accessor();
+    setAttribute(element, name, !!value);
+  });
+}
+function setClassName(element, value) {
+  if (value == null) {
+    element.removeAttribute("class");
+    return;
+  }
+  if (typeof value === "function") {
+    (0, import_signal2.createRenderEffect)(() => {
+      (0, import_signal2.reportReactiveBinding)(element, "attribute", "class", value);
+      setClassName(element, value());
+    });
+    return;
+  }
+  if (typeof value === "string") {
+    element.setAttribute("class", value);
+    return;
+  }
+  if (Array.isArray(value)) {
+    element.setAttribute("class", value.filter(Boolean).join(" "));
+    return;
+  }
+  if (typeof value === "object") {
+    const classes = Object.keys(value).filter((key) => {
+      const v = value[key];
+      return typeof v === "function" ? v() : Boolean(v);
+    }).join(" ");
+    element.setAttribute("class", classes);
+    return;
+  }
+  element.setAttribute("class", String(value));
+}
+function setClassList(element, value, disposers) {
+  if (!value || typeof value !== "object") return;
+  for (const name in value) {
+    const cond = value[name];
+    const names = name.split(/\s+/).filter(Boolean);
+    if (typeof cond === "function" && disposers) {
+      disposers.push(
+        (0, import_signal2.createRenderEffect)(() => {
+          const on = !!cond();
+          for (const n of names) element.classList.toggle(n, on);
+        })
+      );
+    } else {
+      const on = !!(typeof cond === "function" ? cond() : cond);
+      for (const n of names) element.classList.toggle(n, on);
+    }
+  }
+}
+function setStyle(element, _value) {
+  let value = _value;
+  while (typeof value === "function") value = value();
+  if (value == null) {
+    element.removeAttribute("style");
+    return;
+  }
+  if (typeof value === "string") {
+    element.style.cssText = value;
+    return;
+  }
+  if (typeof value === "object") {
+    for (const key in value) {
+      const styleValue = value[key];
+      if (styleValue == null) element.style[key] = "";
+      else element.style[key] = styleValue;
+    }
+  }
+}
+function applyProps(element, props, isSVG = false) {
+  for (const key in props) {
+    const val = props[key];
+    if (key === "ref") {
+      handleRef(val, element);
+      continue;
+    }
+    if (key === "children") continue;
+    if (key === "use") {
+      applyUse(element, val);
+      continue;
+    }
+    if (key.startsWith("on:")) {
+      addNativeEventListener(element, key.slice(3), val);
+      continue;
+    }
+    if (key.startsWith("prop:")) {
+      (0, import_signal2.reportReactiveDirective)(element, "prop", key.slice(5), val);
+      setDynamicProperty(element, key.slice(5), val);
+      continue;
+    }
+    if (key.startsWith("attr:")) {
+      (0, import_signal2.reportReactiveDirective)(element, "attr", key.slice(5), val);
+      setDynamicAttribute(element, key.slice(5), val, isSVG);
+      continue;
+    }
+    if (key.startsWith("bool:")) {
+      (0, import_signal2.reportReactiveDirective)(element, "bool", key.slice(5), val);
+      setDynamicBoolAttribute(element, key.slice(5), val);
+      continue;
+    }
+    if (key.startsWith("on") && key.length > 2) {
+      const name = key.slice(2).toLowerCase();
+      if (typeof val === "function") {
+        if (NON_DELEGATED.has(name)) {
+          element[`$$${name}`] = val;
+          const listenerKey = `__fx_${name}`;
+          if (!element[listenerKey]) {
+            const forwarder = (e) => {
+              element[`$$${name}`]?.(e);
+            };
+            element.addEventListener(name, forwarder);
+            element[listenerKey] = forwarder;
+          }
+        } else {
+          element[`$$${name}`] = val;
+          if (!delegatedSet.has(name)) delegateEvents([name]);
+        }
+      }
+      continue;
+    }
+    if (key === "class" || key === "className") {
+      setClassName(element, val);
+      continue;
+    }
+    if (key === "classList") {
+      reportKeys(element, "class", val);
+      if (typeof val === "function")
+        (0, import_signal2.createRenderEffect)(() => {
+          (0, import_signal2.reportReactiveBinding)(element, "attribute", "class", val);
+          setClassList(element, val());
+        });
+      else setClassList(element, val);
+      continue;
+    }
+    if (key === "style") {
+      reportKeys(element, "style", val);
+      if (typeof val === "function")
+        (0, import_signal2.createRenderEffect)(() => {
+          (0, import_signal2.reportReactiveBinding)(element, "attribute", "style", val);
+          setStyle(element, val());
+        });
+      else setStyle(element, val);
+      continue;
+    }
+    if (key === "innerHTML") {
+      if (typeof val === "function") {
+        const dispose = (0, import_signal2.createEffect)(() => {
+          let v = val();
+          while (typeof v === "function") v = v();
+          element.innerHTML = v;
+        });
+        (0, import_signal2.onCleanup)(() => dispose());
+      } else {
+        element.innerHTML = val;
+      }
+      continue;
+    }
+    if (key === "value" && (element.tagName === "INPUT" || element.tagName === "TEXTAREA")) {
+      if (typeof val === "function") {
+        const dispose = (0, import_signal2.createEffect)(() => {
+          let v = val();
+          while (typeof v === "function" && v.length === 0) v = v();
+          if (document.activeElement !== element) {
+            element.value = v ?? "";
+          }
+        });
+        (0, import_signal2.onCleanup)(() => {
+          dispose();
+        });
+      } else {
+        (0, import_signal2.createRenderEffect)(() => {
+          if (document.activeElement !== element) {
+            element.value = props[key] ?? "";
+          }
+        });
+      }
+      continue;
+    }
+    if (key === "checked" && element.tagName === "INPUT") {
+      if (typeof val === "function") {
+        const dispose = (0, import_signal2.createEffect)(() => {
+          let v = val();
+          while (typeof v === "function" && v.length === 0) v = v();
+          if (document.activeElement !== element) {
+            element.checked = v ?? "";
+          }
+        });
+        (0, import_signal2.onCleanup)(() => {
+          dispose();
+        });
+      } else {
+        (0, import_signal2.createRenderEffect)(() => {
+          if (document.activeElement !== element) {
+            element.checked = props[key] ?? "";
+          }
+        });
+      }
+      continue;
+    }
+    if (key === "value" && element.tagName === "SELECT") {
+      if (typeof val === "function") {
+        let firstRun = true;
+        const dispose = (0, import_signal2.createEffect)(() => {
+          let v = val();
+          while (typeof v === "function" && v.length === 0) v = v();
+          if (firstRun) {
+            firstRun = false;
+            queueMicrotask(() => {
+              element.value = v ?? "";
+            });
+          } else {
+            element.value = v ?? "";
+          }
+        });
+        (0, import_signal2.onCleanup)(() => {
+          dispose();
+        });
+      } else {
+        let firstRun = true;
+        (0, import_signal2.createRenderEffect)(() => {
+          const v = props[key];
+          if (firstRun) {
+            firstRun = false;
+            queueMicrotask(() => {
+              element.value = v ?? "";
+            });
+          } else {
+            element.value = v ?? "";
+          }
+        });
+      }
+      continue;
+    }
+    if (typeof val === "function") {
+      const dispose = (0, import_signal2.createEffect)(() => {
+        let v = val();
+        while (typeof v === "function" && v.length === 0) v = v();
+        applyElementProp(element, key, v, isSVG);
+      });
+      (0, import_signal2.onCleanup)(() => {
+        dispose();
+      });
+    } else {
+      (0, import_signal2.createRenderEffect)(() => applyElementProp(element, key, props[key], isSVG));
+    }
+  }
+}
+function handleRef(ref, element) {
+  if (!ref) return;
+  const held = ref[HOLE_TAG]?.name;
+  (0, import_signal2.reportReactiveDirective)(
+    element,
+    "ref",
+    held || (typeof ref === "function" ? ref.name || "ref" : "ref"),
+    ref
+  );
+  if (isDomNode(ref)) {
+    const actualRef = element;
+    const actualElement = ref;
+    if (!actualRef) return;
+    if (typeof actualRef === "function") actualRef(actualElement);
+    else if (typeof actualRef === "object" && "current" in actualRef) actualRef.current = actualElement;
+    return;
+  }
+  if (typeof ref === "function") ref(element);
+  else if (typeof ref === "object" && "current" in ref) ref.current = element;
+}
+function isSVGElement(tag) {
+  return tag === "svg" || tag === "path" || tag === "circle" || tag === "rect" || tag === "line" || tag === "polygon" || tag === "polyline" || tag === "ellipse" || tag === "g" || tag === "defs" || tag === "clipPath" || tag === "text";
+}
+function isPromise(v) {
+  return v != null && (typeof v === "object" || typeof v === "function") && typeof v.then === "function" || v instanceof Promise;
+}
+
+// src/lib/dom/integration.ts
+var import_reactive = require("@fluixi/reactive");
+var _slotKey = "__fx_dom_create_component__";
+var _slot = globalThis[_slotKey] ??= { fn: null };
+function createComponent(Comp, props) {
+  if (_slot.fn) return _slot.fn(Comp, props);
+  if (props) (0, import_reactive.reportReactiveProps)(props);
+  const component = typeof Comp === "function" ? (0, import_reactive.untrack)(() => Comp(props)) : Comp;
+  const nameable = component != null && (typeof component === "function" || typeof component === "object");
+  if (nameable) {
+    try {
+      component["$name"] = Comp?.name;
+    } catch {
+    }
+  }
+  if (nameable && !(0, import_reactive.isSignal)(component)) {
+    return asComponent(component);
+  }
+  return component;
+}
+
+// src/lib/dom/dynamic-element.ts
+var import_signal3 = require("@fluixi/reactive/signal");
+function createDynamicElement(type, props = {}) {
+  if (typeof type === "function") return createComponent(type, props);
+  if (typeof type !== "string" || type.length === 0) return null;
+  const svgTag = isSVGElement(type);
+  if (isServer()) return getServerNodes().createElement(type, svgTag);
+  const element = svgTag ? document.createElementNS(SVG_NAMESPACE, type) : document.createElement(type);
+  applyProps(element, props, svgTag);
+  insertChildren(element, props);
+  return element;
+}
+function insertChildren(element, props) {
+  if (!props || props.children === void 0) return;
+  const children = (0, import_signal3.readChildren)(() => props.children);
+  const insertOne = (child) => {
+    insert(element, child, typeof child === "function" ? null : void 0);
+  };
+  if (Array.isArray(children)) children.forEach(insertOne);
+  else insertOne(children);
+}