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

package/dist/src/lib/core.mjs

@@ -1 +1,1393 @@
-import{signal as Io,memo as No,effect as Fo,resource as _o,createEffect as nn,createMemo as rn,createSignal as on,createResource as Vo,createRoot as sn,createComputed as an,createRenderEffect as cn,onCleanup as un,getOwner as dn,runWithOwner as ln,batch as fn,untrack as pn,createDeferred as mn,setOwner as yn}from"@fluixi/reactive/signal";import{createDebounce as Ko,createDebouncedResource as Ho,createDebouncedSignal as Uo,createSelector as gn}from"@fluixi/reactive/signal";import{readSignal as hn,reduceSignal as xn}from"@fluixi/reactive/operators";import{isServer as N}from"@fluixi/dom";import{createRoot as ct}from"@fluixi/reactive/signal";import{registerCoreVersion as De}from"@fluixi/dom";var q="1.0.0-alpha.83";import{stampVersions as J,warnOnVersionSkew as B,versions as Rn}from"@fluixi/dom";De(q);import{isDOMNode as ut,delegateEvents as Te,insert as dt}from"@fluixi/dom";import{isServer as X}from"@fluixi/dom";import{createComponent as Ie,asComponent as Ne}from"@fluixi/dom";import{untrack as Y,onCleanup as g,getOwner as M,createEffect as b,createMemo as G,createSignal as Fe,isSignal as _e,batch as Ve,runWithOwner as Q,isOwnerDisposed as je}from"@fluixi/reactive/signal";var E=Symbol.for("fluixi-lifecycle");function Z(){let e=M();if(!e)return null;if(!e[E]){let t={mounts:[],effects:[],scheduled:!1};e[E]=t}return e[E]}function ee(e){if(e.scheduled)return;if(X()){e.mounts=[],e.effects=[];return}e.scheduled=!0;let t=M();queueMicrotask(()=>{if(je(t)){e.mounts=[],e.effects=[];return}Q(t,()=>{for(let r of e.mounts)try{let n=r();typeof n=="function"&&g(n)}catch(n){console.error("Error in onMount callback:",n)}for(let r of e.effects){let n;b(()=>{n&&n(),n=r()}),g(()=>{n&&n()})}e.mounts=[],e.effects=[]})})}function S(e,t){return Ie(e,t)}function te(e,t){let r=typeof e=="function"?Y(()=>e(t)):e,n=r!=null&&(typeof r=="function"||typeof r=="object");if(n)try{r.$name=e.name}catch{}return n&&!_e(r)?Ne(r):r}function w(e,t=!0){if(X())return;let r=Z();if(r){if(!t){r.scheduled||e();return}r.mounts.push(e),ee(r)}else{if(!t){e();return}b(()=>{let n=Y(e);typeof n=="function"&&g(n)})}}function P(e){g(e)}function D(e){let t=Z();if(t)t.effects.push(e),ee(t);else{let r;b(()=>{r&&r(),r=e()}),g(()=>{r&&r()})}}function ne(e){return G(e)}function re(e){let t={current:e};return g(()=>{t.current=null}),t}function oe(e,t){let[r,n]=Fe(t);return[r,o=>{n(e(r(),o))}]}function ie(e,t,r,n){D(()=>{let i=e&&"current"in e?e.current:e;if(i)return i.addEventListener(t,r,n),()=>{i.removeEventListener(t,r,n)}})}function se(e){return e}import{createSignal as I,createMemo as Ke,createEffect as He,createRenderEffect as Ue,isSignal as ae,readChildren as $e,useContext as ze,createContext as We,createSuspenseBoundary as qe,provideSuspense as ce}from"@fluixi/reactive/signal";import{asSuspense as Je,isComponent as Be,createComponent as ue,runWithoutHydration as Xe}from"@fluixi/dom";function de(e){return typeof window>"u"?!1:typeof Node=="function"&&e instanceof Node?!0:!!(e&&typeof e=="object"&&typeof e.nodeType=="number")}function le(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function fe(e){return!!(e&&typeof e=="object"&&typeof e.then=="function"||e instanceof Promise)}function pe(e){return!!(e&&typeof e=="object"&&"type"in e&&"props"in e)}var me=We(void 0,"suspense-list");function R(e){return ue(Ye,e)}function Ye(e){let t=qe(),r=ze(me),n=r?r.register(t.inFallback):void 0;function i(u){return u==null||typeof u=="boolean"?null:typeof u=="function"&&Be(u)&&!ae(u)?u():u}let o=Xe(()=>i(e.fallback??null)),s=ce(t,()=>$e(()=>e.children)),a=(u,y)=>{if(!(y>8))if(Array.isArray(u))for(let W of u)a(W,y+1);else typeof u=="function"&&ae(u)&&a(u(),y+1)};ce(t,()=>{Ue(()=>a(s,0))});let[c,d]=I(void 0),f=fe(s);return f&&(t.increment(),s.then(u=>{d(()=>u),t.decrement()},()=>t.decrement())),Ke(()=>(n?n.showFallback():t.inFallback())?o:f?c():s)}function ye(e){return ue(Ge,e)}function Ge(e){let{revealOrder:t="together",tail:r}=e,n=[];function i(){if(t==="together"){let s=n.every(a=>!a.inFallback());n.forEach(a=>{a.setShowContent(s),a.setShowFallback(!s)})}else{let s=t==="backwards"?[...n].reverse():n,a=!1;for(let c of s)a||c.inFallback()?(a=!0,c.setShowContent(!1),c.setShowFallback(r!=="hidden")):(c.setShowContent(!0),c.setShowFallback(!1))}}let o={register:s=>{let[a,c]=I(!0),[d,f]=I(!1);return n.push({inFallback:s,setShowContent:c,setShowFallback:f}),He(()=>{s(),i()}),{showContent:a,showFallback:d}}};return me.Provider({value:o,children:e.children})}Je(R);Object.defineProperty(R,"__suspense",{value:!0,enumerable:!0});import{createComponent as Qe}from"@fluixi/dom";import{untrack as Ze,createMemo as et,createResource as tt}from"@fluixi/reactive/signal";function ge(e){if(e!=null&&(typeof e=="object"||typeof e=="function"))try{e.$lazy=!0}catch{}return e}function C(e,t){let r,n,i;function o(){return n||(n=e().then(a=>r=a.default)),n}t?.preload&&o();let s=(a=>{if(r){let c=r;return ge(Ze(()=>c(a)))}if(!i){let[c]=tt(()=>o(),{transport:!1});if(i=c,c.error)throw c.error}return et(()=>{let c=i();return c?ge(Qe(c,a)):void 0})});return s.preload=()=>o().then(()=>{}),s.$lazy=!0,s.loader=e,s}import{isServer as he}from"@fluixi/dom";import{createMemo as nt,createSignal as rt}from"@fluixi/reactive/signal";import{observeIntersection as ot}from"@fluixi/dom/utils";function xe(e,t){let r=t.export??"default",n=C(()=>e().then(o=>{let s=o[r];if(typeof s!="function")throw new Error(`deferred(): module has no '${r}' export (got ${typeof s}).`);return{default:s}}),{fallback:t.fallback});function i(o){if(t.strategy.kind==="never")return he()?n(o):null;if(he()||t.strategy.kind==="eager")return n(o);let[s,a]=rt(!1),c=()=>{n.preload().then(()=>a(!0))},d=t.strategy.kind==="visible"?it():void 0;return st(t.strategy,c,d),nt(()=>s()?n(o):d??t.fallback??null,void 0,{name:"deferred"})}return i.preload=n.preload,i}function it(){let e=document.createElement("span");return e.setAttribute("data-fx-load","visible"),e.style.display="block",e}function st(e,t,r){let n=!1,i=()=>{n||(n=!0,t())};switch(e.kind){case"idle":{let o=globalThis.requestIdleCallback;o?o(i):setTimeout(i,1);return}case"visible":{if(!r||typeof IntersectionObserver>"u"){i();return}let o=ot(r,s=>{s&&(o(),i())},{rootMargin:e.rootMargin??"0px"});return}case"interaction":{let o=()=>{for(let s of e.events)document.removeEventListener(s,o,!0);i()};for(let s of e.events)document.addEventListener(s,o,{capture:!0,passive:!0});return}case"media":{if(typeof matchMedia>"u"){i();return}let o=matchMedia(e.query);if(o.matches){i();return}let s=a=>{a.matches&&(o.removeEventListener("change",s),i())};o.addEventListener("change",s);return}default:i()}}import{createResource as at}from"@fluixi/reactive/signal";function ve(e){let t=()=>{let n=e.value;return typeof n=="function"?n():n},[r]=at(t);return()=>{if(r.loading)return e.fallback;let n=e.children;return typeof n=="function"?n(r()):n}}function Ce(e,t,r={}){if(Te(["click","input","change","submit"]),N())throw new Error("render() is for client-side only. Use renderToString() on server.");if(!t)throw new Error("Container element is required");let n;return ct(i=>{n=i;let o=typeof e=="function"?e():e;t.textContent="",J(t),B(),dt(t,()=>o)}),()=>{n&&(n(),n=void 0)}}function lt(e){return e&&typeof e=="object"&&(e._$litType$!==void 0||e._$litDirective$!==void 0)}function ft(e,t,r={}){let n=document.createElement("div");n.setAttribute("data-portal","true"),t.appendChild(n);let i=Ce(e,n,r);return()=>{i(),t.contains(n)&&t.removeChild(n)}}function pt(e){return!!(e==null||typeof e=="function"||ut(e)||lt(e)||Array.isArray(e)||typeof e=="string"||typeof e=="number"||typeof e=="boolean")}function mt(){N()||Te(["click","input","change","submit"])}function yt(){N()}import{asProvider as gt}from"@fluixi/dom";import{createContext as ht,useContext as xt}from"@fluixi/reactive/signal";import{readChildren as vt}from"@fluixi/reactive/signal";var be=!1;function Tt(){be||(be=!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 F(e,t,r){let n=!!e?.Provider,i=n?e:e.context,o=n?t:e.value,s=n?!1:e.debug??!1;n||Tt();let a=typeof o=="function"?o():o,c=n?r:e;return i.Provider({value:a,get children(){return c?.children},debug:s})}function Ct(e){let t=h(e);return[t,n=>F(t,n.value,n)]}function Se(e,t){if(e.length===0)return vt(()=>t);let[r,n]=e[0],i=e.slice(1);return F(r,n,{get children(){return Se(i,t)}})}function bt(e){return t=>{let r=x(e);return t.children(r)}}function St(e,t){let r=x(e);return r===e.defaultValue?t():r}function h(e,t){let r=ht(e,t),n=i=>(i.debug,r.Provider({value:i.value,get children(){return i.children},debug:i.debug}));return typeof Symbol<"u"&&Symbol.for&&(n.$$typeof=Symbol.for("react.provider")),n.$$typeof=Symbol.for("react.provider"),{id:r.id,Provider:gt(n),defaultValue:e}}function x(e){let t=xt(e);return t!==void 0?t:e.defaultValue}import{createSignal as wt,createMemo as Pt}from"@fluixi/reactive/signal";import{getServerData as Rt}from"@fluixi/dom";var At="__fluixi_iso_states__",kt="__iso:";function Ot(){return globalThis[At]??=new Map}function we(e){if(typeof window>"u")return;let t=Rt();return t?t[kt+e]:void 0}function Pe(e,t){let r=we(e),n=r!==void 0?r:typeof window<"u"&&t.client?t.client():t.fallback,[i,o]=wt(n);return Ot().set(e,{server:t.server,set:o}),{value:i,set:o,key:e}}function Lt(e,t){let r=we(e)!==void 0,n=Pe(e,{server:t.server,fallback:t.fallback}),i=()=>n.value()??t.fallback,o=u=>{if(!(!t.persist||typeof localStorage>"u"))try{localStorage.setItem(t.persist,JSON.stringify(u))}catch{}},s=u=>{n.set(u),o(u)},a=(u,y)=>{s({...i(),[u]:y})},c={};for(let u of Object.keys(t.fallback))c[u]=Pt(()=>i()[u]);let d=null;return{value:i,fields:c,set:s,setField:a,ensureInit:()=>r||!t.client?Promise.resolve():(d||(d=Promise.resolve(t.client()).then(u=>{s(u)}).catch(u=>{throw d=null,u})),d),key:e}}import{isServer as Dt}from"@fluixi/dom";import{isServer as Et}from"@fluixi/dom";function Re(){return!Et()}function Ae(){let e=new Map;return{getItem:t=>e.has(t)?e.get(t):null,setItem:(t,r)=>{e.set(t,String(r))},removeItem:t=>{e.delete(t)},clear:()=>e.clear(),key:t=>Array.from(e.keys())[t]??null,get length(){return e.size}}}var A=typeof localStorage<"u"?localStorage:Ae(),k={get window(){return typeof window<"u"?window:void 0},get document(){return typeof document<"u"?document:void 0}};function Mt(e,t){return Re()?e():t}import{createSignal as ke}from"@fluixi/reactive/signal";function It(e){return e?e===!0?{dark:"dark",light:"light"}:e:null}function Nt(e){let t=e.storageKey??"theme",r=e.attribute??"data-theme",n=It(e.system),i=()=>{let l=A.getItem(t);return l&&e.themes.includes(l)?l:n&&k.window?.matchMedia?.("(prefers-color-scheme: dark)")?.matches?n.dark:n?n.light:e.default},[o,s]=ke(i()),[a,c]=ke(!1),d=l=>{k.document?.documentElement.setAttribute(r,l);try{A.setItem(t,l)}catch{}},f=l=>{if(!e.themes.includes(l))return;let Me=o();s(()=>l),d(l),e.onChange?.(l,Me),e.load&&(c(!0),e.onLoading?.(l),Promise.resolve(e.load(l)).finally(()=>{c(!1),e.onLoaded?.(l)}))};return{value:o,isLoading:a,set:f,toggle:()=>{let l=e.themes.indexOf(o());f(e.themes[(l+1)%e.themes.length])},init:()=>d(o()),headScript:()=>`<script>(function(){try{var c=${JSON.stringify({k:t,a:r,d:e.default,sys:n})},t=localStorage.getItem(c.k);if(!t&&c.sys)t=matchMedia('(prefers-color-scheme: dark)').matches?c.sys.dark:c.sys.light;if(!t)t=c.d;document.documentElement.setAttribute(c.a,t);}catch(e){}})();<\/script>`}}import{createSignal as j,createMemo as v,createResource as Ht,createEffect as K,getOwner as Ut,onCleanup as Oe,untrack as _}from"@fluixi/reactive/signal";import{insert as V,createComponent as Le,createNativeElement as O,setAttribute as m}from"@fluixi/dom";import{createContext as L,useContext as Ee}from"@fluixi/reactive/signal";import{get as oo}from"@fluixi/utils/object";import{deepEqual as so}from"@fluixi/utils/compare";import{createRouter as $t,createBrowserHistory as zt,matchRoutes as co,matchPath as uo}from"@fluixi/router";import{createMemoryHistory as po,createBrowserHistory as mo,matchRoutes as yo,matchPath as go}from"@fluixi/router";import{createResource as Kr,createSignal as jt}from"@fluixi/reactive/signal";var Ft=new Map;function _t(){Ft.clear()}function Vt(){if(typeof window>"u")return;let e=document.getElementById("__FLUIXI_HYDRATION__");e&&e.remove();let t=document.createTreeWalker(document.body,NodeFilter.SHOW_COMMENT,null),r=[],n;for(;n=t.nextNode();){let i=n,o=i.nodeValue||"";(o.startsWith("#")||o.startsWith("/"))&&r.push(i)}r.forEach(i=>i.remove()),_t()}typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(Vt,100)});var[zr,Wr]=jt(0);var Kt=h(void 0,"route-data"),qr=Kt.Provider;import{runWithOwner as To}from"@fluixi/reactive/signal";var H=L(void 0,"router"),Wt=L(void 0,"outlet"),qt=L(void 0,"route-params"),Jt=L(void 0,"route-data");function Bt(e,t,r){let n,i=e.route.data;if(typeof i=="function"){let f=!1;Oe(()=>{f=!0});let u=Ut(),[y]=Ht(()=>i({params:r.params,location:r.location},u,()=>f));n=y}let o=()=>Jt.Provider({value:n,get children(){return qt.Provider({value:e.params,get children(){return Wt.Provider({value:{depth:t,...r},get children(){return Le(e.component,{})}})}})}});if(!n)return o();let s=n,a=()=>s.loading,[c,d]=j(_(()=>!a()));return K(()=>d(!a())),v(()=>c()?o():null)}function Xt(e){let t=e.depth+1,[r,n]=j(_(()=>e.matched()[t]?.component));return K(()=>{let i=e.matched()[t]?.component;n(()=>i)}),v(()=>{if(!r())return e.notFound?e.notFound():null;let o=_(()=>e.matched())[t];return Bt(o,t,{matched:e.matched,params:e.params,location:e.location})})}function Yt(e){return e==null?Gt():typeof e=="function"?Le(e,{}):e}function Gt(){let e=O("div");m(e,"class","fx-not-found"),m(e,"role","main"),m(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=O("h1");m(t,"style","margin:0;font-size:2.5rem;font-weight:700"),V(t,"404");let r=O("p");return m(r,"style","margin:0;opacity:.7"),V(r,"This page could not be found."),e.appendChild(t),e.appendChild(r),e}function U(e){let t=e.history??zt(),r=$t({routes:e.routes,base:e.base,history:t}),[n,i]=j(r.state()),o=r.subscribe(i);Oe(()=>{o(),r.destroy()});let s=v(()=>(n().match?.matched??[]).filter(f=>f.component)),a={router:r,location:v(()=>n().location),params:v(()=>n().match?.params??{})},c={depth:-1,matched:s,params:a.params,location:a.location,notFound:()=>Yt(e.notFound)},d;return H.Provider({value:a,get children(){return d??=Xt(c)}})}var Qt={router:{navigate:()=>{}},location:()=>({pathname:"",search:"",hash:"",query:{}}),params:()=>({})};function T(){let e=Ee(H);if(e)return e;if(typeof window>"u")return Qt;throw new Error("[router] useRouter must be used within <Router>")}function Zt(){let e=T().params;return v(()=>e(),{},{equals:(t,r)=>JSON.stringify(t)===JSON.stringify(r)})}function en(){let{location:e}=T();return new Proxy({},{get:(t,r)=>e()[r],has:(t,r)=>r in e(),ownKeys:()=>Reflect.ownKeys(e()),getOwnPropertyDescriptor:(t,r)=>Object.getOwnPropertyDescriptor(e(),r)})}function $(){let{router:e}=T();return(t,r)=>e.navigate(t,r)}var p=e=>typeof e=="function"?e():e,tn=new Set(["href","slot","class","className","active","activeClass","replace","children"]);function z(e){let t=Ee(H),r=()=>t?.router.navigate(p(e.href)??"",{replace:p(e.replace)}),n=O("a");m(n,"href",p(e.href)??""),e.slot&&m(n,"slot",p(e.slot));for(let o of Object.keys(e)){if(tn.has(o))continue;let s=e[o];s!=null&&typeof s!="function"&&m(n,o,String(s))}if(typeof n.addEventListener=="function")n.addEventListener("click",o=>{o.metaKey||o.ctrlKey||o.shiftKey||o.altKey||(o.preventDefault(),r())});else{let o=p(e.className??e.class)??"";o&&m(n,"class",o)}typeof n.addEventListener=="function"&&K(()=>{let o=p(e.href)??"";n.setAttribute("href",o);let s=p(e.className??e.class)??"",a=p(e.activeClass)??"",c=p(e.active)??t?.location().pathname===o;n.className=[s,c?a:""].filter(Boolean).join(" ")});let i=e.children;return i!=null&&V(n,i),n}import{html as ei,svg as ti}from"@fluixi/dom";import{query as ri,queryAll as oi,closest as ii,addClass as si,removeClass as ai,toggleClass as ci,hasClass as ui,setAttribute as di,getAttribute as li,removeAttribute as fi,setStyles as pi,getStyle as mi,createElement as yi,removeChildren as gi,appendChildren as hi,isVisible as xi,scrollIntoView as vi,getOffset as Ti,delegate as Ci,waitForElement as bi,observeIntersection as Si,observeResize as wi}from"@fluixi/dom";import{classMap as Ri,styleMap as Ai,Island as ki,hydrateIslands as Oi,mergeProps as Li,splitProps as Ei}from"@fluixi/dom";import{Show as So,For as wo,Index as Po,Switch as Ro,Match as Ao,Dynamic as ko,ErrorBoundary as Oo,Portal as Lo,ClientOnly as Eo,NoSsr as Mo}from"@fluixi/dom";import{createStore as Ii,untrackStore as Ni,unwrap as Fi,Store as _i}from"@fluixi/reactive/store";var vn="0.0.1",Tn="Fluixi";var Jo={createComponent:S,onMount:w,onUnmount:P,createEffect:nn,createMemo:rn,createSignal:on,createContext:h,createRoot:sn,createDeferred:mn,createComputed:an,createRenderEffect:cn,createSelector:gn,onCleanup:un,getOwner:dn,runWithOwner:ln,batch:fn,untrack:pn,useContext:x,setOwner:yn,Router:U,Link:z,useRouter:T,useNavigate:$,read:hn,reduce:xn,VERSION:vn,FRAMEWORK_NAME:Tn};export{te as $component,ve as Await,Eo as ClientOnly,ko as Dynamic,Oo as ErrorBoundary,Tn as FRAMEWORK_NAME,wo as For,Po as Index,ki as Island,z as Link,Ao as Match,Mo as NoSsr,Lo as Portal,U as Router,So as Show,_i as Store,R as Suspense,ye as SuspenseList,Ro as Switch,vn as VERSION,si as addClass,hi as appendChildren,fn as batch,Ri as classMap,yt as cleanupDelegation,Mt as clientOnly,ii as closest,Se as composeProviders,S as createComponent,an as createComputed,bt as createConsumer,h as createContext,Ct as createContextWithProvider,Ko as createDebounce,Ho as createDebouncedResource,Uo as createDebouncedSignal,mn as createDeferred,nn as createEffect,Pe as createIsomorphicState,Lt as createIsomorphicStore,rn as createMemo,Ae as createMemoryStorage,F as createProvider,cn as createRenderEffect,Vo as createResource,sn as createRoot,gn as createSelector,on as createSignal,Ii as createStore,Nt as createTheme,Jo as default,xe as deferred,Ci as delegate,yi as domCreateElement,Fo as effect,k as env,li as getAttribute,Ti as getOffset,dn as getOwner,mi as getStyle,ui as hasClass,ei as html,Oi as hydrateIslands,mt as initDelegation,Re as isClient,pe as isJSXElement,le as isLitResult,de as isNode,pt as isRenderable,Dt as isServer,xi as isVisible,C as lazy,No as memo,Li as mergeProps,Si as observeIntersection,wi as observeResize,un as onCleanup,w as onMount,P as onUnmount,ft as portal,ri as query,oi as queryAll,hn as read,xn as reduce,fi as removeAttribute,gi as removeChildren,ai as removeClass,Ce as render,_o as resource,ln as runWithOwner,vi as scrollIntoView,di as setAttribute,yn as setOwner,pi as setStyles,Io as signal,Ei as splitProps,A as storage,Ai as styleMap,ti as svg,ci as toggleClass,pn as untrack,Ni as untrackStore,Fi as unwrap,se as useCallback,x as useContext,D as useEffect,ie as useEventListener,en as useLocation,ne as useMemo,$ as useNavigate,Zt as useParams,St as useProvide,oe as useReducer,re as useRef,T as useRouter,bi as waitForElement};
+// src/lib/core.ts
+import {
+  signal,
+  memo,
+  effect,
+  resource,
+  createEffect as createEffect4,
+  createMemo as createMemo7,
+  createSignal as createSignal8,
+  createResource as createResource6,
+  createRoot as createRoot3,
+  createComputed as createComputed2,
+  createRenderEffect as createRenderEffect3,
+  onCleanup as onCleanup3,
+  getOwner as getOwner3,
+  runWithOwner as runWithOwner3,
+  batch as batch2,
+  untrack as untrack4,
+  createDeferred as createDeferred2,
+  setOwner
+} from "@fluixi/reactive/signal";
+import {
+  createDebounce,
+  createDebouncedResource,
+  createDebouncedSignal,
+  createSelector
+} from "@fluixi/reactive/signal";
+import {
+  readSignal as read2,
+  reduceSignal as reduce
+} from "@fluixi/reactive/operators";
+
+// src/lib/render/index.ts
+import { isServer as isServer3 } from "@fluixi/dom";
+import { createRoot as createRoot2 } from "@fluixi/reactive/signal";
+
+// src/lib/render/versions.ts
+import { registerCoreVersion } from "@fluixi/dom";
+
+// src/version.generated.ts
+var VERSION = "1.0.0-alpha.85";
+
+// src/lib/render/versions.ts
+import { stampVersions, warnOnVersionSkew, versions } from "@fluixi/dom";
+registerCoreVersion(VERSION);
+
+// src/lib/render/index.ts
+import {
+  isDOMNode,
+  delegateEvents,
+  insert
+} from "@fluixi/dom";
+
+// src/lib/render/component.ts
+import { isServer } from "@fluixi/dom";
+import {
+  createComponent as domCreateComponent,
+  asComponent
+} from "@fluixi/dom";
+import {
+  untrack,
+  onCleanup,
+  getOwner,
+  createEffect,
+  createMemo,
+  createSignal,
+  isSignal,
+  batch,
+  runWithOwner,
+  isOwnerDisposed
+} from "@fluixi/reactive/signal";
+var _LIFECYCLE = /* @__PURE__ */ Symbol.for("fluixi-lifecycle");
+function getOwnerLifecycle() {
+  const owner = 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 (isServer()) {
+    lc.mounts = [];
+    lc.effects = [];
+    return;
+  }
+  lc.scheduled = true;
+  const owner = getOwner();
+  queueMicrotask(() => {
+    if (isOwnerDisposed(owner)) {
+      lc.mounts = [];
+      lc.effects = [];
+      return;
+    }
+    runWithOwner(owner, () => {
+      for (const cb of lc.mounts) {
+        try {
+          const cleanup = cb();
+          if (typeof cleanup === "function") {
+            onCleanup(cleanup);
+          }
+        } catch (e) {
+          console.error("Error in onMount callback:", e);
+        }
+      }
+      for (const cb of lc.effects) {
+        let cleanup;
+        createEffect(() => {
+          if (cleanup) cleanup();
+          cleanup = cb();
+        });
+        onCleanup(() => {
+          if (cleanup) cleanup();
+        });
+      }
+      lc.mounts = [];
+      lc.effects = [];
+    });
+  });
+}
+function createComponent(Comp, props) {
+  return domCreateComponent(Comp, props);
+}
+function $component(value, props) {
+  const component = typeof value === "function" ? untrack(() => value(props)) : value;
+  const nameable = component != null && (typeof component === "function" || typeof component === "object");
+  if (nameable) {
+    try {
+      component["$name"] = value.name;
+    } catch {
+    }
+  }
+  if (nameable && !isSignal(component)) {
+    return asComponent(component);
+  }
+  return component;
+}
+function onMount(fn, reactive = true) {
+  if (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;
+    }
+    createEffect(() => {
+      const cleanup = untrack(fn);
+      if (typeof cleanup === "function") {
+        onCleanup(cleanup);
+      }
+    });
+  }
+}
+function onUnmount(fn) {
+  onCleanup(fn);
+}
+function useEffect(callback) {
+  const lc = getOwnerLifecycle();
+  if (lc) {
+    lc.effects.push(callback);
+    scheduleLifecycleFlush(lc);
+  } else {
+    let cleanup;
+    createEffect(() => {
+      if (cleanup) cleanup();
+      cleanup = callback();
+    });
+    onCleanup(() => {
+      if (cleanup) cleanup();
+    });
+  }
+}
+function useMemo(fn) {
+  return createMemo(fn);
+}
+function useRef(initialValue) {
+  const ref = { current: initialValue };
+  onCleanup(() => {
+    ref.current = null;
+  });
+  return ref;
+}
+function useReducer(reducer, initialState) {
+  const [state, setState] = 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;
+}
+
+// src/lib/render/suspense.ts
+import {
+  createSignal as createSignal2,
+  createMemo as createMemo2,
+  createEffect as createEffect2,
+  createRenderEffect as createRenderEffect2,
+  isSignal as isSignal2,
+  readChildren,
+  useContext as useContext2,
+  createContext as createContext2,
+  createSuspenseBoundary,
+  provideSuspense
+} from "@fluixi/reactive/signal";
+import {
+  asSuspense,
+  isComponent,
+  createComponent as createComponent2,
+  runWithoutHydration
+} from "@fluixi/dom";
+function isNode(value) {
+  if (typeof window === "undefined") return false;
+  if (typeof Node === "function" && value instanceof Node) return true;
+  return !!(value && typeof value === "object" && typeof value.nodeType === "number");
+}
+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));
+}
+function isPromise(value) {
+  return !!(value && typeof value === "object" && typeof value.then === "function" || value instanceof Promise);
+}
+function isJSXElement(value) {
+  return !!(value && typeof value === "object" && "type" in value && "props" in value);
+}
+var SuspenseListContext = createContext2(void 0, "suspense-list");
+function Suspense(props) {
+  return createComponent2(SuspenseImpl, props);
+}
+function SuspenseImpl(props) {
+  const boundary = createSuspenseBoundary();
+  const listCtx = useContext2(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" && isComponent(val) && !isSignal2(val)) return val();
+    return val;
+  }
+  const fallback = runWithoutHydration(() => instantiateOnce(props.fallback ?? null));
+  const children = provideSuspense(boundary, () => 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" && isSignal2(value)) {
+      track(value(), depth + 1);
+    }
+  };
+  provideSuspense(boundary, () => {
+    createRenderEffect2(() => track(children, 0));
+  });
+  const [resolved, setResolved] = createSignal2(void 0);
+  const childIsPromise = isPromise(children);
+  if (childIsPromise) {
+    boundary.increment();
+    children.then(
+      (v) => {
+        setResolved(() => v);
+        boundary.decrement();
+      },
+      () => boundary.decrement()
+    );
+  }
+  return createMemo2(() => {
+    const showFallback = listState ? listState.showFallback() : boundary.inFallback();
+    if (showFallback) return fallback;
+    if (childIsPromise) return resolved();
+    return children;
+  });
+}
+function SuspenseList(props) {
+  return createComponent2(SuspenseListImpl, props);
+}
+function SuspenseListImpl(props) {
+  const { revealOrder = "together", tail } = props;
+  const registrations = [];
+  function coordinateReveal() {
+    if (revealOrder === "together") {
+      const allResolved = registrations.every((r) => !r.inFallback());
+      registrations.forEach((r) => {
+        r.setShowContent(allResolved);
+        r.setShowFallback(!allResolved);
+      });
+    } else {
+      const items = revealOrder === "backwards" ? [...registrations].reverse() : registrations;
+      let blocked = false;
+      for (const r of items) {
+        if (blocked || r.inFallback()) {
+          blocked = true;
+          r.setShowContent(false);
+          r.setShowFallback(tail !== "hidden");
+        } else {
+          r.setShowContent(true);
+          r.setShowFallback(false);
+        }
+      }
+    }
+  }
+  const coordinator = {
+    register: (inFallback) => {
+      const [showContent, setShowContent] = createSignal2(true);
+      const [showFallback, setShowFallback] = createSignal2(false);
+      registrations.push({ inFallback, setShowContent, setShowFallback });
+      createEffect2(() => {
+        inFallback();
+        coordinateReveal();
+      });
+      return { showContent, showFallback };
+    }
+  };
+  return SuspenseListContext.Provider({
+    value: coordinator,
+    children: props.children
+  });
+}
+asSuspense(Suspense);
+Object.defineProperty(Suspense, "__suspense", { value: true, enumerable: true });
+
+// src/lib/render/lazy.ts
+import { createComponent as createComponent3 } from "@fluixi/dom";
+import {
+  untrack as untrack2,
+  createMemo as createMemo3,
+  createResource as createResource2
+} from "@fluixi/reactive/signal";
+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(untrack2(() => C(props)));
+    }
+    if (!component) {
+      const [resource2] = createResource2(() => load(), { transport: false });
+      component = resource2;
+      if (resource2.error) throw resource2.error;
+    }
+    return createMemo3(() => {
+      const C = component();
+      return C ? fromChunk(createComponent3(C, props)) : void 0;
+    });
+  });
+  LazyWrapper.preload = () => load().then(() => void 0);
+  LazyWrapper.$lazy = true;
+  LazyWrapper.loader = loader;
+  return LazyWrapper;
+}
+
+// src/lib/render/deferred.ts
+import { isServer as isServer2 } from "@fluixi/dom";
+import { createMemo as createMemo4, createSignal as createSignal3 } from "@fluixi/reactive/signal";
+import { observeIntersection } from "@fluixi/dom/utils";
+function deferred(loader, options) {
+  const exportName = options.export ?? "default";
+  const Lazy = lazy(
+    () => loader().then((mod) => {
+      const component = mod[exportName];
+      if (typeof component !== "function") {
+        throw new Error(
+          `deferred(): module has no '${exportName}' export (got ${typeof component}).`
+        );
+      }
+      return { default: component };
+    }),
+    { fallback: options.fallback }
+  );
+  function Deferred(props) {
+    if (options.strategy.kind === "never") return isServer2() ? Lazy(props) : null;
+    if (isServer2() || options.strategy.kind === "eager") return Lazy(props);
+    const [ready, setReady] = createSignal3(false);
+    const start = () => {
+      void Lazy.preload().then(() => setReady(true));
+    };
+    const anchor = options.strategy.kind === "visible" ? createAnchor() : void 0;
+    schedule(options.strategy, start, anchor);
+    return createMemo4(() => ready() ? Lazy(props) : anchor ?? options.fallback ?? null, void 0, {
+      name: "deferred"
+    });
+  }
+  Deferred.preload = Lazy.preload;
+  return Deferred;
+}
+function createAnchor() {
+  const el = document.createElement("span");
+  el.setAttribute("data-fx-load", "visible");
+  el.style.display = "block";
+  return el;
+}
+function schedule(strategy, start, anchor) {
+  let fired = false;
+  const once = () => {
+    if (fired) return;
+    fired = true;
+    start();
+  };
+  switch (strategy.kind) {
+    case "idle": {
+      const ric = globalThis.requestIdleCallback;
+      if (ric) ric(once);
+      else setTimeout(once, 1);
+      return;
+    }
+    case "visible": {
+      if (!anchor || typeof IntersectionObserver === "undefined") {
+        once();
+        return;
+      }
+      const stop = observeIntersection(
+        anchor,
+        (isIntersecting) => {
+          if (!isIntersecting) return;
+          stop();
+          once();
+        },
+        { rootMargin: strategy.rootMargin ?? "0px" }
+      );
+      return;
+    }
+    case "interaction": {
+      const handler = () => {
+        for (const event of strategy.events) {
+          document.removeEventListener(event, handler, true);
+        }
+        once();
+      };
+      for (const event of strategy.events) {
+        document.addEventListener(event, handler, { capture: true, passive: true });
+      }
+      return;
+    }
+    case "media": {
+      if (typeof matchMedia === "undefined") {
+        once();
+        return;
+      }
+      const query2 = matchMedia(strategy.query);
+      if (query2.matches) {
+        once();
+        return;
+      }
+      const onChange = (e) => {
+        if (!e.matches) return;
+        query2.removeEventListener("change", onChange);
+        once();
+      };
+      query2.addEventListener("change", onChange);
+      return;
+    }
+    /* c8 ignore next 3 */
+    default:
+      once();
+  }
+}
+
+// src/lib/render/await.ts
+import { createResource as createResource3 } from "@fluixi/reactive/signal";
+function Await(props) {
+  const fetcher = () => {
+    const v = props.value;
+    return typeof v === "function" ? v() : v;
+  };
+  const [data] = createResource3(fetcher);
+  return () => {
+    if (data.loading) return props.fallback;
+    const child = props.children;
+    return typeof child === "function" ? child(data()) : child;
+  };
+}
+
+// src/lib/render/index.ts
+function render(code, container, options = {}) {
+  delegateEvents(["click", "input", "change", "submit"]);
+  if (isServer3()) {
+    throw new Error(
+      "render() is for client-side only. Use renderToString() on server."
+    );
+  }
+  if (!container) {
+    throw new Error("Container element is required");
+  }
+  let disposer;
+  createRoot2((dispose) => {
+    disposer = dispose;
+    const result = typeof code === "function" ? code() : code;
+    container.textContent = "";
+    stampVersions(container);
+    warnOnVersionSkew();
+    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 (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 (isServer3()) return;
+  delegateEvents(["click", "input", "change", "submit"]);
+}
+function cleanupDelegation() {
+  if (isServer3()) return;
+}
+
+// src/lib/context/context.ts
+import { asProvider } from "@fluixi/dom";
+import { createContext as createReactiveContext, useContext as useReactiveContext } from "@fluixi/reactive/signal";
+import {
+  readChildren as readChildren2
+} from "@fluixi/reactive/signal";
+var _warnedEagerProvider = false;
+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 readChildren2(() => 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 = createReactiveContext(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: asProvider(Provider),
+    defaultValue
+  };
+}
+function useContext3(context) {
+  const value = useReactiveContext(context);
+  return value !== void 0 ? value : context.defaultValue;
+}
+
+// src/lib/isomorphic.ts
+import { createSignal as createSignal4, createMemo as createMemo5 } from "@fluixi/reactive/signal";
+import { getServerData } from "@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 = 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] = createSignal4(initial);
+  registry().set(key, { server: options.server, set });
+  return { value, set, key };
+}
+function createIsomorphicStore(key, options) {
+  const seeded = readSeed(key) !== void 0;
+  const base = createIsomorphicState(key, {
+    server: options.server,
+    fallback: options.fallback
+  });
+  const value = () => base.value() ?? options.fallback;
+  const persistWrite = (v) => {
+    if (!options.persist || typeof localStorage === "undefined") return;
+    try {
+      localStorage.setItem(options.persist, JSON.stringify(v));
+    } catch {
+    }
+  };
+  const set = (v) => {
+    base.set(v);
+    persistWrite(v);
+  };
+  const setField = (k, val) => {
+    set({ ...value(), [k]: val });
+  };
+  const fields = {};
+  for (const k of Object.keys(options.fallback)) {
+    fields[k] = createMemo5(() => value()[k]);
+  }
+  let initPromise = null;
+  const ensureInit = () => {
+    if (seeded || !options.client) return Promise.resolve();
+    if (!initPromise) {
+      initPromise = Promise.resolve(options.client()).then((v) => {
+        set(v);
+      }).catch((e) => {
+        initPromise = null;
+        throw e;
+      });
+    }
+    return initPromise;
+  };
+  return { value, fields, set, setField, ensureInit, key };
+}
+
+// src/lib/env/index.ts
+import { isServer as isServer4 } from "@fluixi/dom";
+import { isServer as onServer } from "@fluixi/dom";
+function isClient() {
+  return !onServer();
+}
+function createMemoryStorage() {
+  const mem = /* @__PURE__ */ new Map();
+  return {
+    getItem: (k) => mem.has(k) ? mem.get(k) : null,
+    setItem: (k, v) => void mem.set(k, String(v)),
+    removeItem: (k) => void mem.delete(k),
+    clear: () => mem.clear(),
+    key: (i) => Array.from(mem.keys())[i] ?? null,
+    get length() {
+      return mem.size;
+    }
+  };
+}
+var storage = typeof localStorage !== "undefined" ? localStorage : createMemoryStorage();
+var env = {
+  get window() {
+    return typeof window !== "undefined" ? window : void 0;
+  },
+  get document() {
+    return typeof document !== "undefined" ? document : void 0;
+  }
+};
+function clientOnly(fn, fallback) {
+  return isClient() ? fn() : fallback;
+}
+
+// src/lib/theme/index.ts
+import { createSignal as createSignal5 } from "@fluixi/reactive/signal";
+function systemMap(system) {
+  if (!system) return null;
+  if (system === true) return { dark: "dark", light: "light" };
+  return system;
+}
+function createTheme(options) {
+  const storageKey = options.storageKey ?? "theme";
+  const attribute = options.attribute ?? "data-theme";
+  const sys = systemMap(options.system);
+  const detectInitial = () => {
+    const stored = storage.getItem(storageKey);
+    if (stored && options.themes.includes(stored)) return stored;
+    if (sys && env.window?.matchMedia?.("(prefers-color-scheme: dark)")?.matches) return sys.dark;
+    if (sys) return sys.light;
+    return options.default;
+  };
+  const [value, setValue] = createSignal5(detectInitial());
+  const [isLoading, setLoading] = createSignal5(false);
+  const apply = (t) => {
+    env.document?.documentElement.setAttribute(attribute, t);
+    try {
+      storage.setItem(storageKey, t);
+    } catch {
+    }
+  };
+  const set = (t) => {
+    if (!options.themes.includes(t)) return;
+    const prev = value();
+    setValue(() => t);
+    apply(t);
+    options.onChange?.(t, prev);
+    if (options.load) {
+      setLoading(true);
+      options.onLoading?.(t);
+      Promise.resolve(options.load(t)).finally(() => {
+        setLoading(false);
+        options.onLoaded?.(t);
+      });
+    }
+  };
+  const toggle = () => {
+    const i = options.themes.indexOf(value());
+    set(options.themes[(i + 1) % options.themes.length]);
+  };
+  const init = () => apply(value());
+  const headScript = () => {
+    const cfg = JSON.stringify({
+      k: storageKey,
+      a: attribute,
+      d: options.default,
+      sys
+    });
+    return `<script>(function(){try{var c=${cfg},t=localStorage.getItem(c.k);if(!t&&c.sys)t=matchMedia('(prefers-color-scheme: dark)').matches?c.sys.dark:c.sys.light;if(!t)t=c.d;document.documentElement.setAttribute(c.a,t);}catch(e){}})();<\/script>`;
+  };
+  return { value, isLoading, set, toggle, init, headScript };
+}
+
+// src/lib/router/index.ts
+import {
+  createSignal as createSignal7,
+  createMemo as createMemo6,
+  createResource as createResource5,
+  createEffect as createEffect3,
+  getOwner as getOwner2,
+  onCleanup as onCleanup2,
+  untrack as untrack3,
+  flush
+} from "@fluixi/reactive/signal";
+
+// src/lib/router/transition.ts
+function supportsViewTransitions() {
+  return typeof document !== "undefined" && typeof document.startViewTransition === "function";
+}
+function prefersReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return false;
+  }
+  try {
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  } catch {
+    return false;
+  }
+}
+function shouldAnimate(mode) {
+  return mode !== "none" && supportsViewTransitions() && !prefersReducedMotion();
+}
+function prepareComponents(components) {
+  const pending = [];
+  for (const component of components) {
+    const preload = component?.preload;
+    if (typeof preload === "function") {
+      try {
+        const result = preload();
+        if (result && typeof result.then === "function") {
+          pending.push(result.catch(() => void 0));
+        }
+      } catch {
+      }
+    }
+  }
+  return pending.length ? Promise.all(pending).then(() => void 0) : null;
+}
+function runTransition(mode, commit) {
+  if (!shouldAnimate(mode)) {
+    return Promise.resolve(commit()).then(() => void 0);
+  }
+  const start = document.startViewTransition;
+  try {
+    const transition = start.call(document, () => commit());
+    transition.finished?.catch(() => void 0);
+    transition.ready?.catch(() => void 0);
+    return transition.updateCallbackDone.catch(() => void 0);
+  } catch {
+    return Promise.resolve(commit()).then(() => void 0);
+  }
+}
+
+// src/lib/router/index.ts
+import {
+  insert as insert2,
+  createComponent as createComponent4,
+  createNativeElement,
+  setAttribute
+} from "@fluixi/dom";
+import { createContext as createContext4, useContext as useContext4 } from "@fluixi/reactive/signal";
+import { get } from "@fluixi/utils/object";
+import { deepEqual } from "@fluixi/utils/compare";
+import {
+  createRouter as createCoreRouter,
+  createBrowserHistory,
+  matchRoutes,
+  matchPath
+} from "@fluixi/router";
+import {
+  createMemoryHistory,
+  createBrowserHistory as createBrowserHistory2,
+  matchRoutes as matchRoutes2,
+  matchPath as matchPath2
+} from "@fluixi/router";
+
+// src/lib/router/data.ts
+import {
+  createResource as createResource4,
+  createSignal as createSignal6
+} from "@fluixi/reactive/signal";
+
+// src/lib/server/hydration.ts
+import { isServer as domIsServer } from "@fluixi/dom";
+var hydrationDataMap = /* @__PURE__ */ new Map();
+function clearHydrationData() {
+  hydrationDataMap.clear();
+}
+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();
+}
+if (typeof window !== "undefined") {
+  window.addEventListener("load", () => {
+    setTimeout(cleanupHydration, 100);
+  });
+}
+
+// src/lib/router/data.ts
+var [revalidationVersion, setRevalidationVersion] = createSignal6(0);
+var RouteDataContext = createContext3(void 0, "route-data");
+var RouteDataProvider = RouteDataContext.Provider;
+
+// src/lib/router/index.ts
+import { runWithOwner as runWithOwner2 } from "@fluixi/reactive/signal";
+var RouterContext = createContext4(void 0, "router");
+var OutletContext = createContext4(void 0, "outlet");
+var LevelParamsContext = createContext4(void 0, "route-params");
+var RouteDataContext2 = createContext4(void 0, "route-data");
+function renderLayer(m, depth, base) {
+  let data;
+  const loader = m.route.data;
+  if (typeof loader === "function") {
+    let cancelled = false;
+    onCleanup2(() => {
+      cancelled = true;
+    });
+    const owner = getOwner2();
+    const [resource2] = createResource5(
+      () => loader({ params: base.params, location: base.location }, owner, () => cancelled)
+    );
+    data = resource2;
+  }
+  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 createComponent4(m.component, {});
+            }
+          });
+        }
+      });
+    }
+  });
+  if (!data) return buildPage();
+  const res = data;
+  const isLoading = () => res.loading;
+  const [ready, setReady] = createSignal7(untrack3(() => !isLoading()));
+  createEffect3(() => setReady(!isLoading()));
+  return createMemo6(() => ready() ? buildPage() : null);
+}
+function renderChild(ctx) {
+  const childIdx = ctx.depth + 1;
+  const [childComp, setChildComp] = createSignal7(
+    untrack3(() => ctx.matched()[childIdx]?.component)
+  );
+  createEffect3(() => {
+    const c = ctx.matched()[childIdx]?.component;
+    if (untrack3(childComp) !== c) setChildComp(() => c);
+  });
+  return createMemo6(() => {
+    const component = childComp();
+    if (!component) {
+      return ctx.notFound ? ctx.notFound() : null;
+    }
+    const m = untrack3(() => 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" ? createComponent4(notFound, {}) : notFound;
+}
+function buildDefaultNotFound() {
+  const el = createNativeElement("div");
+  setAttribute(el, "class", "fx-not-found");
+  setAttribute(el, "role", "main");
+  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 = createNativeElement("h1");
+  setAttribute(h1, "style", "margin:0;font-size:2.5rem;font-weight:700");
+  insert2(h1, "404");
+  const p = createNativeElement("p");
+  setAttribute(p, "style", "margin:0;opacity:.7");
+  insert2(p, "This page could not be found.");
+  el.appendChild(h1);
+  el.appendChild(p);
+  return el;
+}
+var pendingTransitionMode;
+function Router(props) {
+  const history = props.history ?? createBrowserHistory();
+  const router = createCoreRouter({
+    routes: props.routes,
+    base: props.base,
+    history
+  });
+  const [state, setState] = createSignal7(router.state());
+  let navigationId = 0;
+  const takeMode = () => {
+    const mode = pendingTransitionMode ?? (props.transition ?? "auto");
+    pendingTransitionMode = void 0;
+    return mode;
+  };
+  const unsub = router.subscribe((next) => {
+    const id = ++navigationId;
+    const mode = takeMode();
+    const prepared = prepareComponents(
+      (next.match?.matched ?? []).map((m) => m.component).filter(Boolean)
+    );
+    const commit = () => {
+      setState(next);
+      return flush();
+    };
+    if (!prepared) {
+      void runTransition(mode, commit);
+      return;
+    }
+    void prepared.then(() => {
+      if (id !== navigationId) return;
+      return runTransition(mode, commit);
+    });
+  });
+  onCleanup2(() => {
+    unsub();
+    router.destroy();
+    navigationId++;
+  });
+  const matched = createMemo6(
+    () => (state().match?.matched ?? []).filter((m) => m.component)
+  );
+  const ctx = {
+    router,
+    location: createMemo6(() => state().location),
+    params: createMemo6(() => 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);
+    }
+  });
+}
+var _ssrRouterStub = {
+  router: { navigate: () => {
+  } },
+  location: () => ({ pathname: "", search: "", hash: "", query: {} }),
+  params: () => ({})
+};
+function useRouter() {
+  const ctx = useContext4(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 createMemo6(() => params(), {}, {
+    equals: (a, b) => JSON.stringify(a) === JSON.stringify(b)
+  });
+}
+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 useNavigate() {
+  const { router } = useRouter();
+  return (to, options) => {
+    pendingTransitionMode = options?.transition;
+    router.navigate(to, options);
+  };
+}
+var read = (v) => typeof v === "function" ? v() : v;
+var LINK_OWN_PROPS = /* @__PURE__ */ new Set([
+  "href",
+  "slot",
+  "class",
+  "className",
+  "active",
+  "activeClass",
+  "replace",
+  "children"
+]);
+function Link(props) {
+  const ctx = useContext4(RouterContext);
+  const navigate = () => ctx?.router.navigate(read(props.href) ?? "", { replace: read(props.replace) });
+  const a = createNativeElement("a");
+  setAttribute(a, "href", read(props.href) ?? "");
+  if (props.slot) 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") 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) setAttribute(a, "class", base);
+  }
+  if (typeof a.addEventListener === "function") {
+    createEffect3(() => {
+      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) insert2(a, linkChildren);
+  return a;
+}
+
+// src/lib/core.ts
+import { html, svg } from "@fluixi/dom";
+import {
+  query,
+  queryAll,
+  closest,
+  addClass,
+  removeClass,
+  toggleClass,
+  hasClass,
+  setAttribute as setAttribute2,
+  getAttribute,
+  removeAttribute,
+  setStyles,
+  getStyle,
+  createElement,
+  removeChildren,
+  appendChildren,
+  isVisible,
+  scrollIntoView,
+  getOffset,
+  delegate,
+  waitForElement,
+  observeIntersection as observeIntersection2,
+  observeResize
+} from "@fluixi/dom";
+import {
+  classMap,
+  styleMap,
+  Island,
+  hydrateIslands,
+  mergeProps,
+  splitProps
+} from "@fluixi/dom";
+
+// src/lib/control-flow.ts
+import {
+  Show,
+  For,
+  Index,
+  Switch,
+  Match,
+  Dynamic,
+  ErrorBoundary,
+  Portal,
+  ClientOnly,
+  NoSsr
+} from "@fluixi/dom";
+
+// src/lib/core.ts
+import { createStore, untrackStore, unwrap, Store } from "@fluixi/reactive/store";
+var VERSION2 = "0.0.1";
+var FRAMEWORK_NAME = "Fluixi";
+var core_default = {
+  // Core
+  createComponent,
+  // render,
+  onMount,
+  onUnmount,
+  createEffect: createEffect4,
+  createMemo: createMemo7,
+  createSignal: createSignal8,
+  createContext: createContext3,
+  createRoot: createRoot3,
+  createDeferred: createDeferred2,
+  createComputed: createComputed2,
+  createRenderEffect: createRenderEffect3,
+  createSelector,
+  onCleanup: onCleanup3,
+  getOwner: getOwner3,
+  runWithOwner: runWithOwner3,
+  batch: batch2,
+  untrack: untrack4,
+  useContext: useContext3,
+  setOwner,
+  // Control Flow
+  // Show,
+  // For,
+  // Switch,
+  // Match,
+  // Portal,
+  // Dynamic,
+  // Context
+  // Provider,
+  // Resources
+  // createResource,
+  // Router
+  // createRouter,
+  Router,
+  Link,
+  useRouter,
+  useNavigate,
+  read: read2,
+  reduce,
+  // Meta
+  VERSION: VERSION2,
+  FRAMEWORK_NAME
+};
+export {
+  $component,
+  Await,
+  ClientOnly,
+  Dynamic,
+  ErrorBoundary,
+  FRAMEWORK_NAME,
+  For,
+  Index,
+  Island,
+  Link,
+  Match,
+  NoSsr,
+  Portal,
+  Router,
+  Show,
+  Store,
+  Suspense,
+  SuspenseList,
+  Switch,
+  VERSION2 as VERSION,
+  addClass,
+  appendChildren,
+  batch2 as batch,
+  classMap,
+  cleanupDelegation,
+  clientOnly,
+  closest,
+  composeProviders,
+  createComponent,
+  createComputed2 as createComputed,
+  createConsumer,
+  createContext3 as createContext,
+  createContextWithProvider,
+  createDebounce,
+  createDebouncedResource,
+  createDebouncedSignal,
+  createDeferred2 as createDeferred,
+  createEffect4 as createEffect,
+  createIsomorphicState,
+  createIsomorphicStore,
+  createMemo7 as createMemo,
+  createMemoryStorage,
+  createProvider,
+  createRenderEffect3 as createRenderEffect,
+  createResource6 as createResource,
+  createRoot3 as createRoot,
+  createSelector,
+  createSignal8 as createSignal,
+  createStore,
+  createTheme,
+  core_default as default,
+  deferred,
+  delegate,
+  createElement as domCreateElement,
+  effect,
+  env,
+  getAttribute,
+  getOffset,
+  getOwner3 as getOwner,
+  getStyle,
+  hasClass,
+  html,
+  hydrateIslands,
+  initDelegation,
+  isClient,
+  isJSXElement,
+  isLitResult,
+  isNode,
+  isRenderable,
+  isServer4 as isServer,
+  isVisible,
+  lazy,
+  memo,
+  mergeProps,
+  observeIntersection2 as observeIntersection,
+  observeResize,
+  onCleanup3 as onCleanup,
+  onMount,
+  onUnmount,
+  portal,
+  query,
+  queryAll,
+  read2 as read,
+  reduce,
+  removeAttribute,
+  removeChildren,
+  removeClass,
+  render,
+  resource,
+  runWithOwner3 as runWithOwner,
+  scrollIntoView,
+  setAttribute2 as setAttribute,
+  setOwner,
+  setStyles,
+  signal,
+  splitProps,
+  storage,
+  styleMap,
+  svg,
+  toggleClass,
+  untrack4 as untrack,
+  untrackStore,
+  unwrap,
+  useCallback,
+  useContext3 as useContext,
+  useEffect,
+  useEventListener,
+  useLocation,
+  useMemo,
+  useNavigate,
+  useParams,
+  useProvide,
+  useReducer,
+  useRef,
+  useRouter,
+  waitForElement
+};