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

package/dist/lib/flow/index.cjs

@@ -1 +1,805 @@
-"use strict";var H=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var pe=Object.getOwnPropertyNames;var he=Object.prototype.hasOwnProperty;var me=(e,n)=>{for(var o in n)H(e,o,{get:n[o],enumerable:!0})},xe=(e,n,o,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of pe(n))!he.call(e,a)&&a!==o&&H(e,a,{get:()=>n[a],enumerable:!(t=ye(n,a))||t.enumerable});return e};var ge=e=>xe(H({},"__esModule",{value:!0}),e);var ve={};me(ve,{ClientOnly:()=>K,Dynamic:()=>ee,ErrorBoundary:()=>fe,For:()=>X,Index:()=>Y,Match:()=>Z,NoSsr:()=>se,Portal:()=>ie,Show:()=>z,Switch:()=>Q,classMap:()=>ce,indexArray:()=>P.indexArray,keyArray:()=>P.keyArray,mapArray:()=>P.mapArray,styleMap:()=>ue});module.exports=ge(ve);var y=require("@fluixi/reactive/signal");function V(e){return typeof e=="function"?e:(()=>e)}function w(e){return()=>{let n=e();return typeof n=="function"?n():n}}function B(e){return e!=null&&e!==!1}function q(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function z(e){let n=w(()=>e.when),o=(0,y.createMemo)(n,void 0,{name:"Show.when"}),t=(0,y.createMemo)(o,void 0,{name:"Show.cond"}),a=(0,y.getOwner)(),s=null,f=null,i=r=>{r!==f&&(s&&(0,y.disposeScope)(s),s=(0,y.createChildOwner)(a),f=r)};return(0,y.createMemo)(()=>{let r=t();return i(r?"when":"fallback"),(0,y.runWithOwner)(s,()=>{if(r){let c=e.children;return typeof c=="function"&&!q(c)?typeof o=="function"?(0,y.untrack)(()=>(0,y.untrack)(o)?c(o()):e.fallback):c(o):c}return e.fallback});return e.fallback??null},void 0,{name:"Show.result"})}var C=require("@fluixi/reactive/signal");var g={active:!1,cursor:null,parents:[]},be=null;function G(){return be}function D(e,n){return g.active&&n.parentNode===e}function $(e){let n=g.parents.lastIndexOf(e);n!==-1&&(g.parents.length=n),g.cursor=e.nextSibling}function v(e){if(!g.active||e==null)return;let n=Array.isArray(e)?e[e.length-1]:e;n&&typeof n.nodeType=="number"&&$(n)}function X(e){let n=w(()=>e.each),o=()=>e.fallback??null,t=(a,s)=>{let f=e.children,i=Array.isArray(f)?f.map(r=>typeof r=="function"?r(a,s):r):typeof f=="function"?f(a,s):f;return v(i),i};return e.by?(0,C.keyArray)(n,e.by,(a,s)=>t(a,s),{fallback:o}):(0,C.mapArray)(n,(a,s)=>t(a,s),{fallback:o})}var J=require("@fluixi/reactive/signal");function Y(e){let n=w(()=>e.each);return(0,J.indexArray)(n,(o,t)=>{let a=e.children(o,t);return v(a),a},{fallback:()=>e.fallback??null})}var P=require("@fluixi/reactive/signal");var m=require("@fluixi/reactive/signal");var U=Symbol("match");function Z(e){return{[U]:!0,when:w(()=>e.when),get children(){return e.children}}}function Q(e){let n=Array.isArray(e.children)?e.children:[e.children],o=(0,m.getOwner)(),t=null,a=-1,s=f=>{f!==a&&(t&&(0,m.disposeScope)(t),t=(0,m.createChildOwner)(o),a=f)};return(0,m.createMemo)(()=>{for(let f=0;f<n.length;f+=1){let r=n[f],c=0;for(;typeof r=="function"&&!r[U]&&c++<10;)r=r();if(!r||typeof r!="object"||r[U]!==!0)continue;let l=r.when();if(B(l))return s(f),(0,m.runWithOwner)(t,()=>typeof r.children=="function"?r.children(l):r.children)}return s(-2),(0,m.runWithOwner)(t,()=>e.fallback??null)},void 0,{name:"Switch"})}var b=require("@fluixi/reactive/signal");function ee(e){let n=V(e.component),{component:o,...t}=e,a=(0,b.getOwner)(),s=null,f;return(0,b.createMemo)(()=>{let i=n();return i!==f&&(s&&(0,b.disposeScope)(s),s=(0,b.createChildOwner)(a),f=i),i==null?null:typeof i=="string"?{tag:i,props:t}:(0,b.runWithOwner)(s,()=>i(t))},void 0,{name:"Dynamic"})}var L=require("@fluixi/reactive/signal");var x=require("@fluixi/reactive/signal");function E(e){return typeof e=="function"&&e[Symbol.for("fluixi-component")]===!0}var h=require("@fluixi/reactive/signal");var ne=Symbol.for("fluixi.server-node"),Te=Symbol.for("fluixi.dom.server-host"),Ne=globalThis,W=Ne[Te]??={server:typeof document>"u",nodes:null};function k(){return W.server}function te(){if(!W.nodes)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return W.nodes}function M(e){return e!=null&&e[ne]===!0?!0:typeof Node<"u"&&e instanceof Node}function oe(e){return e!=null&&e[ne]===!0?e.nodeType===3:typeof Text<"u"&&e instanceof Text}var we="__fx_at";function A(e,n=!1){if(k())return te().createText(e);if(g.active&&!n){let o=G()?.hydrateText(e);if(o)return o}return document.createTextNode(e)}var N=0,Ae=200;function Ee(e,n,o,t,a){let s=t,f=new Map;return(0,h.createRenderEffect)(()=>{(0,h.reportReactiveBinding)(o??n,"content",void 0,e);let i;if(E(e)&&!(0,x.isSignal)(e)){if(!f.has(e)){N++;try{let r=e();f.set(e,r)}finally{N--}}for(i=f.get(e);typeof i=="function"&&(0,x.isSignal)(i);)i=i()}else for(i=e();typeof i=="function"&&(0,x.isSignal)(i);)i=i();{let r=0;for(;typeof i=="function"&&r++<50;)if(E(i)){if(!f.has(i)){let c=i;N++;try{let l=c();f.set(c,l)}finally{N--}}i=f.get(i)}else if((0,x.isSignal)(i))i=i();else if(i=i(),typeof i!="function"||!(0,x.isSignal)(i)&&!E(i))break}N++;try{s=O(n,i,o,s,f),a(s)}finally{N--}})}function I(e,n,o,t){if(N>Ae)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;o!==void 0&&!o&&(o=A("",!0),e.appendChild(o));let a=t??null,s=r=>Array.isArray(r)&&r.some(c=>typeof c=="function"),f=r=>typeof r=="function"?r:()=>r;if(typeof n!="function"&&!s(n)){N++;try{a=O(e,n,o,a)}finally{N--}return()=>a}let i=Ee(f(n),e,o,a,r=>{a=r});return()=>(i?.(),a)}function O(e,n,o,t,a){if(n==null||typeof n=="boolean")return S(e,t,o);if(typeof n=="function")for(;typeof n=="function";)n=n();if(n==null||typeof n=="boolean")return S(e,t,o);if(R(n)){let f=A("",!0);return Array.isArray(t)?t.length>0?(e.replaceChild(f,t[0]),S(e,t.slice(1),o)):p(e,f,o):t?e.replaceChild(f,t):p(e,f,o),n.then(i=>{f.parentNode===e&&O(e,i,f.nextSibling,f)}).catch(i=>{console.error("Error resolving promise in insertExpression:",i)}),f}let s=typeof n;if(s==="string"||s==="number"){if(s==="number"&&(n=String(n)),Array.isArray(t)){if(t.length===0){let i=A(n);return p(e,i,o),i}if(t.length===1&&t[0].nodeType===3)return t[0].data=n,t;t=S(e,t,o)}if(t&&oe(t))return t.data=n,t;let f=A(n);return t&&t.parentNode===e?e.replaceChild(f,t):D(e,f)||p(e,f,o),f}if(M(n))return D(e,n)?($(n),n):Array.isArray(t)?(t.length===0?p(e,n,o):t[0].parentNode===e?(e.replaceChild(n,t[0]),S(e,t.slice(1),o)):p(e,n,o),n):(t?t!==n&&(t.parentNode===e?e.replaceChild(n,t):p(e,n,o)):p(e,n,o),n);if(Array.isArray(n)){let f=[],i=Array.isArray(t)?t:t?[t]:[],r=[];T(n,f,e,o,!0,a,r);let c=Se(e,i,f,o);for(let l of r){let u=I(e,l.sig,l.marker);(0,h.onCleanup)(()=>{S(e,u()),l.marker.parentNode===e&&e.removeChild(l.marker)})}return c}if(s==="object"&&n!==null&&typeof n=="object"){let f=n;if("type"in f&&"props"in f){let i=f;if(typeof i.type=="function"){let r=i.type(i.props||{});return O(e,r,o,t)}}}return S(e,t,o)}function T(e,n,o,t,a=!0,s,f){for(let i=0;i<e.length;i++){let r=e[i];if(!(r==null||typeof r=="boolean")){for(;typeof r=="function"&&!R(r)&&!(0,x.isSignal)(r)&&!E(r)&&(r=r(),!(r==null||typeof r=="boolean")););if(!(r==null||typeof r=="boolean")){if(typeof r=="function"){let c;for(E(r)&&!(0,x.isSignal)(r)?(s||(s=new Map),s.has(r)||s.set(r,r()),c=s.get(r)):c=r();typeof c=="function"&&!R(c)&&!(0,x.isSignal)(c)&&!E(c);)s||(s=new Map),s.has(c)||s.set(c,c()),c=s.get(c);if(c==null||typeof c=="boolean")continue;if(typeof c=="function"){if((0,x.isSignal)(c)){if(f){let u=A("",!0);n.push(u),f.push({marker:u,sig:c});continue}let l=c();for(;typeof l=="function"&&(0,x.isSignal)(l);)l=l();if(l==null||typeof l=="boolean")continue;Array.isArray(l)?T(l,n,o,t,a,s):T([l],n,o,t,a,s);continue}continue}Array.isArray(c)?T(c,n,o,t,a,s,f):T([c],n,o,t,a,s,f);continue}if(R(r)){let c=A("",!0);n.push(c),r.then(l=>{if(c.parentNode){let u=[];if(T([l],u,c.parentNode,void 0,!1,s),u.length>0){c.parentNode.replaceChild(u[0],c);for(let d=1;d<u.length;d++)c.parentNode?.insertBefore(u[d],u[d-1].nextSibling)}}}).catch(l=>console.error("Error resolving promise in array:",l));continue}if(Array.isArray(r)){T(r,n,o,t,a,s,f);continue}if(M(r)){n.push(r);continue}if(typeof r=="object"&&r!==null&&"type"in r&&"props"in r){let c=r;if(typeof c.type=="function"){let l=c.type(c.props||{});Array.isArray(l)?T(l,n,o,t,!1,s):T([l],n,o,t,!1,s);continue}}if(typeof r=="string"||typeof r=="number"){let c=String(r);if(c.trim()===""&&c!==" ")continue;n.push(A(c));continue}n.push(A(String(r)))}}}}function Se(e,n,o,t){for(let u=0;u<o.length;u++){let d=o[u].parentNode;d!==null&&d!==e&&d.nodeType!==11&&(o=o.slice(),o[u]=o[u].cloneNode(!0))}let a=o.length,s=n.length,f=a,i=0,r=0,c=s>0?n[s-1].nextSibling??void 0:t,l=null;for(;i<s||r<f;){if(n[i]===o[r]){i++,r++;continue}for(;s>i&&f>r&&n[s-1]===o[f-1];)s--,f--;if(s===i){let u=f<a?r?o[r-1].nextSibling??void 0:o[f-r]:c;for(;r<f;)p(e,o[r++],u)}else if(f===r)for(;i<s;)(!l||!l.has(n[i]))&&n[i].parentNode===e&&e.removeChild(n[i]),i++;else if(n[i]===o[f-1]&&o[r]===n[s-1]){let u=n[--s].nextSibling;p(e,o[r++],n[i++].nextSibling),p(e,o[--f],u),n[s]=n[i-1]}else{if(!l){l=new Map;let d=r;for(;d<f;)l.set(o[d],d++)}let u=l.get(n[i]);if(u!=null)if(r<u&&u<f){let d=i,F=1;for(;++d<s&&d<f&&!(!l.has(n[d])||l.get(n[d])!==u+F);)F++;if(F>u-r){let de=n[i];for(;r<u;)p(e,o[r++],de)}else n[i].parentNode===e?e.replaceChild(o[r++],n[i++]):(p(e,o[r++],c),i++)}else i++;else n[i].parentNode===e&&e.removeChild(n[i]),i++}}return o}function S(e,n,o){if(n)if(Array.isArray(n))for(let t=0;t<n.length;t++)n[t].parentNode===e&&e.removeChild(n[t]);else n.parentNode===e&&e.removeChild(n);return null}function p(e,n,o){g.active&&n.parentNode===e||(o&&o.parentNode===e?e.insertBefore(n,o):e.appendChild(n))}function re(e,n){if(!e)return;let o=e[we]?.name;if((0,h.reportReactiveDirective)(n,"ref",o||typeof e=="function"&&e.name||"ref",e),M(e)){let t=n,a=e;if(!t)return;typeof t=="function"?t(a):typeof t=="object"&&"current"in t&&(t.current=a);return}typeof e=="function"?e(n):typeof e=="object"&&"current"in e&&(e.current=n)}function R(e){return e!=null&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"||e instanceof Promise}function ie(e){let n=()=>e.mount?typeof e.mount=="function"?e.mount():e.mount:document.body,o,t;return(0,L.createRoot)(a=>{o=a,t=document.createElement("div"),t.style.display="contents",n().appendChild(t),I(t,e.children)&&re(e.ref,t)}),(0,L.onCleanup)(()=>{o(),t.remove()}),null}var j=require("@fluixi/reactive/signal");function K(e){if(k())return e.fallback??null;let n=g.active,[o,t]=(0,j.createSignal)(!n);return n&&queueMicrotask(()=>t(!0)),(0,j.createMemo)(()=>o()?e.children:e.fallback??null,void 0,{name:"client-only"})}var se=K;var _=require("@fluixi/reactive/signal");function fe(e){let[n,o]=(0,_.createSignal)(null),t=()=>o(null);return(0,_.createMemo)(()=>{let a=n();if(a!==null)return typeof e.fallback=="function"?e.fallback(a,t):e.fallback;try{return typeof e.children=="function"?e.children():e.children}catch(s){return o(s),typeof e.fallback=="function"?e.fallback(s,t):e.fallback}},void 0,{name:"ErrorBoundary"})}var ae=require("@fluixi/reactive/signal");function ce(e){return(0,ae.createMemo)(()=>{let n=typeof e=="function"?e():e,o=[];for(let[t,a]of Object.entries(n)){if(!t)continue;(typeof a=="function"?a():a)&&o.push(t)}return o.join(" ")},void 0,{name:"ClassMap"})}var le=require("@fluixi/reactive/signal");function Pe(e){return e.startsWith("--")?e:e.replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}function ue(e){return(0,le.createMemo)(()=>{let n=typeof e=="function"?e():e,o=[];for(let[t,a]of Object.entries(n)){if(!t)continue;let s=typeof a=="function"?a():a;s!=null&&o.push(`${Pe(t)}: ${s}`)}return o.join("; ")},void 0,{name:"StyleMap"})}
+/*! @fluixi/dom v1.0.0-alpha.85 | (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/flow/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ClientOnly: () => ClientOnly,
+  Dynamic: () => Dynamic,
+  ErrorBoundary: () => ErrorBoundary,
+  For: () => For,
+  Index: () => Index,
+  Match: () => Match,
+  NoSsr: () => NoSsr,
+  Portal: () => Portal,
+  Show: () => Show,
+  Switch: () => Switch,
+  classMap: () => classMap,
+  indexArray: () => import_signal13.indexArray,
+  keyArray: () => import_signal13.keyArray,
+  mapArray: () => import_signal13.mapArray,
+  styleMap: () => styleMap
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/lib/flow/show.ts
+var import_signal = require("@fluixi/reactive/signal");
+
+// src/lib/flow/utils.ts
+function normalizeAccessor(value) {
+  return typeof value === "function" ? value : (() => value);
+}
+function resolveReactiveProp(read) {
+  return () => {
+    const value = read();
+    return typeof value === "function" ? value() : value;
+  };
+}
+function isTruthy(value) {
+  return value !== null && value !== void 0 && value !== false;
+}
+function isLitResult(value) {
+  if (!value || typeof value !== "object") return false;
+  return !!(typeof value["_$litType$"] !== "undefined" || typeof value["_$litDirective$"] !== "undefined" || Array.isArray(value.strings) && Array.isArray(value.values));
+}
+
+// src/lib/flow/show.ts
+function Show(props) {
+  const when = resolveReactiveProp(() => props.when);
+  const value = (0, import_signal.createMemo)(when, void 0, { name: "Show.when" });
+  const cond = (0, import_signal.createMemo)(value, void 0, { name: "Show.cond" });
+  const parentOwner = (0, import_signal.getOwner)();
+  let branchScope = null;
+  let shown = null;
+  const enterBranch = (next) => {
+    if (next === shown) return;
+    if (branchScope) (0, import_signal.disposeScope)(branchScope);
+    branchScope = (0, import_signal.createChildOwner)(parentOwner);
+    shown = next;
+  };
+  return (0, import_signal.createMemo)(
+    () => {
+      const evaluate = cond();
+      enterBranch(evaluate ? "when" : "fallback");
+      return (0, import_signal.runWithOwner)(branchScope, () => {
+        if (evaluate) {
+          let children = props.children;
+          if (typeof children === "function" && !isLitResult(children)) {
+            if (typeof value === "function") {
+              return (0, import_signal.untrack)(() => {
+                if (!(0, import_signal.untrack)(value)) return props.fallback;
+                return children(value());
+              });
+            }
+            return children(value);
+          }
+          return children;
+        }
+        return props.fallback;
+      });
+      return props.fallback ?? null;
+    },
+    void 0,
+    // Not `Show`: the compiler already marks the memo it wraps the component in with that,
+    // and two cards of the same name in one graph is worse than a longer one.
+    { name: "Show.result" }
+  );
+}
+
+// src/lib/flow/for.ts
+var import_signal2 = require("@fluixi/reactive/signal");
+
+// 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;
+}
+function hydrateAdvancePast(rendered) {
+  if (!hydration.active || rendered == null) return;
+  const last = Array.isArray(rendered) ? rendered[rendered.length - 1] : rendered;
+  if (last && typeof last.nodeType === "number") {
+    ascendPast(last);
+  }
+}
+
+// src/lib/flow/for.ts
+function For(props) {
+  const each = resolveReactiveProp(() => props.each);
+  const fallback = () => props.fallback ?? null;
+  const render = (item, index) => {
+    const children = props.children;
+    const rendered = Array.isArray(children) ? children.map((c) => typeof c === "function" ? c(item, index) : c) : typeof children === "function" ? children(item, index) : children;
+    hydrateAdvancePast(rendered);
+    return rendered;
+  };
+  return props.by ? (0, import_signal2.keyArray)(each, props.by, (item, index) => render(item, index), { fallback }) : (0, import_signal2.mapArray)(each, (item, index) => render(item, index), { fallback });
+}
+
+// src/lib/flow/index-flow.ts
+var import_signal3 = require("@fluixi/reactive/signal");
+function Index(props) {
+  const each = resolveReactiveProp(() => props.each);
+  return (0, import_signal3.indexArray)(
+    each,
+    (item, index) => {
+      const rendered = props.children(item, index);
+      hydrateAdvancePast(rendered);
+      return rendered;
+    },
+    { fallback: () => props.fallback ?? null }
+  );
+}
+
+// src/lib/flow/index.ts
+var import_signal13 = require("@fluixi/reactive/signal");
+
+// src/lib/flow/switch.ts
+var import_signal4 = require("@fluixi/reactive/signal");
+var MATCH_MARKER = /* @__PURE__ */ Symbol("match");
+function Match(props) {
+  return {
+    [MATCH_MARKER]: true,
+    // Lazy read through the prop getter. Switch calls `branch.when()` inside its memo,
+    // so `when={cond()}` reacts; `when={cond}` unwraps via resolveReactiveProp.
+    when: resolveReactiveProp(() => props.when),
+    // Lazy, like `when`. Read eagerly, every branch's children were built the
+    // moment the Match node was, before Switch had chosen one, so they were
+    // created outside the branch's scope (and non-matching branches were built
+    // for nothing). Switch reads this inside the selected branch's scope.
+    get children() {
+      return props.children;
+    }
+  };
+}
+function Switch(props) {
+  const branches = Array.isArray(props.children) ? props.children : [props.children];
+  const parentOwner = (0, import_signal4.getOwner)();
+  let branchScope = null;
+  let shown = -1;
+  const enterBranch = (index) => {
+    if (index === shown) return;
+    if (branchScope) (0, import_signal4.disposeScope)(branchScope);
+    branchScope = (0, import_signal4.createChildOwner)(parentOwner);
+    shown = index;
+  };
+  return (0, import_signal4.createMemo)(() => {
+    for (let i = 0; i < branches.length; i += 1) {
+      const raw = branches[i];
+      let branch = raw;
+      let guard = 0;
+      while (typeof branch === "function" && !branch[MATCH_MARKER] && guard++ < 10) {
+        branch = branch();
+      }
+      if (!branch || typeof branch !== "object" || branch[MATCH_MARKER] !== true) {
+        continue;
+      }
+      const value = branch.when();
+      if (isTruthy(value)) {
+        enterBranch(i);
+        return (0, import_signal4.runWithOwner)(
+          branchScope,
+          () => typeof branch.children === "function" ? branch.children(value) : branch.children
+        );
+      }
+    }
+    enterBranch(-2);
+    return (0, import_signal4.runWithOwner)(branchScope, () => props.fallback ?? null);
+  }, void 0, { name: "Switch" });
+}
+
+// src/lib/flow/dynamic.ts
+var import_signal5 = require("@fluixi/reactive/signal");
+function Dynamic(props) {
+  const getComponent = normalizeAccessor(props.component);
+  const { component: _c, ...rest } = props;
+  const parentOwner = (0, import_signal5.getOwner)();
+  let scope = null;
+  let current;
+  return (0, import_signal5.createMemo)(() => {
+    const C = getComponent();
+    if (C !== current) {
+      if (scope) (0, import_signal5.disposeScope)(scope);
+      scope = (0, import_signal5.createChildOwner)(parentOwner);
+      current = C;
+    }
+    if (C == null) return null;
+    if (typeof C === "string") {
+      return { tag: C, props: rest };
+    }
+    return (0, import_signal5.runWithOwner)(scope, () => C(rest));
+  }, void 0, { name: "Dynamic" });
+}
+
+// src/lib/flow/portal.ts
+var import_signal8 = require("@fluixi/reactive/signal");
+
+// src/lib/dom/runtime.ts
+var import_signal6 = require("@fluixi/reactive/signal");
+
+// src/lib/component/modifiers.ts
+function isComponent(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-component")] === true;
+}
+
+// src/lib/dom/runtime.ts
+var import_signal7 = 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/runtime.ts
+var HOLE_TAG = "__fx_at";
+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_signal7.createRenderEffect)(() => {
+    (0, import_signal7.reportReactiveBinding)(marker ?? parent, "content", void 0, getAccessor);
+    let value;
+    if (isComponent(getAccessor) && !(0, import_signal6.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_signal6.isSignal)(value)) value = value();
+    } else {
+      value = getAccessor();
+      while (typeof value === "function" && (0, import_signal6.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_signal6.isSignal)(value)) {
+          value = value();
+        } else {
+          value = value();
+          if (typeof value !== "function" || !(0, import_signal6.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 normalizeAccessor3 = (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(
+    normalizeAccessor3(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_signal7.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_signal6.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_signal6.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_signal6.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_signal6.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_signal6.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 handleRef(ref, element) {
+  if (!ref) return;
+  const held = ref[HOLE_TAG]?.name;
+  (0, import_signal7.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 isPromise(v) {
+  return v != null && (typeof v === "object" || typeof v === "function") && typeof v.then === "function" || v instanceof Promise;
+}
+
+// src/lib/flow/portal.ts
+function Portal(props) {
+  const getMount = () => {
+    if (!props.mount) return document.body;
+    return typeof props.mount === "function" ? props.mount() : props.mount;
+  };
+  let dispose;
+  let container;
+  (0, import_signal8.createRoot)((d) => {
+    dispose = d;
+    container = document.createElement("div");
+    container.style.display = "contents";
+    const target = getMount();
+    target.appendChild(container);
+    const inserted = insert(container, props.children);
+    if (inserted) {
+      handleRef(props.ref, container);
+    }
+  });
+  (0, import_signal8.onCleanup)(() => {
+    dispose();
+    container.remove();
+  });
+  return null;
+}
+
+// src/lib/flow/client-only.ts
+var import_signal9 = require("@fluixi/reactive/signal");
+function ClientOnly(props) {
+  if (isServer()) return props.fallback ?? null;
+  const hydrating = hydration.active;
+  const [ready, setReady] = (0, import_signal9.createSignal)(!hydrating);
+  if (hydrating) queueMicrotask(() => setReady(true));
+  return (0, import_signal9.createMemo)(() => ready() ? props.children : props.fallback ?? null, void 0, {
+    name: "client-only"
+  });
+}
+var NoSsr = ClientOnly;
+
+// src/lib/flow/error-boundary.ts
+var import_signal10 = require("@fluixi/reactive/signal");
+function ErrorBoundary(props) {
+  const [error, setError] = (0, import_signal10.createSignal)(null);
+  const reset = () => setError(null);
+  return (0, import_signal10.createMemo)(() => {
+    const err = error();
+    if (err !== null) {
+      return typeof props.fallback === "function" ? props.fallback(err, reset) : props.fallback;
+    }
+    try {
+      const content = typeof props.children === "function" ? props.children() : props.children;
+      return content;
+    } catch (e) {
+      setError(e);
+      return typeof props.fallback === "function" ? props.fallback(e, reset) : props.fallback;
+    }
+  }, void 0, { name: "ErrorBoundary" });
+}
+
+// src/lib/flow/class-map.ts
+var import_signal11 = require("@fluixi/reactive/signal");
+function classMap(input) {
+  return (0, import_signal11.createMemo)(() => {
+    const map = typeof input === "function" ? input() : input;
+    const classes = [];
+    for (const [cls, cond] of Object.entries(map)) {
+      if (!cls) continue;
+      const active = typeof cond === "function" ? cond() : cond;
+      if (active) classes.push(cls);
+    }
+    return classes.join(" ");
+  }, void 0, { name: "ClassMap" });
+}
+
+// src/lib/flow/style-map.ts
+var import_signal12 = require("@fluixi/reactive/signal");
+function toKebab(prop) {
+  return prop.startsWith("--") ? prop : prop.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+}
+function styleMap(input) {
+  return (0, import_signal12.createMemo)(() => {
+    const map = typeof input === "function" ? input() : input;
+    const parts = [];
+    for (const [prop, val] of Object.entries(map)) {
+      if (!prop) continue;
+      const resolved = typeof val === "function" ? val() : val;
+      if (resolved != null) {
+        parts.push(`${toKebab(prop)}: ${resolved}`);
+      }
+    }
+    return parts.join("; ");
+  }, void 0, { name: "StyleMap" });
+}