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

package/dist/src/index.cjs

@@ -1 +1,1280 @@
-"use strict";var te=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var it=Object.getOwnPropertyNames;var st=Object.prototype.hasOwnProperty;var at=(e,t)=>{for(var r in t)te(e,r,{get:t[r],enumerable:!0})},ct=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of it(t))!st.call(e,i)&&i!==r&&te(e,i,{get:()=>t[i],enumerable:!(n=ot(t,i))||n.enumerable});return e};var ut=e=>ct(te({},"__esModule",{value:!0}),e);var _t={};at(_t,{$component:()=>oe,Await:()=>ge,ClientOnly:()=>g.ClientOnly,Dynamic:()=>g.Dynamic,ErrorBoundary:()=>g.ErrorBoundary,FRAMEWORK_NAME:()=>tt,For:()=>g.For,Index:()=>g.Index,Island:()=>T.Island,Link:()=>Q,Match:()=>g.Match,NoSsr:()=>g.NoSsr,Portal:()=>g.Portal,Router:()=>Y,Show:()=>g.Show,Store:()=>R.Store,Suspense:()=>j,SuspenseList:()=>pe,Switch:()=>g.Switch,VERSION:()=>U,addClass:()=>c.addClass,appendChildren:()=>c.appendChildren,batch:()=>a.batch,classMap:()=>T.classMap,cleanupDelegation:()=>Ke,clientOnly:()=>Ge,closest:()=>c.closest,composeProviders:()=>xe,createComponent:()=>F,createComputed:()=>a.createComputed,createConsumer:()=>We,createContext:()=>O,createContextWithProvider:()=>ze,createDebounce:()=>S.createDebounce,createDebouncedResource:()=>S.createDebouncedResource,createDebouncedSignal:()=>S.createDebouncedSignal,createDeferred:()=>a.createDeferred,createEffect:()=>a.createEffect,createIsomorphicState:()=>ve,createIsomorphicStore:()=>Xe,createMemo:()=>a.createMemo,createMemoryStorage:()=>Ce,createProvider:()=>B,createRenderEffect:()=>a.createRenderEffect,createResource:()=>a.createResource,createRoot:()=>a.createRoot,createSelector:()=>S.createSelector,createSignal:()=>a.createSignal,createStore:()=>R.createStore,createTheme:()=>Qe,default:()=>nt,deferred:()=>ye,delegate:()=>c.delegate,domCreateElement:()=>c.createElement,effect:()=>a.effect,env:()=>H,getAttribute:()=>c.getAttribute,getOffset:()=>c.getOffset,getOwner:()=>a.getOwner,getStyle:()=>c.getStyle,hasClass:()=>c.hasClass,html:()=>ee.html,hydrateIslands:()=>T.hydrateIslands,initDelegation:()=>je,isClient:()=>Te,isJSXElement:()=>le,isLitResult:()=>fe,isNode:()=>de,isRenderable:()=>Ve,isServer:()=>be.isServer,isVisible:()=>c.isVisible,lazy:()=>D,memo:()=>a.memo,mergeProps:()=>T.mergeProps,observeIntersection:()=>c.observeIntersection,observeResize:()=>c.observeResize,onCleanup:()=>a.onCleanup,onMount:()=>_,onUnmount:()=>V,portal:()=>_e,query:()=>c.query,queryAll:()=>c.queryAll,read:()=>N.readSignal,reduce:()=>N.reduceSignal,removeAttribute:()=>c.removeAttribute,removeChildren:()=>c.removeChildren,removeClass:()=>c.removeClass,render:()=>he,resource:()=>a.resource,runWithOwner:()=>a.runWithOwner,scrollIntoView:()=>c.scrollIntoView,setAttribute:()=>c.setAttribute,setOwner:()=>a.setOwner,setStyles:()=>c.setStyles,signal:()=>a.signal,splitProps:()=>T.splitProps,storage:()=>K,styleMap:()=>T.styleMap,svg:()=>ee.svg,toggleClass:()=>c.toggleClass,untrack:()=>a.untrack,untrackStore:()=>R.untrackStore,unwrap:()=>R.unwrap,useCallback:()=>ue,useContext:()=>L,useEffect:()=>z,useEventListener:()=>ce,useLocation:()=>et,useMemo:()=>ie,useNavigate:()=>G,useParams:()=>Ze,useProvide:()=>qe,useReducer:()=>ae,useRef:()=>se,useRouter:()=>E,waitForElement:()=>c.waitForElement});module.exports=ut(_t);var U="1.0.0-alpha.83";var a=require("@fluixi/reactive/signal"),S=require("@fluixi/reactive/signal"),N=require("@fluixi/reactive/operators");var q=require("@fluixi/dom"),Fe=require("@fluixi/reactive/signal");var Ae=require("@fluixi/dom");var A=require("@fluixi/dom");(0,Ae.registerCoreVersion)(U);var k=require("@fluixi/dom");var re=require("@fluixi/dom"),$=require("@fluixi/dom"),f=require("@fluixi/reactive/signal");var ne=Symbol.for("fluixi-lifecycle");function ke(){let e=(0,f.getOwner)();if(!e)return null;if(!e[ne]){let t={mounts:[],effects:[],scheduled:!1};e[ne]=t}return e[ne]}function Oe(e){if(e.scheduled)return;if((0,re.isServer)()){e.mounts=[],e.effects=[];return}e.scheduled=!0;let t=(0,f.getOwner)();queueMicrotask(()=>{if((0,f.isOwnerDisposed)(t)){e.mounts=[],e.effects=[];return}(0,f.runWithOwner)(t,()=>{for(let r of e.mounts)try{let n=r();typeof n=="function"&&(0,f.onCleanup)(n)}catch(n){console.error("Error in onMount callback:",n)}for(let r of e.effects){let n;(0,f.createEffect)(()=>{n&&n(),n=r()}),(0,f.onCleanup)(()=>{n&&n()})}e.mounts=[],e.effects=[]})})}function F(e,t){return(0,$.createComponent)(e,t)}function oe(e,t){let r=typeof e=="function"?(0,f.untrack)(()=>e(t)):e,n=r!=null&&(typeof r=="function"||typeof r=="object");if(n)try{r.$name=e.name}catch{}return n&&!(0,f.isSignal)(r)?(0,$.asComponent)(r):r}function _(e,t=!0){if((0,re.isServer)())return;let r=ke();if(r){if(!t){r.scheduled||e();return}r.mounts.push(e),Oe(r)}else{if(!t){e();return}(0,f.createEffect)(()=>{let n=(0,f.untrack)(e);typeof n=="function"&&(0,f.onCleanup)(n)})}}function V(e){(0,f.onCleanup)(e)}function z(e){let t=ke();if(t)t.effects.push(e),Oe(t);else{let r;(0,f.createEffect)(()=>{r&&r(),r=e()}),(0,f.onCleanup)(()=>{r&&r()})}}function ie(e){return(0,f.createMemo)(e)}function se(e){let t={current:e};return(0,f.onCleanup)(()=>{t.current=null}),t}function ae(e,t){let[r,n]=(0,f.createSignal)(t);return[r,o=>{n(e(r(),o))}]}function ce(e,t,r,n){z(()=>{let i=e&&"current"in e?e.current:e;if(i)return i.addEventListener(t,r,n),()=>{i.removeEventListener(t,r,n)}})}function ue(e){return e}var m=require("@fluixi/reactive/signal"),C=require("@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 fe(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function Le(e){return!!(e&&typeof e=="object"&&typeof e.then=="function"||e instanceof Promise)}function le(e){return!!(e&&typeof e=="object"&&"type"in e&&"props"in e)}var Ee=(0,m.createContext)(void 0,"suspense-list");function j(e){return(0,C.createComponent)(dt,e)}function dt(e){let t=(0,m.createSuspenseBoundary)(),r=(0,m.useContext)(Ee),n=r?r.register(t.inFallback):void 0;function i(l){return l==null||typeof l=="boolean"?null:typeof l=="function"&&(0,C.isComponent)(l)&&!(0,m.isSignal)(l)?l():l}let o=(0,C.runWithoutHydration)(()=>i(e.fallback??null)),s=(0,m.provideSuspense)(t,()=>(0,m.readChildren)(()=>e.children)),u=(l,w)=>{if(!(w>8))if(Array.isArray(l))for(let Re of l)u(Re,w+1);else typeof l=="function"&&(0,m.isSignal)(l)&&u(l(),w+1)};(0,m.provideSuspense)(t,()=>{(0,m.createRenderEffect)(()=>u(s,0))});let[d,h]=(0,m.createSignal)(void 0),v=Le(s);return v&&(t.increment(),s.then(l=>{h(()=>l),t.decrement()},()=>t.decrement())),(0,m.createMemo)(()=>(n?n.showFallback():t.inFallback())?o:v?d():s)}function pe(e){return(0,C.createComponent)(ft,e)}function ft(e){let{revealOrder:t="together",tail:r}=e,n=[];function i(){if(t==="together"){let s=n.every(u=>!u.inFallback());n.forEach(u=>{u.setShowContent(s),u.setShowFallback(!s)})}else{let s=t==="backwards"?[...n].reverse():n,u=!1;for(let d of s)u||d.inFallback()?(u=!0,d.setShowContent(!1),d.setShowFallback(r!=="hidden")):(d.setShowContent(!0),d.setShowFallback(!1))}}let o={register:s=>{let[u,d]=(0,m.createSignal)(!0),[h,v]=(0,m.createSignal)(!1);return n.push({inFallback:s,setShowContent:d,setShowFallback:v}),(0,m.createEffect)(()=>{s(),i()}),{showContent:u,showFallback:h}}};return Ee.Provider({value:o,children:e.children})}(0,C.asSuspense)(j);Object.defineProperty(j,"__suspense",{value:!0,enumerable:!0});var De=require("@fluixi/dom"),M=require("@fluixi/reactive/signal");function Me(e){if(e!=null&&(typeof e=="object"||typeof e=="function"))try{e.$lazy=!0}catch{}return e}function D(e,t){let r,n,i;function o(){return n||(n=e().then(u=>r=u.default)),n}t?.preload&&o();let s=(u=>{if(r){let d=r;return Me((0,M.untrack)(()=>d(u)))}if(!i){let[d]=(0,M.createResource)(()=>o(),{transport:!1});if(i=d,d.error)throw d.error}return(0,M.createMemo)(()=>{let d=i();return d?Me((0,De.createComponent)(d,u)):void 0})});return s.preload=()=>o().then(()=>{}),s.$lazy=!0,s.loader=e,s}var me=require("@fluixi/dom"),W=require("@fluixi/reactive/signal"),Ie=require("@fluixi/dom/utils");function ye(e,t){let r=t.export??"default",n=D(()=>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(0,me.isServer)()?n(o):null;if((0,me.isServer)()||t.strategy.kind==="eager")return n(o);let[s,u]=(0,W.createSignal)(!1),d=()=>{n.preload().then(()=>u(!0))},h=t.strategy.kind==="visible"?lt():void 0;return pt(t.strategy,d,h),(0,W.createMemo)(()=>s()?n(o):h??t.fallback??null,void 0,{name:"deferred"})}return i.preload=n.preload,i}function lt(){let e=document.createElement("span");return e.setAttribute("data-fx-load","visible"),e.style.display="block",e}function pt(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=(0,Ie.observeIntersection)(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=u=>{u.matches&&(o.removeEventListener("change",s),i())};o.addEventListener("change",s);return}default:i()}}var Ne=require("@fluixi/reactive/signal");function ge(e){let t=()=>{let n=e.value;return typeof n=="function"?n():n},[r]=(0,Ne.createResource)(t);return()=>{if(r.loading)return e.fallback;let n=e.children;return typeof n=="function"?n(r()):n}}function he(e,t,r={}){if((0,k.delegateEvents)(["click","input","change","submit"]),(0,q.isServer)())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(0,Fe.createRoot)(i=>{n=i;let o=typeof e=="function"?e():e;t.textContent="",(0,A.stampVersions)(t),(0,A.warnOnVersionSkew)(),(0,k.insert)(t,()=>o)}),()=>{n&&(n(),n=void 0)}}function mt(e){return e&&typeof e=="object"&&(e._$litType$!==void 0||e._$litDirective$!==void 0)}function _e(e,t,r={}){let n=document.createElement("div");n.setAttribute("data-portal","true"),t.appendChild(n);let i=he(e,n,r);return()=>{i(),t.contains(n)&&t.removeChild(n)}}function Ve(e){return!!(e==null||typeof e=="function"||(0,k.isDOMNode)(e)||mt(e)||Array.isArray(e)||typeof e=="string"||typeof e=="number"||typeof e=="boolean")}function je(){(0,q.isServer)()||(0,k.delegateEvents)(["click","input","change","submit"])}function Ke(){(0,q.isServer)()}var Ue=require("@fluixi/dom"),J=require("@fluixi/reactive/signal"),$e=require("@fluixi/reactive/signal"),He=!1;function yt(){He||(He=!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 B(e,t,r){let n=!!e?.Provider,i=n?e:e.context,o=n?t:e.value,s=n?!1:e.debug??!1;n||yt();let u=typeof o=="function"?o():o,d=n?r:e;return i.Provider({value:u,get children(){return d?.children},debug:s})}function ze(e){let t=O(e);return[t,n=>B(t,n.value,n)]}function xe(e,t){if(e.length===0)return(0,$e.readChildren)(()=>t);let[r,n]=e[0],i=e.slice(1);return B(r,n,{get children(){return xe(i,t)}})}function We(e){return t=>{let r=L(e);return t.children(r)}}function qe(e,t){let r=L(e);return r===e.defaultValue?t():r}function O(e,t){let r=(0,J.createContext)(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:(0,Ue.asProvider)(n),defaultValue:e}}function L(e){let t=(0,J.useContext)(e);return t!==void 0?t:e.defaultValue}var X=require("@fluixi/reactive/signal"),Je=require("@fluixi/dom"),gt="__fluixi_iso_states__",ht="__iso:";function xt(){return globalThis[gt]??=new Map}function Be(e){if(typeof window>"u")return;let t=(0,Je.getServerData)();return t?t[ht+e]:void 0}function ve(e,t){let r=Be(e),n=r!==void 0?r:typeof window<"u"&&t.client?t.client():t.fallback,[i,o]=(0,X.createSignal)(n);return xt().set(e,{server:t.server,set:o}),{value:i,set:o,key:e}}function Xe(e,t){let r=Be(e)!==void 0,n=ve(e,{server:t.server,fallback:t.fallback}),i=()=>n.value()??t.fallback,o=l=>{if(!(!t.persist||typeof localStorage>"u"))try{localStorage.setItem(t.persist,JSON.stringify(l))}catch{}},s=l=>{n.set(l),o(l)},u=(l,w)=>{s({...i(),[l]:w})},d={};for(let l of Object.keys(t.fallback))d[l]=(0,X.createMemo)(()=>i()[l]);let h=null;return{value:i,fields:d,set:s,setField:u,ensureInit:()=>r||!t.client?Promise.resolve():(h||(h=Promise.resolve(t.client()).then(l=>{s(l)}).catch(l=>{throw h=null,l})),h),key:e}}var be=require("@fluixi/dom"),Ye=require("@fluixi/dom");function Te(){return!(0,Ye.isServer)()}function Ce(){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 K=typeof localStorage<"u"?localStorage:Ce(),H={get window(){return typeof window<"u"?window:void 0},get document(){return typeof document<"u"?document:void 0}};function Ge(e,t){return Te()?e():t}var Se=require("@fluixi/reactive/signal");function vt(e){return e?e===!0?{dark:"dark",light:"light"}:e:null}function Qe(e){let t=e.storageKey??"theme",r=e.attribute??"data-theme",n=vt(e.system),i=()=>{let x=K.getItem(t);return x&&e.themes.includes(x)?x:n&&H.window?.matchMedia?.("(prefers-color-scheme: dark)")?.matches?n.dark:n?n.light:e.default},[o,s]=(0,Se.createSignal)(i()),[u,d]=(0,Se.createSignal)(!1),h=x=>{H.document?.documentElement.setAttribute(r,x);try{K.setItem(t,x)}catch{}},v=x=>{if(!e.themes.includes(x))return;let rt=o();s(()=>x),h(x),e.onChange?.(x,rt),e.load&&(d(!0),e.onLoading?.(x),Promise.resolve(e.load(x)).finally(()=>{d(!1),e.onLoaded?.(x)}))};return{value:o,isLoading:u,set:v,toggle:()=>{let x=e.themes.indexOf(o());v(e.themes[(x+1)%e.themes.length])},init:()=>h(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>`}}var p=require("@fluixi/reactive/signal"),y=require("@fluixi/dom"),P=require("@fluixi/reactive/signal"),wt=require("@fluixi/utils/object"),Pt=require("@fluixi/utils/compare"),I=require("@fluixi/router"),Z=require("@fluixi/router");var we=require("@fluixi/reactive/signal");var Tt=new Map;function Ct(){Tt.clear()}function bt(){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()),Ct()}typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(bt,100)});var[Fn,_n]=(0,we.createSignal)(0);var St=O(void 0,"route-data"),Vn=St.Provider;var Nt=require("@fluixi/reactive/signal"),Pe=(0,P.createContext)(void 0,"router"),Rt=(0,P.createContext)(void 0,"outlet"),At=(0,P.createContext)(void 0,"route-params"),kt=(0,P.createContext)(void 0,"route-data");function Ot(e,t,r){let n,i=e.route.data;if(typeof i=="function"){let v=!1;(0,p.onCleanup)(()=>{v=!0});let l=(0,p.getOwner)(),[w]=(0,p.createResource)(()=>i({params:r.params,location:r.location},l,()=>v));n=w}let o=()=>kt.Provider({value:n,get children(){return At.Provider({value:e.params,get children(){return Rt.Provider({value:{depth:t,...r},get children(){return(0,y.createComponent)(e.component,{})}})}})}});if(!n)return o();let s=n,u=()=>s.loading,[d,h]=(0,p.createSignal)((0,p.untrack)(()=>!u()));return(0,p.createEffect)(()=>h(!u())),(0,p.createMemo)(()=>d()?o():null)}function Lt(e){let t=e.depth+1,[r,n]=(0,p.createSignal)((0,p.untrack)(()=>e.matched()[t]?.component));return(0,p.createEffect)(()=>{let i=e.matched()[t]?.component;n(()=>i)}),(0,p.createMemo)(()=>{if(!r())return e.notFound?e.notFound():null;let o=(0,p.untrack)(()=>e.matched())[t];return Ot(o,t,{matched:e.matched,params:e.params,location:e.location})})}function Et(e){return e==null?Mt():typeof e=="function"?(0,y.createComponent)(e,{}):e}function Mt(){let e=(0,y.createNativeElement)("div");(0,y.setAttribute)(e,"class","fx-not-found"),(0,y.setAttribute)(e,"role","main"),(0,y.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,y.createNativeElement)("h1");(0,y.setAttribute)(t,"style","margin:0;font-size:2.5rem;font-weight:700"),(0,y.insert)(t,"404");let r=(0,y.createNativeElement)("p");return(0,y.setAttribute)(r,"style","margin:0;opacity:.7"),(0,y.insert)(r,"This page could not be found."),e.appendChild(t),e.appendChild(r),e}function Y(e){let t=e.history??(0,I.createBrowserHistory)(),r=(0,I.createRouter)({routes:e.routes,base:e.base,history:t}),[n,i]=(0,p.createSignal)(r.state()),o=r.subscribe(i);(0,p.onCleanup)(()=>{o(),r.destroy()});let s=(0,p.createMemo)(()=>(n().match?.matched??[]).filter(v=>v.component)),u={router:r,location:(0,p.createMemo)(()=>n().location),params:(0,p.createMemo)(()=>n().match?.params??{})},d={depth:-1,matched:s,params:u.params,location:u.location,notFound:()=>Et(e.notFound)},h;return Pe.Provider({value:u,get children(){return h??=Lt(d)}})}var Dt={router:{navigate:()=>{}},location:()=>({pathname:"",search:"",hash:"",query:{}}),params:()=>({})};function E(){let e=(0,P.useContext)(Pe);if(e)return e;if(typeof window>"u")return Dt;throw new Error("[router] useRouter must be used within <Router>")}function Ze(){let e=E().params;return(0,p.createMemo)(()=>e(),{},{equals:(t,r)=>JSON.stringify(t)===JSON.stringify(r)})}function et(){let{location:e}=E();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 G(){let{router:e}=E();return(t,r)=>e.navigate(t,r)}var b=e=>typeof e=="function"?e():e,It=new Set(["href","slot","class","className","active","activeClass","replace","children"]);function Q(e){let t=(0,P.useContext)(Pe),r=()=>t?.router.navigate(b(e.href)??"",{replace:b(e.replace)}),n=(0,y.createNativeElement)("a");(0,y.setAttribute)(n,"href",b(e.href)??""),e.slot&&(0,y.setAttribute)(n,"slot",b(e.slot));for(let o of Object.keys(e)){if(It.has(o))continue;let s=e[o];s!=null&&typeof s!="function"&&(0,y.setAttribute)(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=b(e.className??e.class)??"";o&&(0,y.setAttribute)(n,"class",o)}typeof n.addEventListener=="function"&&(0,p.createEffect)(()=>{let o=b(e.href)??"";n.setAttribute("href",o);let s=b(e.className??e.class)??"",u=b(e.activeClass)??"",d=b(e.active)??t?.location().pathname===o;n.className=[s,d?u:""].filter(Boolean).join(" ")});let i=e.children;return i!=null&&(0,y.insert)(n,i),n}var ee=require("@fluixi/dom"),c=require("@fluixi/dom"),T=require("@fluixi/dom");var g=require("@fluixi/dom");var R=require("@fluixi/reactive/store"),Ft="0.0.1",tt="Fluixi";var nt={createComponent:F,onMount:_,onUnmount:V,createEffect:a.createEffect,createMemo:a.createMemo,createSignal:a.createSignal,createContext:O,createRoot:a.createRoot,createDeferred:a.createDeferred,createComputed:a.createComputed,createRenderEffect:a.createRenderEffect,createSelector:S.createSelector,onCleanup:a.onCleanup,getOwner:a.getOwner,runWithOwner:a.runWithOwner,batch:a.batch,untrack:a.untrack,useContext:L,setOwner:a.setOwner,Router:Y,Link:Q,useRouter:E,useNavigate:G,read:N.readSignal,reduce:N.reduceSignal,VERSION:Ft,FRAMEWORK_NAME:tt};
+/*! @fluixi/core v1.0.0-alpha.85 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  $component: () => $component,
+  Await: () => Await,
+  ClientOnly: () => import_dom16.ClientOnly,
+  Dynamic: () => import_dom16.Dynamic,
+  ErrorBoundary: () => import_dom16.ErrorBoundary,
+  FRAMEWORK_NAME: () => FRAMEWORK_NAME,
+  For: () => import_dom16.For,
+  Index: () => import_dom16.Index,
+  Island: () => import_dom19.Island,
+  Link: () => Link,
+  Match: () => import_dom16.Match,
+  NoSsr: () => import_dom16.NoSsr,
+  Portal: () => import_dom16.Portal,
+  Router: () => Router,
+  Show: () => import_dom16.Show,
+  Store: () => import_store.Store,
+  Suspense: () => Suspense,
+  SuspenseList: () => SuspenseList,
+  Switch: () => import_dom16.Switch,
+  VERSION: () => VERSION,
+  addClass: () => import_dom18.addClass,
+  appendChildren: () => import_dom18.appendChildren,
+  batch: () => import_signal15.batch,
+  classMap: () => import_dom19.classMap,
+  cleanupDelegation: () => cleanupDelegation,
+  clientOnly: () => clientOnly,
+  closest: () => import_dom18.closest,
+  composeProviders: () => composeProviders,
+  createComponent: () => createComponent,
+  createComputed: () => import_signal15.createComputed,
+  createConsumer: () => createConsumer,
+  createContext: () => createContext3,
+  createContextWithProvider: () => createContextWithProvider,
+  createDebounce: () => import_signal16.createDebounce,
+  createDebouncedResource: () => import_signal16.createDebouncedResource,
+  createDebouncedSignal: () => import_signal16.createDebouncedSignal,
+  createDeferred: () => import_signal15.createDeferred,
+  createEffect: () => import_signal15.createEffect,
+  createIsomorphicState: () => createIsomorphicState,
+  createIsomorphicStore: () => createIsomorphicStore,
+  createMemo: () => import_signal15.createMemo,
+  createMemoryStorage: () => createMemoryStorage,
+  createProvider: () => createProvider,
+  createRenderEffect: () => import_signal15.createRenderEffect,
+  createResource: () => import_signal15.createResource,
+  createRoot: () => import_signal15.createRoot,
+  createSelector: () => import_signal16.createSelector,
+  createSignal: () => import_signal15.createSignal,
+  createStore: () => import_store.createStore,
+  createTheme: () => createTheme,
+  default: () => core_default,
+  deferred: () => deferred,
+  delegate: () => import_dom18.delegate,
+  domCreateElement: () => import_dom18.createElement,
+  effect: () => import_signal15.effect,
+  env: () => env,
+  getAttribute: () => import_dom18.getAttribute,
+  getOffset: () => import_dom18.getOffset,
+  getOwner: () => import_signal15.getOwner,
+  getStyle: () => import_dom18.getStyle,
+  hasClass: () => import_dom18.hasClass,
+  html: () => import_dom17.html,
+  hydrateIslands: () => import_dom19.hydrateIslands,
+  initDelegation: () => initDelegation,
+  isClient: () => isClient,
+  isJSXElement: () => isJSXElement,
+  isLitResult: () => isLitResult,
+  isNode: () => isNode,
+  isRenderable: () => isRenderable,
+  isServer: () => import_dom12.isServer,
+  isVisible: () => import_dom18.isVisible,
+  lazy: () => lazy,
+  memo: () => import_signal15.memo,
+  mergeProps: () => import_dom19.mergeProps,
+  observeIntersection: () => import_dom18.observeIntersection,
+  observeResize: () => import_dom18.observeResize,
+  onCleanup: () => import_signal15.onCleanup,
+  onMount: () => onMount,
+  onUnmount: () => onUnmount,
+  portal: () => portal,
+  query: () => import_dom18.query,
+  queryAll: () => import_dom18.queryAll,
+  read: () => import_operators.readSignal,
+  reduce: () => import_operators.reduceSignal,
+  removeAttribute: () => import_dom18.removeAttribute,
+  removeChildren: () => import_dom18.removeChildren,
+  removeClass: () => import_dom18.removeClass,
+  render: () => render,
+  resource: () => import_signal15.resource,
+  runWithOwner: () => import_signal15.runWithOwner,
+  scrollIntoView: () => import_dom18.scrollIntoView,
+  setAttribute: () => import_dom18.setAttribute,
+  setOwner: () => import_signal15.setOwner,
+  setStyles: () => import_dom18.setStyles,
+  signal: () => import_signal15.signal,
+  splitProps: () => import_dom19.splitProps,
+  storage: () => storage,
+  styleMap: () => import_dom19.styleMap,
+  svg: () => import_dom17.svg,
+  toggleClass: () => import_dom18.toggleClass,
+  untrack: () => import_signal15.untrack,
+  untrackStore: () => import_store.untrackStore,
+  unwrap: () => import_store.unwrap,
+  useCallback: () => useCallback,
+  useContext: () => useContext3,
+  useEffect: () => useEffect,
+  useEventListener: () => useEventListener,
+  useLocation: () => useLocation,
+  useMemo: () => useMemo,
+  useNavigate: () => useNavigate,
+  useParams: () => useParams,
+  useProvide: () => useProvide,
+  useReducer: () => useReducer,
+  useRef: () => useRef,
+  useRouter: () => useRouter,
+  waitForElement: () => import_dom18.waitForElement
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/version.generated.ts
+var VERSION = "1.0.0-alpha.85";
+
+// src/lib/core.ts
+var import_signal15 = require("@fluixi/reactive/signal");
+var import_signal16 = require("@fluixi/reactive/signal");
+var import_operators = require("@fluixi/reactive/operators");
+
+// 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");
+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 _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;
+}
+
+// src/lib/render/suspense.ts
+var import_signal2 = require("@fluixi/reactive/signal");
+var import_dom5 = require("@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 = (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;
+  });
+}
+function SuspenseList(props) {
+  return (0, import_dom5.createComponent)(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] = (0, import_signal2.createSignal)(true);
+      const [showFallback, setShowFallback] = (0, import_signal2.createSignal)(false);
+      registrations.push({ inFallback, setShowContent, setShowFallback });
+      (0, import_signal2.createEffect)(() => {
+        inFallback();
+        coordinateReveal();
+      });
+      return { showContent, showFallback };
+    }
+  };
+  return SuspenseListContext.Provider({
+    value: coordinator,
+    children: props.children
+  });
+}
+(0, import_dom5.asSuspense)(Suspense);
+Object.defineProperty(Suspense, "__suspense", { value: true, enumerable: true });
+
+// src/lib/render/lazy.ts
+var import_dom6 = require("@fluixi/dom");
+var import_signal3 = require("@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((0, import_signal3.untrack)(() => C(props)));
+    }
+    if (!component) {
+      const [resource2] = (0, import_signal3.createResource)(() => load(), { transport: false });
+      component = resource2;
+      if (resource2.error) throw resource2.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;
+}
+
+// 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");
+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 (0, import_dom7.isServer)() ? Lazy(props) : null;
+    if ((0, import_dom7.isServer)() || options.strategy.kind === "eager") return Lazy(props);
+    const [ready, setReady] = (0, import_signal4.createSignal)(false);
+    const start = () => {
+      void Lazy.preload().then(() => setReady(true));
+    };
+    const anchor = options.strategy.kind === "visible" ? createAnchor() : void 0;
+    schedule(options.strategy, start, anchor);
+    return (0, import_signal4.createMemo)(() => 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 = (0, import_utils.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
+var import_signal5 = require("@fluixi/reactive/signal");
+function Await(props) {
+  const fetcher = () => {
+    const v = props.value;
+    return typeof v === "function" ? v() : v;
+  };
+  const [data] = (0, import_signal5.createResource)(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 = {}) {
+  (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/context.ts
+var import_dom10 = require("@fluixi/dom");
+var import_signal7 = require("@fluixi/reactive/signal");
+var import_signal8 = require("@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 (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;
+}
+
+// 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 };
+}
+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] = (0, import_signal9.createMemo)(() => 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
+var import_dom12 = require("@fluixi/dom");
+var import_dom13 = require("@fluixi/dom");
+function isClient() {
+  return !(0, import_dom13.isServer)();
+}
+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
+var import_signal10 = require("@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] = (0, import_signal10.createSignal)(detectInitial());
+  const [isLoading, setLoading] = (0, import_signal10.createSignal)(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
+var import_signal12 = require("@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
+var import_dom15 = require("@fluixi/dom");
+var import_signal13 = require("@fluixi/reactive/signal");
+var import_object = require("@fluixi/utils/object");
+var import_compare = require("@fluixi/utils/compare");
+var import_router = require("@fluixi/router");
+var import_router2 = require("@fluixi/router");
+
+// src/lib/router/data.ts
+var import_signal11 = require("@fluixi/reactive/signal");
+
+// src/lib/server/hydration.ts
+var import_dom14 = require("@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] = (0, import_signal11.createSignal)(0);
+var RouteDataContext = createContext3(void 0, "route-data");
+var RouteDataProvider = RouteDataContext.Provider;
+
+// src/lib/router/index.ts
+var import_signal14 = require("@fluixi/reactive/signal");
+var RouterContext = (0, import_signal13.createContext)(void 0, "router");
+var OutletContext = (0, import_signal13.createContext)(void 0, "outlet");
+var LevelParamsContext = (0, import_signal13.createContext)(void 0, "route-params");
+var RouteDataContext2 = (0, import_signal13.createContext)(void 0, "route-data");
+function renderLayer(m, depth, base) {
+  let data;
+  const loader = m.route.data;
+  if (typeof loader === "function") {
+    let cancelled = false;
+    (0, import_signal12.onCleanup)(() => {
+      cancelled = true;
+    });
+    const owner = (0, import_signal12.getOwner)();
+    const [resource2] = (0, import_signal12.createResource)(
+      () => 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 (0, import_dom15.createComponent)(m.component, {});
+            }
+          });
+        }
+      });
+    }
+  });
+  if (!data) return buildPage();
+  const res = data;
+  const isLoading = () => res.loading;
+  const [ready, setReady] = (0, import_signal12.createSignal)((0, import_signal12.untrack)(() => !isLoading()));
+  (0, import_signal12.createEffect)(() => setReady(!isLoading()));
+  return (0, import_signal12.createMemo)(() => ready() ? buildPage() : null);
+}
+function renderChild(ctx) {
+  const childIdx = ctx.depth + 1;
+  const [childComp, setChildComp] = (0, import_signal12.createSignal)(
+    (0, import_signal12.untrack)(() => ctx.matched()[childIdx]?.component)
+  );
+  (0, import_signal12.createEffect)(() => {
+    const c = ctx.matched()[childIdx]?.component;
+    if ((0, import_signal12.untrack)(childComp) !== c) setChildComp(() => c);
+  });
+  return (0, import_signal12.createMemo)(() => {
+    const component = childComp();
+    if (!component) {
+      return ctx.notFound ? ctx.notFound() : null;
+    }
+    const m = (0, import_signal12.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_dom15.createComponent)(notFound, {}) : notFound;
+}
+function buildDefaultNotFound() {
+  const el = (0, import_dom15.createNativeElement)("div");
+  (0, import_dom15.setAttribute)(el, "class", "fx-not-found");
+  (0, import_dom15.setAttribute)(el, "role", "main");
+  (0, import_dom15.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_dom15.createNativeElement)("h1");
+  (0, import_dom15.setAttribute)(h1, "style", "margin:0;font-size:2.5rem;font-weight:700");
+  (0, import_dom15.insert)(h1, "404");
+  const p = (0, import_dom15.createNativeElement)("p");
+  (0, import_dom15.setAttribute)(p, "style", "margin:0;opacity:.7");
+  (0, import_dom15.insert)(p, "This page could not be found.");
+  el.appendChild(h1);
+  el.appendChild(p);
+  return el;
+}
+var pendingTransitionMode;
+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_signal12.createSignal)(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 (0, import_signal12.flush)();
+    };
+    if (!prepared) {
+      void runTransition(mode, commit);
+      return;
+    }
+    void prepared.then(() => {
+      if (id !== navigationId) return;
+      return runTransition(mode, commit);
+    });
+  });
+  (0, import_signal12.onCleanup)(() => {
+    unsub();
+    router.destroy();
+    navigationId++;
+  });
+  const matched = (0, import_signal12.createMemo)(
+    () => (state().match?.matched ?? []).filter((m) => m.component)
+  );
+  const ctx = {
+    router,
+    location: (0, import_signal12.createMemo)(() => state().location),
+    params: (0, import_signal12.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);
+    }
+  });
+}
+var _ssrRouterStub = {
+  router: { navigate: () => {
+  } },
+  location: () => ({ pathname: "", search: "", hash: "", query: {} }),
+  params: () => ({})
+};
+function useRouter() {
+  const ctx = (0, import_signal13.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_signal12.createMemo)(() => 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 = (0, import_signal13.useContext)(RouterContext);
+  const navigate = () => ctx?.router.navigate(read(props.href) ?? "", { replace: read(props.replace) });
+  const a = (0, import_dom15.createNativeElement)("a");
+  (0, import_dom15.setAttribute)(a, "href", read(props.href) ?? "");
+  if (props.slot) (0, import_dom15.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_dom15.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_dom15.setAttribute)(a, "class", base);
+  }
+  if (typeof a.addEventListener === "function") {
+    (0, import_signal12.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_dom15.insert)(a, linkChildren);
+  return a;
+}
+
+// src/lib/core.ts
+var import_dom17 = require("@fluixi/dom");
+var import_dom18 = require("@fluixi/dom");
+var import_dom19 = require("@fluixi/dom");
+
+// src/lib/control-flow.ts
+var import_dom16 = require("@fluixi/dom");
+
+// src/lib/core.ts
+var import_store = require("@fluixi/reactive/store");
+var VERSION2 = "0.0.1";
+var FRAMEWORK_NAME = "Fluixi";
+var core_default = {
+  // Core
+  createComponent,
+  // render,
+  onMount,
+  onUnmount,
+  createEffect: import_signal15.createEffect,
+  createMemo: import_signal15.createMemo,
+  createSignal: import_signal15.createSignal,
+  createContext: createContext3,
+  createRoot: import_signal15.createRoot,
+  createDeferred: import_signal15.createDeferred,
+  createComputed: import_signal15.createComputed,
+  createRenderEffect: import_signal15.createRenderEffect,
+  createSelector: import_signal16.createSelector,
+  onCleanup: import_signal15.onCleanup,
+  getOwner: import_signal15.getOwner,
+  runWithOwner: import_signal15.runWithOwner,
+  batch: import_signal15.batch,
+  untrack: import_signal15.untrack,
+  useContext: useContext3,
+  setOwner: import_signal15.setOwner,
+  // Control Flow
+  // Show,
+  // For,
+  // Switch,
+  // Match,
+  // Portal,
+  // Dynamic,
+  // Context
+  // Provider,
+  // Resources
+  // createResource,
+  // Router
+  // createRouter,
+  Router,
+  Link,
+  useRouter,
+  useNavigate,
+  read: import_operators.readSignal,
+  reduce: import_operators.reduceSignal,
+  // Meta
+  VERSION: VERSION2,
+  FRAMEWORK_NAME
+};