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

package/dist/src/cdn/core.cjs

@@ -1 +1,1279 @@
-"use strict";var pe=Object.defineProperty;var Ot=Object.getOwnPropertyDescriptor;var Lt=Object.getOwnPropertyNames;var _t=Object.prototype.hasOwnProperty;var F=(e,t)=>()=>(e&&(t=e(e=0)),t);var Ne=(e,t)=>{for(var n in t)pe(e,n,{get:t[n],enumerable:!0})},le=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Lt(t))!_t.call(e,o)&&o!==n&&pe(e,o,{get:()=>t[o],enumerable:!(r=Ot(t,o))||r.enumerable});return e},Fe=(e,t,n)=>(le(e,t,"default"),n&&le(n,t,"default"));var Mt=e=>le(pe({},"__esModule",{value:!0}),e);function O(e,t){let n,r,o;function s(){return r||(r=e().then(i=>n=i.default)),r}t?.preload&&s();let a=(i=>{if(n){let d=n;return(0,A.untrack)(()=>d(i))}if(!o){let[d]=(0,A.createResource)(()=>s(),{transport:!1});if(o=d,d.error)throw d.error}return(0,A.createMemo)(()=>{let d=o();return d?(0,A.untrack)(()=>d(i)):void 0},void 0,{name:"lazy"})});return a.preload=()=>s().then(()=>{}),a.$lazy=!0,a.loader=e,a}var A,ne=F(()=>{"use strict";A=require("@fluixi/reactive/signal")});function Vt(){Ye||(Ye=!0,!(typeof process<"u")&&console.warn("[fluixi] createProvider({ context, value, children }) reads `children` eagerly: the object literal materialises `children` BEFORE the context is stamped, so a routed <Outlet/> that has siblings inside the provider renders detached and its descendants see no context under SSR. Use the lazy form instead:\n  createProvider(Context, value, props)   // children stays a getter\n  // or JSX:  <Context.Provider value={…}>{props.children}</Context.Provider>"))}function oe(e,t,n){let r=!!e?.Provider,o=r?e:e.context,s=r?t:e.value,a=r?!1:e.debug??!1;r||Vt();let i=typeof s=="function"?s():s,d=r?n:e;return o.Provider({value:i,get children(){return d?.children},debug:a})}function Ze(e){let t=_(e);return[t,r=>oe(t,r.value,r)]}function Te(e,t){if(e.length===0)return(0,Qe.readChildren)(()=>t);let[n,r]=e[0],o=e.slice(1);return oe(n,r,{get children(){return Te(o,t)}})}function et(e){return t=>{let n=M(e);return t.children(n)}}function tt(e,t){let n=M(e);return n===e.defaultValue?t():n}function _(e){let t=(0,re.createContext)(e),n=r=>(r.debug,t.Provider({value:r.value,get children(){return r.children},debug:r.debug}));return typeof Symbol<"u"&&Symbol.for&&(n.$$typeof=Symbol.for("react.provider")),n.$$typeof=Symbol.for("react.provider"),{id:t.id,Provider:(0,Ge.asProvider)(n),defaultValue:e}}function M(e){let t=(0,re.useContext)(e);return t!==void 0?t:e.defaultValue}var Ge,re,Qe,Ye,Ce=F(()=>{"use strict";Ge=require("@fluixi/dom"),re=require("@fluixi/reactive/signal"),Qe=require("@fluixi/reactive/signal"),Ye=!1});function it(){return at}function Se(e){at=e}function ct(e,t){ce.set(e,t)}function ut(e){return ce.get(e)}function Xt(){ce.clear()}function dt(){if(typeof window>"u")return!1;let e=document.getElementById("__FLUIXI_HYDRATION__");if(!e||e.getAttribute("type")!=="application/json")return!1;try{let t=e.textContent||"{}",n=JSON.parse(t);for(let[r,o]of Object.entries(n))ce.set(r,o);return!0}catch(t){return console.error("Failed to deserialize hydration data:",t),!1}}function we(){if(typeof window>"u")return;let e=document.getElementById("__FLUIXI_HYDRATION__");e&&e.remove();let t=document.createTreeWalker(document.body,NodeFilter.SHOW_COMMENT,null),n=[],r;for(;r=t.nextNode();){let o=r,s=o.nodeValue||"";(s.startsWith("#")||s.startsWith("/"))&&n.push(o)}n.forEach(o=>o.remove()),Xt()}function ft(){return typeof window>"u"}var at,ce,Re=F(()=>{"use strict";at=!1,ce=new Map;typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(we,100)})});function lt(e,t){return async(...n)=>{let r=t+":"+JSON.stringify(n);if(it()||typeof window<"u"){let s=ut(r);if(s!==void 0)return s}if(U.has(r))return U.get(r);if(K.has(r))return K.get(r);let o=Promise.resolve(e(...n)).then(s=>(U.set(r,s),K.delete(r),ft()&&ct(r,s),s),s=>{throw K.delete(r),s});return K.set(r,o),o}}function pt(e){let t=typeof e=="string"?n=>n.startsWith(e):e;for(let n of U.keys())t(n)&&(U.delete(n),Jt.add(n));qt(n=>n+1)}function mt(e,t){let[n]=(0,$.createResource)(t||(()=>!0),e);return n}function yt(e){return Pe.has(e)||Pe.set(e,(0,$.createSignal)(void 0)),Pe.get(e)}function Ae(e,t){let n=t||e.name||"action",r=async o=>{let[,s]=yt(n),a=()=>s(void 0),i=()=>r(o);s({input:o,pending:!0,clear:a,retry:i});try{let d=await e(o);return s({input:o,result:d,pending:!1,clear:a,retry:i}),d}catch(d){throw s({input:o,error:d,pending:!1,clear:a,retry:i}),d}};return r.url=n,r.with=o=>Ae((...s)=>e(o,...s),t),r}function gt(e){let[t]=yt(e.url);return t}function ht(e){return e}var $,U,K,mr,qt,Jt,Pe,Bt,yr,xt=F(()=>{"use strict";$=require("@fluixi/reactive/signal");Re();Ce();U=new Map,K=new Map;[mr,qt]=(0,$.createSignal)(0),Jt=new Set;Pe=new Map;Bt=_(),yr=Bt.Provider});var Rt={};Ne(Rt,{A:()=>De,Form:()=>an,Link:()=>de,Outlet:()=>ke,Redirect:()=>Oe,Router:()=>Ee,action:()=>Ae,cache:()=>lt,createAsync:()=>mt,createBrowserHistory:()=>v.createBrowserHistory,createMemoryHistory:()=>v.createMemoryHistory,lazy:()=>O,matchPath:()=>v.matchPath,matchRoutes:()=>v.matchRoutes,preloadRoutes:()=>cn,revalidate:()=>pt,runWithOwner:()=>Pt.runWithOwner,select:()=>nn,useAction:()=>ht,useLevelParams:()=>en,useLinkNavigation:()=>rn,useLocation:()=>X,useMatch:()=>_e,useNavigate:()=>ue,useParam:()=>Le,useParamSelector:()=>tn,useParams:()=>W,useRouteData:()=>on,useRouter:()=>I,useSearchParams:()=>Me,useSubmission:()=>gt});function Yt(e,t,n){let r,o=e.route.data;if(typeof o=="function"){let R=!1;(0,u.onCleanup)(()=>{R=!0});let g=(0,u.getOwner)(),[N]=(0,u.createResource)(()=>o({params:n.params,location:n.location},g,()=>R));r=N}let s=()=>St.Provider({value:r,get children(){return bt.Provider({value:e.params,get children(){return Ct.Provider({value:{depth:t,...n},get children(){return(0,l.createComponent)(e.component,{})}})}})}});if(!r)return s();let a=r,i=()=>a.loading,[d,x]=(0,u.createSignal)((0,u.untrack)(()=>!i()));return(0,u.createEffect)(()=>x(!i())),(0,u.createMemo)(()=>d()?s():null)}function wt(e){let t=e.depth+1,[n,r]=(0,u.createSignal)((0,u.untrack)(()=>e.matched()[t]?.component));return(0,u.createEffect)(()=>{let o=e.matched()[t]?.component;r(()=>o)}),(0,u.createMemo)(()=>{if(!n())return e.notFound?e.notFound():null;let s=(0,u.untrack)(()=>e.matched())[t];return Yt(s,t,{matched:e.matched,params:e.params,location:e.location})})}function Gt(e){return e==null?Qt():typeof e=="function"?(0,l.createComponent)(e,{}):e}function Qt(){let e=(0,l.createNativeElement)("div");(0,l.setAttribute)(e,"class","fx-not-found"),(0,l.setAttribute)(e,"role","main"),(0,l.setAttribute)(e,"style","min-height:60vh;display:grid;place-content:center;gap:.25rem;text-align:center;font-family:system-ui,-apple-system,sans-serif");let t=(0,l.createNativeElement)("h1");(0,l.setAttribute)(t,"style","margin:0;font-size:2.5rem;font-weight:700"),(0,l.insert)(t,"404");let n=(0,l.createNativeElement)("p");return(0,l.setAttribute)(n,"style","margin:0;opacity:.7"),(0,l.insert)(n,"This page could not be found."),e.appendChild(t),e.appendChild(n),e}function Ee(e){let t=e.history??(0,S.createBrowserHistory)(),n=(0,S.createRouter)({routes:e.routes,base:e.base,history:t}),[r,o]=(0,u.createSignal)(n.state()),s=n.subscribe(o);(0,u.onCleanup)(()=>{s(),n.destroy()});let a=(0,u.createMemo)(()=>(r().match?.matched??[]).filter(R=>R.component)),i={router:n,location:(0,u.createMemo)(()=>r().location),params:(0,u.createMemo)(()=>r().match?.params??{})},d={depth:-1,matched:a,params:i.params,location:i.location,notFound:()=>Gt(e.notFound)},x;return z.Provider({value:i,get children(){return x??=wt(d)}})}function ke(){let e=(0,h.useContext)(Ct);return e?wt(e):null}function Oe(e){let t=(0,h.useContext)(z);if(t&&typeof window<"u"){let n=!1;(0,u.onCleanup)(()=>n=!0),queueMicrotask(()=>{n||t.router.navigate(e.to,{replace:e.replace!==!1})})}return null}function I(){let e=(0,h.useContext)(z);if(e)return e;if(typeof window>"u")return Zt;throw new Error("[router] useRouter must be used within <Router>")}function W(){let e=I().params;return(0,u.createMemo)(()=>e(),{},{equals:(t,n)=>JSON.stringify(t)===JSON.stringify(n)})}function en(){return(0,h.useContext)(bt)??{}}function Le(e){let t=W();return(0,u.createMemo)(()=>t()[e])}function tn(e,t){let n=W();return(0,u.createMemo)(()=>e(n()),void 0,t?{equals:t}:void 0)}function _e(e){let t=X();return(0,u.createMemo)(()=>(0,S.matchPath)(typeof e=="function"?e():e,t.pathname))}function Me(){let e=X(),t=ue();return[(0,u.createMemo)(()=>e.query),(o,s)=>{let a=new URLSearchParams(e.search);for(let[d,x]of Object.entries(o))x===null?a.delete(d):a.set(d,x);let i=a.toString();t(e.pathname+(i?`?${i}`:""),s)}]}function nn(e,t){let n=(r,o)=>(0,Tt.deepEqual)(r,o);return t!==void 0?(0,u.createMemo)(()=>(0,vt.get)(e(),t),void 0,{equals:n}):(0,u.createMemo)(e,void 0,{equals:n})}function X(){let{location:e}=I();return new Proxy({},{get:(t,n)=>e()[n],has:(t,n)=>n in e(),ownKeys:()=>Reflect.ownKeys(e()),getOwnPropertyDescriptor:(t,n)=>Object.getOwnPropertyDescriptor(e(),n)})}function rn(e={}){let t=(0,h.useContext)(z);return n=>{if(!t||n.defaultPrevented||n.button!==0||n.metaKey||n.ctrlKey||n.shiftKey||n.altKey)return;let o=n.target?.closest?.("a");if(!o||!o.getAttribute("href")||o.target&&o.target!=="_self"||o.hasAttribute("download")||/(^|\s)external(\s|$)/.test(o.getAttribute("rel")??""))return;let s=new URL(o.href);s.protocol!=="http:"&&s.protocol!=="https:"||s.origin===window.location.origin&&(s.hash&&s.pathname===window.location.pathname&&s.search===window.location.search||e.shouldNavigate&&!e.shouldNavigate(s,o)||(n.preventDefault(),t.router.navigate(s.pathname+s.search+s.hash,{replace:e.replace})))}}function ue(){let{router:e}=I();return(t,n)=>e.navigate(t,n)}function on(){return(0,h.useContext)(St)??(()=>{})}function de(e){let t=(0,h.useContext)(z),n=typeof document>"u",r=()=>t?.router.navigate(C(e.href)??"",{replace:C(e.replace)}),o=(0,l.createNativeElement)("a");(0,l.setAttribute)(o,"href",C(e.href)??""),e.slot&&(0,l.setAttribute)(o,"slot",C(e.slot));for(let a of Object.keys(e)){if(sn.has(a))continue;let i=e[a];i!=null&&typeof i!="function"&&(0,l.setAttribute)(o,a,String(i))}if(typeof o.addEventListener=="function")o.addEventListener("click",a=>{a.metaKey||a.ctrlKey||a.shiftKey||a.altKey||(a.preventDefault(),r())});else{let a=C(e.className??e.class)??"";a&&(0,l.setAttribute)(o,"class",a)}typeof o.addEventListener=="function"&&(0,u.createEffect)(()=>{let a=C(e.href)??"";o.setAttribute("href",a);let i=C(e.className??e.class)??"",d=C(e.activeClass)??"",x=C(e.active)??t?.location().pathname===a;o.className=[i,x?d:""].filter(Boolean).join(" ")});let s=e.children;return s!=null&&(0,l.insert)(o,s),o}function an(e){let t=e.action,n=e.className??e.class,r=t.url??"",o=(0,l.createNativeElement)("form");(0,l.setAttribute)(o,"method","post"),r&&(0,l.setAttribute)(o,"action",r),n&&(0,l.setAttribute)(o,"class",n);for(let a of Object.keys(e)){if(a==="action"||a==="children"||a==="class"||a==="className")continue;let i=e[a];i!=null&&typeof i!="function"&&(0,l.setAttribute)(o,a,String(i))}typeof o.addEventListener=="function"&&o.addEventListener("submit",a=>{a.preventDefault();let i={};new FormData(o).forEach((d,x)=>{i[x]=d}),Promise.resolve(t(i)).catch(()=>{})});let s=e.children;return s!=null&&(0,l.insert)(o,s),o}async function cn(e,t){let n=(0,S.matchRoutes)(e,t);if(!n)return;let r=[];for(let o of n.matched){let s=o.component;s&&typeof s.preload=="function"&&r.push(s.preload())}await Promise.all(r)}var u,l,h,vt,Tt,S,v,Pt,z,Ct,bt,St,Zt,C,sn,De,Ie=F(()=>{"use strict";u=require("@fluixi/reactive/signal"),l=require("@fluixi/dom"),h=require("@fluixi/reactive/signal"),vt=require("@fluixi/utils/object"),Tt=require("@fluixi/utils/compare"),S=require("@fluixi/router"),v=require("@fluixi/router");xt();ne();Pt=require("@fluixi/reactive/signal"),z=(0,h.createContext)(),Ct=(0,h.createContext)(),bt=(0,h.createContext)(),St=(0,h.createContext)();Zt={router:{navigate:()=>{}},location:()=>({pathname:"",search:"",hash:"",query:{}}),params:()=>({})};C=e=>typeof e=="function"?e():e,sn=new Set(["href","slot","class","className","active","activeClass","replace","children"]);De=de});var fn={};Ne(fn,{$component:()=>ge,A:()=>De,ClientOnly:()=>y.ClientOnly,DEV:()=>H,Dynamic:()=>y.Dynamic,ErrorBoundary:()=>y.ErrorBoundary,FRAMEWORK_NAME:()=>st,For:()=>y.For,Fragment:()=>T.Fragment,Index:()=>y.Index,Link:()=>de,Match:()=>y.Match,NoSsr:()=>y.NoSsr,Outlet:()=>ke,Portal:()=>y.Portal,Redirect:()=>Oe,Router:()=>Ee,Show:()=>y.Show,Store:()=>D.Store,Suspense:()=>V,Switch:()=>y.Switch,VERSION:()=>ot,addClass:()=>p.addClass,batch:()=>f.batch,classMap:()=>ie.classMap,cleanupDelegation:()=>Be,composeProviders:()=>Te,createBrowserHistory:()=>v.createBrowserHistory,createComponent:()=>J,createComputed:()=>f.createComputed,createConsumer:()=>et,createContext:()=>_,createContextWithProvider:()=>Ze,createDebounce:()=>se.createDebounce,createDeferred:()=>f.createDeferred,createEffect:()=>f.createEffect,createIsomorphicState:()=>rt,createMemo:()=>f.createMemo,createMemoryHistory:()=>v.createMemoryHistory,createProvider:()=>oe,createRenderEffect:()=>f.createRenderEffect,createResource:()=>f.createResource,createRoot:()=>f.createRoot,createSelector:()=>se.createSelector,createSignal:()=>f.createSignal,createStore:()=>D.createStore,delegateEvents:()=>p.delegateEvents,devOnly:()=>xe,getFrameworkInfo:()=>Wt,getOwner:()=>f.getOwner,getSharedConfig:()=>ye,hydrate:()=>p.hydrate,initDelegation:()=>Je,insert:()=>p.insert,isDOMNode:()=>p.isDOMNode,isDev:()=>he,isLitTemplateResult:()=>p.isLitTemplateResult,isRenderable:()=>qe,jsx:()=>T.jsx,jsxs:()=>T.jsxs,lazy:()=>O,mount:()=>At,onCleanup:()=>f.onCleanup,onMount:()=>B,onUnmount:()=>Y,portal:()=>Xe,read:()=>ae.readSignal,reduce:()=>ae.reduceSignal,removeClass:()=>p.removeClass,render:()=>L,runWithOwner:()=>f.runWithOwner,setAttribute:()=>p.setAttribute,setOwner:()=>f.setOwner,setProperty:()=>p.setProperty,spread:()=>p.spread,startClient:()=>Et,styleMap:()=>ie.styleMap,toggleClass:()=>p.toggleClass,untrack:()=>f.untrack,untrackStore:()=>D.untrackStore,useCallback:()=>te,useContext:()=>M,useEffect:()=>j,useEventListener:()=>ee,useLocation:()=>X,useMatch:()=>_e,useMemo:()=>G,useNavigate:()=>ue,useParam:()=>Le,useParams:()=>W,useProvide:()=>tt,useReducer:()=>Z,useRef:()=>Q,useRouter:()=>I,useSearchParams:()=>Me});module.exports=Mt(fn);var f=require("@fluixi/reactive/signal"),se=require("@fluixi/reactive/signal"),ae=require("@fluixi/reactive/operators"),D=require("@fluixi/reactive/store");var We=require("@fluixi/reactive/signal");var je=require("@fluixi/dom");var He="1.0.0-alpha.82";var P=require("@fluixi/dom");(0,je.registerCoreVersion)(He);var E=require("@fluixi/dom");var q=require("@fluixi/dom"),c=require("@fluixi/reactive/signal"),Dt={context:null,owner:null};function ye(){return Dt}var H=typeof process<"u"&&!1,me=Symbol.for("fluixi-lifecycle");function Ve(){let e=(0,c.getOwner)();if(!e)return null;if(!e[me]){let t={mounts:[],effects:[],scheduled:!1};e[me]=t}return e[me]}var Ke=typeof window>"u";function Ue(e){if(e.scheduled)return;if(Ke){e.mounts=[],e.effects=[];return}e.scheduled=!0;let t=(0,c.getOwner)();queueMicrotask(()=>{if((0,c.isOwnerDisposed)(t)){e.mounts=[],e.effects=[];return}(0,c.runWithOwner)(t,()=>{for(let n of e.mounts)try{let r=n();typeof r=="function"&&(0,c.onCleanup)(r)}catch(r){console.error("Error in onMount callback:",r)}for(let n of e.effects){let r;(0,c.createEffect)(()=>{r&&r(),r=n()}),(0,c.onCleanup)(()=>{r&&r()})}e.mounts=[],e.effects=[]})})}function J(e,t){return(0,q.createComponent)(e,t)}function ge(e,t){let n=typeof e=="function"?(0,c.untrack)(()=>e(t)):e;if(n!=null&&(typeof n=="function"||typeof n=="object")&&!(0,c.isSignal)(n)){try{n.$name=e.name}catch{}return(0,q.asComponent)(n)}return n}function B(e,t=!0){if(Ke)return;let n=Ve();if(n){if(!t){n.scheduled||e();return}n.mounts.push(e),Ue(n)}else{if(!t){e();return}(0,c.createEffect)(()=>{let r=(0,c.untrack)(e);typeof r=="function"&&(0,c.onCleanup)(r)})}}function Y(e){(0,c.onCleanup)(e)}function j(e){let t=Ve();if(t)t.effects.push(e),Ue(t);else{let n;(0,c.createEffect)(()=>{n&&n(),n=e()}),(0,c.onCleanup)(()=>{n&&n()})}}function G(e){return(0,c.createMemo)(e)}function Q(e){let t={current:e};return(0,c.onCleanup)(()=>{t.current=null}),t}function Z(e,t){let[n,r]=(0,c.createSignal)(t);return[n,s=>{r(e(n(),s))}]}function ee(e,t,n,r){j(()=>{let o=e&&"current"in e?e.current:e;if(o)return o.addEventListener(t,n,r),()=>{o.removeEventListener(t,n,r)}})}function te(e){return e}function he(){return H}function xe(e){H&&e()}var m=require("@fluixi/reactive/signal"),b=require("@fluixi/dom");function $e(e){return!!(e&&typeof e=="object"&&typeof e.then=="function"||e instanceof Promise)}var It=(0,m.createContext)();function V(e){return(0,b.createComponent)(Nt,e)}function Nt(e){let t=(0,m.createSuspenseBoundary)(),n=(0,m.useContext)(It),r=n?n.register(t.inFallback):void 0;function o(g){return g==null||typeof g=="boolean"?null:typeof g=="function"&&(0,b.isComponent)(g)&&!(0,m.isSignal)(g)?g():g}let s=(0,b.runWithoutHydration)(()=>o(e.fallback??null)),a=(0,m.provideSuspense)(t,()=>(0,m.readChildren)(()=>e.children)),i=(g,N)=>{if(!(N>8))if(Array.isArray(g))for(let kt of g)i(kt,N+1);else typeof g=="function"&&(0,m.isSignal)(g)&&i(g(),N+1)};(0,m.provideSuspense)(t,()=>{(0,m.createRenderEffect)(()=>i(a,0))});let[d,x]=(0,m.createSignal)(void 0),R=$e(a);return R&&(t.increment(),a.then(g=>{x(()=>g),t.decrement()},()=>t.decrement())),(0,m.createMemo)(()=>(r?r.showFallback():t.inFallback())?s:R?d():a)}(0,b.asSuspense)(V);Object.defineProperty(V,"__suspense",{value:!0,enumerable:!0});ne();var ze=require("@fluixi/reactive/signal"),Ft=require("@fluixi/dom/utils");ne();var Ht=require("@fluixi/reactive/signal");var ve=typeof window>"u";function L(e,t,n={}){if((0,E.delegateEvents)(["click","input","change","submit"]),ve)throw new Error("render() is for client-side only. Use renderToString() on server.");if(!t)throw new Error("Container element is required");let r;return(0,We.createRoot)(o=>{r=o;let s=typeof e=="function"?e():e;t.textContent="",(0,P.stampVersions)(t),(0,P.warnOnVersionSkew)(),(0,E.insert)(t,()=>s)}),()=>{r&&(r(),r=void 0)}}function jt(e){return e&&typeof e=="object"&&(e._$litType$!==void 0||e._$litDirective$!==void 0)}function Xe(e,t,n={}){let r=document.createElement("div");r.setAttribute("data-portal","true"),t.appendChild(r);let o=L(e,r,n);return()=>{o(),t.contains(r)&&t.removeChild(r)}}function qe(e){return!!(e==null||typeof e=="function"||(0,E.isDOMNode)(e)||jt(e)||Array.isArray(e)||typeof e=="string"||typeof e=="number"||typeof e=="boolean")}function Je(){ve||(0,E.delegateEvents)(["click","input","change","submit"])}function Be(){}Ce();var be=require("@fluixi/reactive/signal"),nt=require("@fluixi/dom"),Kt="__fluixi_iso_states__",Ut="__iso:";function $t(){return globalThis[Kt]??=new Map}function zt(e){if(typeof window>"u")return;let t=(0,nt.getServerData)();return t?t[Ut+e]:void 0}function rt(e,t){let n=zt(e),r=n!==void 0?n:typeof window<"u"&&t.client?t.client():t.fallback,[o,s]=(0,be.createSignal)(r);return $t().set(e,{server:t.server,set:s}),{value:o,set:s,key:e}}var ie=require("@fluixi/dom");var y=require("@fluixi/dom");var p=require("@fluixi/dom");var T={};Fe(T,require("@fluixi/jsx/jsx-runtime"));var k=require("@fluixi/reactive/signal");var ot="0.0.1",st="Fluixi";function Wt(){return{name:st,version:ot,features:{ssr:!0,hydration:!0,jsx:!0,litHtml:!0,signals:!0,fineGrained:!0,lazy:!0,hooks:!0,devMode:!0}}}var fe=require("@fluixi/dom");Re();var w=require("@fluixi/head"),dn=require("@fluixi/dom");function At(e,t){if(!t)throw new Error("Container element not found for mount()");(0,fe.render)(()=>e(),t)}async function Et(e,t={}){let n=typeof t.root=="string"?document.querySelector(t.root):t.root??document.querySelector("#app");if(!n)throw new Error(`[Fluixi] Mount container not found: ${t.root??"#app"}`);let r=!!document.getElementById("__FLUIXI_HYDRATION__")||!!t.routes&&n.firstElementChild!=null,o=t.hydrate??r,s=(0,w.createHead)();if((0,w.setActiveHead)(s),(0,w.stripHeadMarker)(n),o){if(t.routes&&t.routes.length){let{preloadRoutes:a}=await Promise.resolve().then(()=>(Ie(),Rt));await a(t.routes,window.location.pathname)}dt(),Se(!0),(0,fe.hydrate)(()=>e(),n),un(),setTimeout(()=>{Se(!1),we()},100)}else L(()=>e(),n);(0,w.mountHead)(s)}function un(){if(typeof window>"u")return;let e=window;typeof e.__FX_REPLAY_STOP__=="function"&&e.__FX_REPLAY_STOP__();let t=e.__FX_REPLAY__;if(e.__FX_REPLAY__=void 0,e.__FX_REPLAY_STOP__=void 0,!(!Array.isArray(t)||t.length===0))for(let n of t){let r=n&&n.target;if(!r||r.isConnected===!1||typeof r.dispatchEvent!="function")continue;let o=n.type,s=o==="click"?new MouseEvent(o,{bubbles:!0,cancelable:!0}):new Event(o,{bubbles:!0,cancelable:!0});r.dispatchEvent(s)}}Ie();
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/render/lazy.ts
+function fromChunk(value) {
+  if (value != null && (typeof value === "object" || typeof value === "function")) {
+    try {
+      value["$lazy"] = true;
+    } catch {
+    }
+  }
+  return value;
+}
+function lazy(loader, options) {
+  let resolved;
+  let promise;
+  let component;
+  function load() {
+    if (!promise) {
+      promise = loader().then((mod) => resolved = mod.default);
+    }
+    return promise;
+  }
+  if (options?.preload) load();
+  const LazyWrapper = ((props) => {
+    if (resolved) {
+      const C = resolved;
+      return fromChunk((0, import_signal3.untrack)(() => C(props)));
+    }
+    if (!component) {
+      const [resource] = (0, import_signal3.createResource)(() => load(), { transport: false });
+      component = resource;
+      if (resource.error) throw resource.error;
+    }
+    return (0, import_signal3.createMemo)(() => {
+      const C = component();
+      return C ? fromChunk((0, import_dom6.createComponent)(C, props)) : void 0;
+    });
+  });
+  LazyWrapper.preload = () => load().then(() => void 0);
+  LazyWrapper.$lazy = true;
+  LazyWrapper.loader = loader;
+  return LazyWrapper;
+}
+var import_dom6, import_signal3;
+var init_lazy = __esm({
+  "src/lib/render/lazy.ts"() {
+    "use strict";
+    import_dom6 = require("@fluixi/dom");
+    import_signal3 = require("@fluixi/reactive/signal");
+  }
+});
+
+// src/lib/context/context.ts
+function warnEagerProvider() {
+  if (_warnedEagerProvider) return;
+  _warnedEagerProvider = true;
+  if (typeof process !== "undefined" && true) return;
+  console.warn(
+    "[fluixi] createProvider({ context, value, children }) reads `children` eagerly: the object literal materialises `children` BEFORE the context is stamped, so a routed <Outlet/> that has siblings inside the provider renders detached and its descendants see no context under SSR. Use the lazy form instead:\n  createProvider(Context, value, props)   // children stays a getter\n  // or JSX:  <Context.Provider value={...}>{props.children}</Context.Provider>"
+  );
+}
+function createProvider(a, value, childProps) {
+  const isLazyForm = !!a?.Provider;
+  const context = isLazyForm ? a : a.context;
+  const rawValue = isLazyForm ? value : a.value;
+  const debug = isLazyForm ? false : a.debug ?? false;
+  if (!isLazyForm) warnEagerProvider();
+  const resolvedValue = typeof rawValue === "function" ? rawValue() : rawValue;
+  const sourceProps = isLazyForm ? childProps : a;
+  return context.Provider({
+    value: resolvedValue,
+    get children() {
+      return sourceProps?.children;
+    },
+    debug
+  });
+}
+function createContextWithProvider(defaultValue) {
+  const context = createContext3(defaultValue);
+  const provider = (props) => {
+    return createProvider(context, props.value, props);
+  };
+  return [context, provider];
+}
+function composeProviders(contexts, children) {
+  if (contexts.length === 0) {
+    return (0, import_signal8.readChildren)(() => children);
+  }
+  const [context, value] = contexts[0];
+  const remaining = contexts.slice(1);
+  return createProvider(context, value, {
+    get children() {
+      return composeProviders(remaining, children);
+    }
+  });
+}
+function createConsumer(context) {
+  return (props) => {
+    const value = useContext3(context);
+    return props.children(value);
+  };
+}
+function useProvide(context, factory) {
+  const existing = useContext3(context);
+  if (existing === context.defaultValue) {
+    return factory();
+  }
+  return existing;
+}
+function createContext3(defaultValue, name) {
+  const context = (0, import_signal7.createContext)(defaultValue, name);
+  const Provider = (props) => {
+    if (props.debug === true) {
+    }
+    return context.Provider({
+      value: props.value,
+      get children() {
+        return props.children;
+      },
+      debug: props.debug
+    });
+  };
+  if (typeof Symbol !== "undefined" && Symbol.for) {
+    Provider.$$typeof = /* @__PURE__ */ Symbol.for("react.provider");
+  }
+  Provider.$$typeof = /* @__PURE__ */ Symbol.for("react.provider");
+  return {
+    id: context.id,
+    Provider: (0, import_dom10.asProvider)(Provider),
+    defaultValue
+  };
+}
+function useContext3(context) {
+  const value = (0, import_signal7.useContext)(context);
+  return value !== void 0 ? value : context.defaultValue;
+}
+var import_dom10, import_signal7, import_signal8, _warnedEagerProvider;
+var init_context = __esm({
+  "src/lib/context/context.ts"() {
+    "use strict";
+    import_dom10 = require("@fluixi/dom");
+    import_signal7 = require("@fluixi/reactive/signal");
+    import_signal8 = require("@fluixi/reactive/signal");
+    _warnedEagerProvider = false;
+  }
+});
+
+// src/lib/server/hydration.ts
+function isHydrating() {
+  return hydrating;
+}
+function setHydrating(state) {
+  hydrating = state;
+}
+function setHydrationData(key, data) {
+  hydrationDataMap.set(key, data);
+}
+function getHydrationData(key) {
+  return hydrationDataMap.get(key);
+}
+function clearHydrationData() {
+  hydrationDataMap.clear();
+}
+function deserializeHydrationData() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  const script = document.getElementById("__FLUIXI_HYDRATION__");
+  if (!script || script.getAttribute("type") !== "application/json") {
+    return false;
+  }
+  try {
+    const json = script.textContent || "{}";
+    const data = JSON.parse(json);
+    for (const [key, value] of Object.entries(data)) {
+      hydrationDataMap.set(key, value);
+    }
+    return true;
+  } catch (error) {
+    console.error("Failed to deserialize hydration data:", error);
+    return false;
+  }
+}
+function cleanupHydration() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const script = document.getElementById("__FLUIXI_HYDRATION__");
+  if (script) {
+    script.remove();
+  }
+  const walker = document.createTreeWalker(
+    document.body,
+    NodeFilter.SHOW_COMMENT,
+    null
+  );
+  const comments = [];
+  let node;
+  while (node = walker.nextNode()) {
+    const comment = node;
+    const text = comment.nodeValue || "";
+    if (text.startsWith("#") || text.startsWith("/")) {
+      comments.push(comment);
+    }
+  }
+  comments.forEach((comment) => comment.remove());
+  clearHydrationData();
+}
+function isServerEnvironment() {
+  return (0, import_dom15.isServer)();
+}
+var import_dom15, hydrating, hydrationDataMap;
+var init_hydration = __esm({
+  "src/lib/server/hydration.ts"() {
+    "use strict";
+    import_dom15 = require("@fluixi/dom");
+    hydrating = false;
+    hydrationDataMap = /* @__PURE__ */ new Map();
+    if (typeof window !== "undefined") {
+      window.addEventListener("load", () => {
+        setTimeout(cleanupHydration, 100);
+      });
+    }
+  }
+});
+
+// src/lib/router/data.ts
+function cache(fn, name) {
+  return async (...args) => {
+    const key = name + ":" + JSON.stringify(args);
+    if (isHydrating() || typeof window !== "undefined") {
+      const hydrated = getHydrationData(key);
+      if (hydrated !== void 0) {
+        return hydrated;
+      }
+    }
+    if (globalCache.has(key)) {
+      return globalCache.get(key);
+    }
+    if (inflightRequests.has(key)) {
+      return inflightRequests.get(key);
+    }
+    const promise = Promise.resolve(fn(...args)).then(
+      (val) => {
+        globalCache.set(key, val);
+        inflightRequests.delete(key);
+        if (isServerEnvironment()) {
+          setHydrationData(key, val);
+        }
+        return val;
+      },
+      (err) => {
+        inflightRequests.delete(key);
+        throw err;
+      }
+    );
+    inflightRequests.set(key, promise);
+    return promise;
+  };
+}
+function revalidate(key) {
+  const predicate = typeof key === "string" ? (k) => k.startsWith(key) : key;
+  for (const k of globalCache.keys()) {
+    if (predicate(k)) {
+      globalCache.delete(k);
+      revalidationKeys.add(k);
+    }
+  }
+  setRevalidationVersion((v) => v + 1);
+}
+function createAsync(fetcher, source) {
+  const [data] = (0, import_signal13.createResource)(source || (() => true), fetcher);
+  return data;
+}
+function getSubmissionSignal(url) {
+  if (!submissionState.has(url)) {
+    submissionState.set(
+      url,
+      (0, import_signal13.createSignal)(void 0)
+    );
+  }
+  return submissionState.get(url);
+}
+function action(fn, name) {
+  const actionUrl = name || fn.name || "action";
+  const submit = async (input) => {
+    const [, setSubmission] = getSubmissionSignal(actionUrl);
+    const clear = () => setSubmission(void 0);
+    const retry = () => submit(input);
+    setSubmission({
+      input,
+      // Approximate type for tracking
+      pending: true,
+      clear,
+      retry
+    });
+    try {
+      const result = await fn(input);
+      setSubmission({
+        input,
+        result,
+        pending: false,
+        clear,
+        retry
+      });
+      return result;
+    } catch (error) {
+      setSubmission({
+        input,
+        error,
+        pending: false,
+        clear,
+        retry
+      });
+      throw error;
+    }
+  };
+  submit.url = actionUrl;
+  submit.with = (args) => action((...a) => fn(args, ...a), name);
+  return submit;
+}
+function useSubmission(actionFn) {
+  const [submission] = getSubmissionSignal(actionFn.url);
+  return submission;
+}
+function useAction(actionFn) {
+  return actionFn;
+}
+var import_signal13, globalCache, inflightRequests, revalidationVersion, setRevalidationVersion, revalidationKeys, submissionState, RouteDataContext, RouteDataProvider;
+var init_data = __esm({
+  "src/lib/router/data.ts"() {
+    "use strict";
+    import_signal13 = require("@fluixi/reactive/signal");
+    init_hydration();
+    init_context();
+    globalCache = /* @__PURE__ */ new Map();
+    inflightRequests = /* @__PURE__ */ new Map();
+    [revalidationVersion, setRevalidationVersion] = (0, import_signal13.createSignal)(0);
+    revalidationKeys = /* @__PURE__ */ new Set();
+    submissionState = /* @__PURE__ */ new Map();
+    RouteDataContext = createContext3(void 0, "route-data");
+    RouteDataProvider = RouteDataContext.Provider;
+  }
+});
+
+// src/lib/router/index.ts
+var router_exports = {};
+__export(router_exports, {
+  A: () => A,
+  Form: () => Form,
+  Link: () => Link,
+  Outlet: () => Outlet,
+  Redirect: () => Redirect,
+  Router: () => Router,
+  action: () => action,
+  cache: () => cache,
+  createAsync: () => createAsync,
+  createBrowserHistory: () => import_router2.createBrowserHistory,
+  createMemoryHistory: () => import_router2.createMemoryHistory,
+  lazy: () => lazy,
+  matchPath: () => import_router2.matchPath,
+  matchRoutes: () => import_router2.matchRoutes,
+  preloadRoutes: () => preloadRoutes,
+  revalidate: () => revalidate,
+  runWithOwner: () => import_signal16.runWithOwner,
+  select: () => select,
+  useAction: () => useAction,
+  useLevelParams: () => useLevelParams,
+  useLinkNavigation: () => useLinkNavigation,
+  useLocation: () => useLocation,
+  useMatch: () => useMatch,
+  useNavigate: () => useNavigate,
+  useParam: () => useParam,
+  useParamSelector: () => useParamSelector,
+  useParams: () => useParams,
+  useRouteData: () => useRouteData,
+  useRouter: () => useRouter,
+  useSearchParams: () => useSearchParams,
+  useSubmission: () => useSubmission
+});
+function renderLayer(m, depth, base) {
+  let data;
+  const loader = m.route.data;
+  if (typeof loader === "function") {
+    let cancelled = false;
+    (0, import_signal14.onCleanup)(() => {
+      cancelled = true;
+    });
+    const owner = (0, import_signal14.getOwner)();
+    const [resource] = (0, import_signal14.createResource)(
+      () => loader({ params: base.params, location: base.location }, owner, () => cancelled)
+    );
+    data = resource;
+  }
+  const buildPage = () => RouteDataContext2.Provider({
+    value: data,
+    get children() {
+      return LevelParamsContext.Provider({
+        value: m.params,
+        get children() {
+          return OutletContext.Provider({
+            value: { depth, ...base },
+            get children() {
+              return (0, import_dom16.createComponent)(m.component, {});
+            }
+          });
+        }
+      });
+    }
+  });
+  if (!data) return buildPage();
+  const res = data;
+  const isLoading = () => res.loading;
+  const [ready, setReady] = (0, import_signal14.createSignal)((0, import_signal14.untrack)(() => !isLoading()));
+  (0, import_signal14.createEffect)(() => setReady(!isLoading()));
+  return (0, import_signal14.createMemo)(() => ready() ? buildPage() : null);
+}
+function renderChild(ctx) {
+  const childIdx = ctx.depth + 1;
+  const [childComp, setChildComp] = (0, import_signal14.createSignal)(
+    (0, import_signal14.untrack)(() => ctx.matched()[childIdx]?.component)
+  );
+  (0, import_signal14.createEffect)(() => {
+    const c = ctx.matched()[childIdx]?.component;
+    setChildComp(() => c);
+  });
+  return (0, import_signal14.createMemo)(() => {
+    const component = childComp();
+    if (!component) {
+      return ctx.notFound ? ctx.notFound() : null;
+    }
+    const m = (0, import_signal14.untrack)(() => ctx.matched())[childIdx];
+    return renderLayer(m, childIdx, {
+      matched: ctx.matched,
+      params: ctx.params,
+      location: ctx.location
+    });
+  });
+}
+function renderNotFound(notFound) {
+  if (notFound == null) return buildDefaultNotFound();
+  return typeof notFound === "function" ? (0, import_dom16.createComponent)(notFound, {}) : notFound;
+}
+function buildDefaultNotFound() {
+  const el = (0, import_dom16.createNativeElement)("div");
+  (0, import_dom16.setAttribute)(el, "class", "fx-not-found");
+  (0, import_dom16.setAttribute)(el, "role", "main");
+  (0, import_dom16.setAttribute)(
+    el,
+    "style",
+    "min-height:60vh;display:grid;place-content:center;gap:.25rem;text-align:center;font-family:system-ui,-apple-system,sans-serif"
+  );
+  const h1 = (0, import_dom16.createNativeElement)("h1");
+  (0, import_dom16.setAttribute)(h1, "style", "margin:0;font-size:2.5rem;font-weight:700");
+  (0, import_dom16.insert)(h1, "404");
+  const p = (0, import_dom16.createNativeElement)("p");
+  (0, import_dom16.setAttribute)(p, "style", "margin:0;opacity:.7");
+  (0, import_dom16.insert)(p, "This page could not be found.");
+  el.appendChild(h1);
+  el.appendChild(p);
+  return el;
+}
+function Router(props) {
+  const history = props.history ?? (0, import_router.createBrowserHistory)();
+  const router = (0, import_router.createRouter)({
+    routes: props.routes,
+    base: props.base,
+    history
+  });
+  const [state, setState] = (0, import_signal14.createSignal)(router.state());
+  const unsub = router.subscribe(setState);
+  (0, import_signal14.onCleanup)(() => {
+    unsub();
+    router.destroy();
+  });
+  const matched = (0, import_signal14.createMemo)(
+    () => (state().match?.matched ?? []).filter((m) => m.component)
+  );
+  const ctx = {
+    router,
+    location: (0, import_signal14.createMemo)(() => state().location),
+    params: (0, import_signal14.createMemo)(() => state().match?.params ?? {})
+  };
+  const root = {
+    depth: -1,
+    matched,
+    params: ctx.params,
+    location: ctx.location,
+    // Only the root carries this: renderChild shows it when the URL matched nothing.
+    notFound: () => renderNotFound(props.notFound)
+  };
+  let rootView;
+  return RouterContext.Provider({
+    value: ctx,
+    get children() {
+      return rootView ??= renderChild(root);
+    }
+  });
+}
+function Outlet() {
+  const ctx = (0, import_signal15.useContext)(OutletContext);
+  if (!ctx) return null;
+  return renderChild(ctx);
+}
+function Redirect(props) {
+  const ctx = (0, import_signal15.useContext)(RouterContext);
+  if (ctx && typeof window !== "undefined") {
+    let cancelled = false;
+    (0, import_signal14.onCleanup)(() => cancelled = true);
+    queueMicrotask(() => {
+      if (!cancelled) ctx.router.navigate(props.to, { replace: props.replace !== false });
+    });
+  }
+  return null;
+}
+function useRouter() {
+  const ctx = (0, import_signal15.useContext)(RouterContext);
+  if (ctx) return ctx;
+  if (typeof window === "undefined") return _ssrRouterStub;
+  throw new Error("[router] useRouter must be used within <Router>");
+}
+function useParams() {
+  const params = useRouter().params;
+  return (0, import_signal14.createMemo)(() => params(), {}, {
+    equals: (a, b) => JSON.stringify(a) === JSON.stringify(b)
+  });
+}
+function useLevelParams() {
+  return (0, import_signal15.useContext)(LevelParamsContext) ?? {};
+}
+function useParam(key) {
+  const params = useParams();
+  return (0, import_signal14.createMemo)(() => params()[key]);
+}
+function useParamSelector(selector, equals) {
+  const params = useParams();
+  return (0, import_signal14.createMemo)(
+    () => selector(params()),
+    void 0,
+    equals ? { equals } : void 0
+  );
+}
+function useMatch(path) {
+  const location = useLocation();
+  return (0, import_signal14.createMemo)(
+    () => (0, import_router.matchPath)(typeof path === "function" ? path() : path, location.pathname)
+  );
+}
+function useSearchParams() {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const params = (0, import_signal14.createMemo)(() => location.query);
+  const setParams = (next, options) => {
+    const current = new URLSearchParams(location.search);
+    for (const [k, v] of Object.entries(next)) {
+      if (v === null) current.delete(k);
+      else current.set(k, v);
+    }
+    const search = current.toString();
+    navigate(location.pathname + (search ? `?${search}` : ""), options);
+  };
+  return [params, setParams];
+}
+function select(source, key) {
+  const equals = (a, b) => (0, import_compare.deepEqual)(a, b);
+  if (key !== void 0) {
+    return (0, import_signal14.createMemo)(
+      () => (0, import_object.get)(source(), key),
+      void 0,
+      { equals }
+    );
+  }
+  return (0, import_signal14.createMemo)(source, void 0, { equals });
+}
+function useLocation() {
+  const { location } = useRouter();
+  return new Proxy({}, {
+    get: (_t, key) => location()[key],
+    has: (_t, key) => key in location(),
+    ownKeys: () => Reflect.ownKeys(location()),
+    getOwnPropertyDescriptor: (_t, key) => Object.getOwnPropertyDescriptor(location(), key)
+  });
+}
+function useLinkNavigation(options = {}) {
+  const ctx = (0, import_signal15.useContext)(RouterContext);
+  return (event) => {
+    if (!ctx || event.defaultPrevented || event.button !== 0) return;
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    const target = event.target;
+    const anchor = target?.closest?.("a");
+    if (!anchor || !anchor.getAttribute("href")) return;
+    if (anchor.target && anchor.target !== "_self") return;
+    if (anchor.hasAttribute("download")) return;
+    if (/(^|\s)external(\s|$)/.test(anchor.getAttribute("rel") ?? "")) return;
+    const url = new URL(anchor.href);
+    if (url.protocol !== "http:" && url.protocol !== "https:") return;
+    if (url.origin !== window.location.origin) return;
+    if (url.hash && url.pathname === window.location.pathname && url.search === window.location.search) return;
+    if (options.shouldNavigate && !options.shouldNavigate(url, anchor)) return;
+    event.preventDefault();
+    ctx.router.navigate(url.pathname + url.search + url.hash, { replace: options.replace });
+  };
+}
+function useNavigate() {
+  const { router } = useRouter();
+  return (to, options) => router.navigate(to, options);
+}
+function useRouteData() {
+  const acc = (0, import_signal15.useContext)(RouteDataContext2);
+  return acc ?? (() => void 0);
+}
+function Link(props) {
+  const ctx = (0, import_signal15.useContext)(RouterContext);
+  const navigate = () => ctx?.router.navigate(read(props.href) ?? "", { replace: read(props.replace) });
+  const a = (0, import_dom16.createNativeElement)("a");
+  (0, import_dom16.setAttribute)(a, "href", read(props.href) ?? "");
+  if (props.slot) (0, import_dom16.setAttribute)(a, "slot", read(props.slot));
+  for (const k of Object.keys(props)) {
+    if (LINK_OWN_PROPS.has(k)) continue;
+    const v = props[k];
+    if (v != null && typeof v !== "function") (0, import_dom16.setAttribute)(a, k, String(v));
+  }
+  if (typeof a.addEventListener === "function") {
+    a.addEventListener("click", (e) => {
+      if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+      e.preventDefault();
+      navigate();
+    });
+  } else {
+    const base = read(props.className ?? props.class) ?? "";
+    if (base) (0, import_dom16.setAttribute)(a, "class", base);
+  }
+  if (typeof a.addEventListener === "function") {
+    (0, import_signal14.createEffect)(() => {
+      const href = read(props.href) ?? "";
+      a.setAttribute("href", href);
+      const base = read(props.className ?? props.class) ?? "";
+      const activeClass = read(props.activeClass) ?? "";
+      const active = read(props.active) ?? ctx?.location().pathname === href;
+      a.className = [base, active ? activeClass : ""].filter(Boolean).join(" ");
+    });
+  }
+  const linkChildren = props.children;
+  if (linkChildren != null) (0, import_dom16.insert)(a, linkChildren);
+  return a;
+}
+function Form(props) {
+  const action2 = props.action;
+  const cls = props.className ?? props.class;
+  const url = action2.url ?? "";
+  const form = (0, import_dom16.createNativeElement)("form");
+  (0, import_dom16.setAttribute)(form, "method", "post");
+  if (url) (0, import_dom16.setAttribute)(form, "action", url);
+  if (cls) (0, import_dom16.setAttribute)(form, "class", cls);
+  for (const k of Object.keys(props)) {
+    if (k === "action" || k === "children" || k === "class" || k === "className") continue;
+    const v = props[k];
+    if (v != null && typeof v !== "function") (0, import_dom16.setAttribute)(form, k, String(v));
+  }
+  if (typeof form.addEventListener === "function") {
+    form.addEventListener("submit", (e) => {
+      e.preventDefault();
+      const data = {};
+      new FormData(form).forEach((v, k) => {
+        data[k] = v;
+      });
+      Promise.resolve(action2(data)).catch(() => {
+      });
+    });
+  }
+  const children = props.children;
+  if (children != null) (0, import_dom16.insert)(form, children);
+  return form;
+}
+async function preloadRoutes(routes, pathname) {
+  const match = (0, import_router.matchRoutes)(routes, pathname);
+  if (!match) return;
+  const loads = [];
+  for (const m of match.matched) {
+    const c = m.component;
+    if (c && typeof c.preload === "function") loads.push(c.preload());
+  }
+  await Promise.all(loads);
+}
+var import_signal14, import_dom16, import_signal15, import_object, import_compare, import_router, import_router2, import_signal16, RouterContext, OutletContext, LevelParamsContext, RouteDataContext2, _ssrRouterStub, read, LINK_OWN_PROPS, A;
+var init_router = __esm({
+  "src/lib/router/index.ts"() {
+    "use strict";
+    import_signal14 = require("@fluixi/reactive/signal");
+    import_dom16 = require("@fluixi/dom");
+    import_signal15 = require("@fluixi/reactive/signal");
+    import_object = require("@fluixi/utils/object");
+    import_compare = require("@fluixi/utils/compare");
+    import_router = require("@fluixi/router");
+    import_router2 = require("@fluixi/router");
+    init_data();
+    init_lazy();
+    import_signal16 = require("@fluixi/reactive/signal");
+    RouterContext = (0, import_signal15.createContext)(void 0, "router");
+    OutletContext = (0, import_signal15.createContext)(void 0, "outlet");
+    LevelParamsContext = (0, import_signal15.createContext)(void 0, "route-params");
+    RouteDataContext2 = (0, import_signal15.createContext)(void 0, "route-data");
+    _ssrRouterStub = {
+      router: { navigate: () => {
+      } },
+      location: () => ({ pathname: "", search: "", hash: "", query: {} }),
+      params: () => ({})
+    };
+    read = (v) => typeof v === "function" ? v() : v;
+    LINK_OWN_PROPS = /* @__PURE__ */ new Set([
+      "href",
+      "slot",
+      "class",
+      "className",
+      "active",
+      "activeClass",
+      "replace",
+      "children"
+    ]);
+    A = Link;
+  }
+});
+
+// src/cdn/core.ts
+var core_exports = {};
+__export(core_exports, {
+  $component: () => $component,
+  A: () => A,
+  ClientOnly: () => import_dom12.ClientOnly,
+  DEV: () => DEV,
+  Dynamic: () => import_dom12.Dynamic,
+  ErrorBoundary: () => import_dom12.ErrorBoundary,
+  FRAMEWORK_NAME: () => FRAMEWORK_NAME,
+  For: () => import_dom12.For,
+  Fragment: () => jsx_runtime_exports.Fragment,
+  Index: () => import_dom12.Index,
+  Link: () => Link,
+  Match: () => import_dom12.Match,
+  NoSsr: () => import_dom12.NoSsr,
+  Outlet: () => Outlet,
+  Portal: () => import_dom12.Portal,
+  Redirect: () => Redirect,
+  Router: () => Router,
+  Show: () => import_dom12.Show,
+  Store: () => import_store.Store,
+  Suspense: () => Suspense,
+  Switch: () => import_dom12.Switch,
+  VERSION: () => VERSION2,
+  addClass: () => import_dom14.addClass,
+  batch: () => import_signal10.batch,
+  classMap: () => import_dom13.classMap,
+  cleanupDelegation: () => cleanupDelegation,
+  composeProviders: () => composeProviders,
+  createBrowserHistory: () => import_router2.createBrowserHistory,
+  createComponent: () => createComponent,
+  createComputed: () => import_signal10.createComputed,
+  createConsumer: () => createConsumer,
+  createContext: () => createContext3,
+  createContextWithProvider: () => createContextWithProvider,
+  createDebounce: () => import_signal11.createDebounce,
+  createDeferred: () => import_signal10.createDeferred,
+  createEffect: () => import_signal10.createEffect,
+  createIsomorphicState: () => createIsomorphicState,
+  createMemo: () => import_signal10.createMemo,
+  createMemoryHistory: () => import_router2.createMemoryHistory,
+  createProvider: () => createProvider,
+  createRenderEffect: () => import_signal10.createRenderEffect,
+  createResource: () => import_signal10.createResource,
+  createRoot: () => import_signal10.createRoot,
+  createSelector: () => import_signal11.createSelector,
+  createSignal: () => import_signal10.createSignal,
+  createStore: () => import_store.createStore,
+  delegateEvents: () => import_dom14.delegateEvents,
+  devOnly: () => devOnly,
+  getFrameworkInfo: () => getFrameworkInfo,
+  getOwner: () => import_signal10.getOwner,
+  getSharedConfig: () => getSharedConfig,
+  hydrate: () => import_dom14.hydrate,
+  initDelegation: () => initDelegation,
+  insert: () => import_dom14.insert,
+  isDOMNode: () => import_dom14.isDOMNode,
+  isDev: () => isDev,
+  isLitTemplateResult: () => import_dom14.isLitTemplateResult,
+  isRenderable: () => isRenderable,
+  jsx: () => jsx_runtime_exports.jsx,
+  jsxs: () => jsx_runtime_exports.jsxs,
+  lazy: () => lazy,
+  mount: () => mount,
+  onCleanup: () => import_signal10.onCleanup,
+  onMount: () => onMount,
+  onUnmount: () => onUnmount,
+  portal: () => portal,
+  read: () => import_operators.readSignal,
+  reduce: () => import_operators.reduceSignal,
+  removeClass: () => import_dom14.removeClass,
+  render: () => render,
+  runWithOwner: () => import_signal10.runWithOwner,
+  setAttribute: () => import_dom14.setAttribute,
+  setOwner: () => import_signal10.setOwner,
+  setProperty: () => import_dom14.setProperty,
+  spread: () => import_dom14.spread,
+  startClient: () => startClient,
+  styleMap: () => import_dom13.styleMap,
+  toggleClass: () => import_dom14.toggleClass,
+  untrack: () => import_signal10.untrack,
+  untrackStore: () => import_store.untrackStore,
+  useCallback: () => useCallback,
+  useContext: () => useContext3,
+  useEffect: () => useEffect,
+  useEventListener: () => useEventListener,
+  useLocation: () => useLocation,
+  useMatch: () => useMatch,
+  useMemo: () => useMemo,
+  useNavigate: () => useNavigate,
+  useParam: () => useParam,
+  useParams: () => useParams,
+  useProvide: () => useProvide,
+  useReducer: () => useReducer,
+  useRef: () => useRef,
+  useRouter: () => useRouter,
+  useSearchParams: () => useSearchParams
+});
+module.exports = __toCommonJS(core_exports);
+
+// src/lib/index.ts
+var import_signal10 = require("@fluixi/reactive/signal");
+var import_signal11 = require("@fluixi/reactive/signal");
+var import_operators = require("@fluixi/reactive/operators");
+var import_store = require("@fluixi/reactive/store");
+
+// src/lib/render/index.ts
+var import_dom8 = require("@fluixi/dom");
+var import_signal6 = require("@fluixi/reactive/signal");
+
+// src/lib/render/versions.ts
+var import_dom = require("@fluixi/dom");
+
+// src/version.generated.ts
+var VERSION = "1.0.0-alpha.84";
+
+// src/lib/render/versions.ts
+var import_dom2 = require("@fluixi/dom");
+(0, import_dom.registerCoreVersion)(VERSION);
+
+// src/lib/render/index.ts
+var import_dom9 = require("@fluixi/dom");
+
+// src/lib/render/component.ts
+var import_dom3 = require("@fluixi/dom");
+var import_dom4 = require("@fluixi/dom");
+var import_signal = require("@fluixi/reactive/signal");
+var sharedConfig = {
+  context: null,
+  owner: null
+};
+function getSharedConfig() {
+  return sharedConfig;
+}
+var DEV = typeof process !== "undefined" && false;
+var _LIFECYCLE = /* @__PURE__ */ Symbol.for("fluixi-lifecycle");
+function getOwnerLifecycle() {
+  const owner = (0, import_signal.getOwner)();
+  if (!owner) return null;
+  if (!owner[_LIFECYCLE]) {
+    const lc = { mounts: [], effects: [], scheduled: false };
+    owner[_LIFECYCLE] = lc;
+  }
+  return owner[_LIFECYCLE];
+}
+function scheduleLifecycleFlush(lc) {
+  if (lc.scheduled) return;
+  if ((0, import_dom3.isServer)()) {
+    lc.mounts = [];
+    lc.effects = [];
+    return;
+  }
+  lc.scheduled = true;
+  const owner = (0, import_signal.getOwner)();
+  queueMicrotask(() => {
+    if ((0, import_signal.isOwnerDisposed)(owner)) {
+      lc.mounts = [];
+      lc.effects = [];
+      return;
+    }
+    (0, import_signal.runWithOwner)(owner, () => {
+      for (const cb of lc.mounts) {
+        try {
+          const cleanup = cb();
+          if (typeof cleanup === "function") {
+            (0, import_signal.onCleanup)(cleanup);
+          }
+        } catch (e) {
+          console.error("Error in onMount callback:", e);
+        }
+      }
+      for (const cb of lc.effects) {
+        let cleanup;
+        (0, import_signal.createEffect)(() => {
+          if (cleanup) cleanup();
+          cleanup = cb();
+        });
+        (0, import_signal.onCleanup)(() => {
+          if (cleanup) cleanup();
+        });
+      }
+      lc.mounts = [];
+      lc.effects = [];
+    });
+  });
+}
+function createComponent(Comp, props) {
+  return (0, import_dom4.createComponent)(Comp, props);
+}
+function $component(value, props) {
+  const component = typeof value === "function" ? (0, import_signal.untrack)(() => value(props)) : value;
+  const nameable = component != null && (typeof component === "function" || typeof component === "object");
+  if (nameable) {
+    try {
+      component["$name"] = value.name;
+    } catch {
+    }
+  }
+  if (nameable && !(0, import_signal.isSignal)(component)) {
+    return (0, import_dom4.asComponent)(component);
+  }
+  return component;
+}
+function onMount(fn, reactive = true) {
+  if ((0, import_dom3.isServer)()) return;
+  const lc = getOwnerLifecycle();
+  if (lc) {
+    if (!reactive) {
+      if (!lc.scheduled) {
+        fn();
+      }
+      return;
+    }
+    lc.mounts.push(fn);
+    scheduleLifecycleFlush(lc);
+  } else {
+    if (!reactive) {
+      fn();
+      return;
+    }
+    (0, import_signal.createEffect)(() => {
+      const cleanup = (0, import_signal.untrack)(fn);
+      if (typeof cleanup === "function") {
+        (0, import_signal.onCleanup)(cleanup);
+      }
+    });
+  }
+}
+function onUnmount(fn) {
+  (0, import_signal.onCleanup)(fn);
+}
+function useEffect(callback) {
+  const lc = getOwnerLifecycle();
+  if (lc) {
+    lc.effects.push(callback);
+    scheduleLifecycleFlush(lc);
+  } else {
+    let cleanup;
+    (0, import_signal.createEffect)(() => {
+      if (cleanup) cleanup();
+      cleanup = callback();
+    });
+    (0, import_signal.onCleanup)(() => {
+      if (cleanup) cleanup();
+    });
+  }
+}
+function useMemo(fn) {
+  return (0, import_signal.createMemo)(fn);
+}
+function useRef(initialValue) {
+  const ref = { current: initialValue };
+  (0, import_signal.onCleanup)(() => {
+    ref.current = null;
+  });
+  return ref;
+}
+function useReducer(reducer, initialState) {
+  const [state, setState] = (0, import_signal.createSignal)(initialState);
+  const dispatch = (action2) => {
+    setState(reducer(state(), action2));
+  };
+  return [state, dispatch];
+}
+function useEventListener(target, event, handler, options) {
+  useEffect(() => {
+    const element = target && "current" in target ? target.current : target;
+    if (!element) return;
+    element.addEventListener(event, handler, options);
+    return () => {
+      element.removeEventListener(event, handler, options);
+    };
+  });
+}
+function useCallback(callback) {
+  return callback;
+}
+function isDev() {
+  return DEV;
+}
+function devOnly(fn) {
+  if (DEV) {
+    fn();
+  }
+}
+
+// src/lib/render/suspense.ts
+var import_signal2 = require("@fluixi/reactive/signal");
+var import_dom5 = require("@fluixi/dom");
+function isPromise(value) {
+  return !!(value && typeof value === "object" && typeof value.then === "function" || value instanceof Promise);
+}
+var SuspenseListContext = (0, import_signal2.createContext)(void 0, "suspense-list");
+function Suspense(props) {
+  return (0, import_dom5.createComponent)(SuspenseImpl, props);
+}
+function SuspenseImpl(props) {
+  const boundary = (0, import_signal2.createSuspenseBoundary)();
+  const listCtx = (0, import_signal2.useContext)(SuspenseListContext);
+  const listState = listCtx ? listCtx.register(boundary.inFallback) : void 0;
+  function instantiateOnce(val) {
+    if (val == null || typeof val === "boolean") return null;
+    if (typeof val === "function" && (0, import_dom5.isComponent)(val) && !(0, import_signal2.isSignal)(val)) return val();
+    return val;
+  }
+  const fallback = (0, import_dom5.runWithoutHydration)(() => instantiateOnce(props.fallback ?? null));
+  const children = (0, import_signal2.provideSuspense)(boundary, () => (0, import_signal2.readChildren)(() => props.children));
+  const track = (value, depth) => {
+    if (depth > 8) return;
+    if (Array.isArray(value)) {
+      for (const x of value) track(x, depth + 1);
+    } else if (typeof value === "function" && (0, import_signal2.isSignal)(value)) {
+      track(value(), depth + 1);
+    }
+  };
+  (0, import_signal2.provideSuspense)(boundary, () => {
+    (0, import_signal2.createRenderEffect)(() => track(children, 0));
+  });
+  const [resolved, setResolved] = (0, import_signal2.createSignal)(void 0);
+  const childIsPromise = isPromise(children);
+  if (childIsPromise) {
+    boundary.increment();
+    children.then(
+      (v) => {
+        setResolved(() => v);
+        boundary.decrement();
+      },
+      () => boundary.decrement()
+    );
+  }
+  return (0, import_signal2.createMemo)(() => {
+    const showFallback = listState ? listState.showFallback() : boundary.inFallback();
+    if (showFallback) return fallback;
+    if (childIsPromise) return resolved();
+    return children;
+  });
+}
+(0, import_dom5.asSuspense)(Suspense);
+Object.defineProperty(Suspense, "__suspense", { value: true, enumerable: true });
+
+// src/lib/render/index.ts
+init_lazy();
+
+// src/lib/render/deferred.ts
+var import_dom7 = require("@fluixi/dom");
+var import_signal4 = require("@fluixi/reactive/signal");
+var import_utils = require("@fluixi/dom/utils");
+init_lazy();
+
+// src/lib/render/await.ts
+var import_signal5 = require("@fluixi/reactive/signal");
+
+// src/lib/render/index.ts
+function render(code, container, options = {}) {
+  (0, import_dom9.delegateEvents)(["click", "input", "change", "submit"]);
+  if ((0, import_dom8.isServer)()) {
+    throw new Error(
+      "render() is for client-side only. Use renderToString() on server."
+    );
+  }
+  if (!container) {
+    throw new Error("Container element is required");
+  }
+  let disposer;
+  (0, import_signal6.createRoot)((dispose) => {
+    disposer = dispose;
+    const result = typeof code === "function" ? code() : code;
+    container.textContent = "";
+    (0, import_dom2.stampVersions)(container);
+    (0, import_dom2.warnOnVersionSkew)();
+    (0, import_dom9.insert)(container, () => result);
+  });
+  return () => {
+    if (disposer) {
+      disposer();
+      disposer = void 0;
+    }
+  };
+}
+function isLitTemplateResult(value) {
+  return value && typeof value === "object" && (value["_$litType$"] !== void 0 || value["_$litDirective$"] !== void 0);
+}
+function portal(code, target, options = {}) {
+  const container = document.createElement("div");
+  container.setAttribute("data-portal", "true");
+  target.appendChild(container);
+  const dispose = render(code, container, options);
+  return () => {
+    dispose();
+    if (target.contains(container)) {
+      target.removeChild(container);
+    }
+  };
+}
+function isRenderable(value) {
+  if (value == null) return true;
+  if (typeof value === "function") return true;
+  if ((0, import_dom9.isDOMNode)(value)) return true;
+  if (isLitTemplateResult(value)) return true;
+  if (Array.isArray(value)) return true;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+    return true;
+  }
+  return false;
+}
+function initDelegation() {
+  if ((0, import_dom8.isServer)()) return;
+  (0, import_dom9.delegateEvents)(["click", "input", "change", "submit"]);
+}
+function cleanupDelegation() {
+  if ((0, import_dom8.isServer)()) return;
+}
+
+// src/lib/context/index.ts
+init_context();
+
+// src/lib/isomorphic.ts
+var import_signal9 = require("@fluixi/reactive/signal");
+var import_dom11 = require("@fluixi/dom");
+var REGISTRY_KEY = "__fluixi_iso_states__";
+var SEED_PREFIX = "__iso:";
+function registry() {
+  return globalThis[REGISTRY_KEY] ??= /* @__PURE__ */ new Map();
+}
+function readSeed(key) {
+  if (typeof window === "undefined") return void 0;
+  const data = (0, import_dom11.getServerData)();
+  return data ? data[SEED_PREFIX + key] : void 0;
+}
+function createIsomorphicState(key, options) {
+  const seed = readSeed(key);
+  const initial = seed !== void 0 ? seed : typeof window !== "undefined" && options.client ? options.client() : options.fallback;
+  const [value, set] = (0, import_signal9.createSignal)(initial);
+  registry().set(key, { server: options.server, set });
+  return { value, set, key };
+}
+
+// src/lib/index.ts
+var import_dom13 = require("@fluixi/dom");
+
+// src/lib/control-flow.ts
+var import_dom12 = require("@fluixi/dom");
+
+// src/lib/index.ts
+var import_dom14 = require("@fluixi/dom");
+
+// src/lib/jsx-runtime/index.ts
+var jsx_runtime_exports = {};
+__reExport(jsx_runtime_exports, require("@fluixi/jsx/jsx-runtime"));
+
+// src/lib/index.ts
+var import_signal12 = require("@fluixi/reactive/signal");
+var VERSION2 = "0.0.1";
+var FRAMEWORK_NAME = "Fluixi";
+function getFrameworkInfo() {
+  return {
+    name: FRAMEWORK_NAME,
+    version: VERSION2,
+    features: {
+      ssr: true,
+      hydration: true,
+      jsx: true,
+      litHtml: true,
+      signals: true,
+      fineGrained: true,
+      lazy: true,
+      hooks: true,
+      devMode: true
+    }
+  };
+}
+
+// src/lib/client/index.ts
+var import_dom17 = require("@fluixi/dom");
+init_hydration();
+var import_signal17 = require("@fluixi/reactive/signal");
+var import_head = require("@fluixi/head");
+var import_dom18 = require("@fluixi/dom");
+function mount(App, container) {
+  if (!container) {
+    throw new Error("Container element not found for mount()");
+  }
+  (0, import_dom17.render)(() => App(), container);
+}
+var rootOf = (App) => (0, import_signal17.createMemo)(() => createComponent(App));
+async function startClient(App, options = {}) {
+  const container = typeof options.root === "string" ? document.querySelector(options.root) : options.root ?? document.querySelector("#app");
+  if (!container) {
+    throw new Error(
+      `[Fluixi] Mount container not found: ${options.root ?? "#app"}`
+    );
+  }
+  const hasServerDom = !!document.getElementById("__FLUIXI_HYDRATION__") || !!options.routes && container.firstElementChild != null;
+  const shouldHydrate = options.hydrate ?? hasServerDom;
+  const head = (0, import_head.createHead)();
+  (0, import_head.setActiveHead)(head);
+  (0, import_head.stripHeadMarker)(container);
+  if (shouldHydrate) {
+    if (options.routes && options.routes.length) {
+      const { preloadRoutes: preloadRoutes2 } = await Promise.resolve().then(() => (init_router(), router_exports));
+      await preloadRoutes2(options.routes, window.location.pathname);
+    }
+    deserializeHydrationData();
+    setHydrating(true);
+    (0, import_dom17.hydrate)(rootOf(App), container);
+    replayEvents();
+    setTimeout(() => {
+      setHydrating(false);
+      cleanupHydration();
+    }, 100);
+  } else {
+    render(rootOf(App), container);
+  }
+  (0, import_head.mountHead)(head);
+}
+function replayEvents() {
+  if (typeof window === "undefined") return;
+  const w = window;
+  if (typeof w.__FX_REPLAY_STOP__ === "function") w.__FX_REPLAY_STOP__();
+  const queue = w.__FX_REPLAY__;
+  w.__FX_REPLAY__ = void 0;
+  w.__FX_REPLAY_STOP__ = void 0;
+  if (!Array.isArray(queue) || queue.length === 0) return;
+  for (const rec of queue) {
+    const target = rec && rec.target;
+    if (!target || target.isConnected === false || typeof target.dispatchEvent !== "function") continue;
+    const type = rec.type;
+    const ev = type === "click" ? new MouseEvent(type, { bubbles: true, cancelable: true }) : new Event(type, { bubbles: true, cancelable: true });
+    target.dispatchEvent(ev);
+  }
+}
+
+// src/cdn/core.ts
+init_router();