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

package/dist/src/index.cjs

@@ -1 +1,1201 @@
-"use strict";var ee=Object.defineProperty;var tt=Object.getOwnPropertyDescriptor;var nt=Object.getOwnPropertyNames;var rt=Object.prototype.hasOwnProperty;var ot=(e,t)=>{for(var n in t)ee(e,n,{get:t[n],enumerable:!0})},it=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of nt(t))!rt.call(e,o)&&o!==n&&ee(e,o,{get:()=>t[o],enumerable:!(r=tt(t,o))||r.enumerable});return e};var st=e=>it(ee({},"__esModule",{value:!0}),e);var It={};ot(It,{$component:()=>ne,Await:()=>pe,ClientOnly:()=>h.ClientOnly,Dynamic:()=>h.Dynamic,ErrorBoundary:()=>h.ErrorBoundary,FRAMEWORK_NAME:()=>Qe,For:()=>h.For,Index:()=>h.Index,Island:()=>T.Island,Link:()=>G,Match:()=>h.Match,NoSsr:()=>h.NoSsr,Portal:()=>h.Portal,Router:()=>X,Show:()=>h.Show,Store:()=>R.Store,Suspense:()=>j,SuspenseList:()=>le,Switch:()=>h.Switch,VERSION:()=>U,addClass:()=>c.addClass,appendChildren:()=>c.appendChildren,batch:()=>a.batch,classMap:()=>T.classMap,cleanupDelegation:()=>Ve,clientOnly:()=>Be,closest:()=>c.closest,composeProviders:()=>ge,createComponent:()=>F,createComputed:()=>a.createComputed,createConsumer:()=>$e,createContext:()=>L,createContextWithProvider:()=>Ue,createDebounce:()=>S.createDebounce,createDebouncedResource:()=>S.createDebouncedResource,createDebouncedSignal:()=>S.createDebouncedSignal,createDeferred:()=>a.createDeferred,createEffect:()=>a.createEffect,createIsomorphicState:()=>he,createIsomorphicStore:()=>Je,createMemo:()=>a.createMemo,createMemoryStorage:()=>Te,createProvider:()=>J,createRenderEffect:()=>a.createRenderEffect,createResource:()=>a.createResource,createRoot:()=>a.createRoot,createSelector:()=>S.createSelector,createSignal:()=>a.createSignal,createStore:()=>R.createStore,createTheme:()=>Xe,default:()=>Ze,deferred:()=>fe,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:()=>Z.html,hydrateIslands:()=>T.hydrateIslands,initDelegation:()=>_e,isClient:()=>ve,isJSXElement:()=>de,isLitResult:()=>ue,isNode:()=>ce,isRenderable:()=>Fe,isServer:()=>xe,isVisible:()=>c.isVisible,lazy:()=>D,memo:()=>a.memo,mergeProps:()=>T.mergeProps,observeIntersection:()=>c.observeIntersection,observeResize:()=>c.observeResize,onCleanup:()=>a.onCleanup,onMount:()=>_,onUnmount:()=>V,portal:()=>Ne,query:()=>c.query,queryAll:()=>c.queryAll,read:()=>N.readSignal,reduce:()=>N.reduceSignal,removeAttribute:()=>c.removeAttribute,removeChildren:()=>c.removeChildren,removeClass:()=>c.removeClass,render:()=>ye,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:()=>Z.svg,toggleClass:()=>c.toggleClass,untrack:()=>a.untrack,untrackStore:()=>R.untrackStore,unwrap:()=>R.unwrap,useCallback:()=>ae,useContext:()=>E,useEffect:()=>z,useEventListener:()=>se,useLocation:()=>Ge,useMemo:()=>re,useNavigate:()=>Y,useParams:()=>Ye,useProvide:()=>ze,useReducer:()=>ie,useRef:()=>oe,useRouter:()=>M,waitForElement:()=>c.waitForElement});module.exports=st(It);var U="1.0.0-alpha.82";var a=require("@fluixi/reactive/signal"),S=require("@fluixi/reactive/signal"),N=require("@fluixi/reactive/operators");var Ie=require("@fluixi/reactive/signal");var Pe=require("@fluixi/dom");var A=require("@fluixi/dom");(0,Pe.registerCoreVersion)(U);var O=require("@fluixi/dom");var $=require("@fluixi/dom"),l=require("@fluixi/reactive/signal");var te=Symbol.for("fluixi-lifecycle");function Re(){let e=(0,l.getOwner)();if(!e)return null;if(!e[te]){let t={mounts:[],effects:[],scheduled:!1};e[te]=t}return e[te]}var Ae=typeof window>"u";function ke(e){if(e.scheduled)return;if(Ae){e.mounts=[],e.effects=[];return}e.scheduled=!0;let t=(0,l.getOwner)();queueMicrotask(()=>{if((0,l.isOwnerDisposed)(t)){e.mounts=[],e.effects=[];return}(0,l.runWithOwner)(t,()=>{for(let n of e.mounts)try{let r=n();typeof r=="function"&&(0,l.onCleanup)(r)}catch(r){console.error("Error in onMount callback:",r)}for(let n of e.effects){let r;(0,l.createEffect)(()=>{r&&r(),r=n()}),(0,l.onCleanup)(()=>{r&&r()})}e.mounts=[],e.effects=[]})})}function F(e,t){return(0,$.createComponent)(e,t)}function ne(e,t){let n=typeof e=="function"?(0,l.untrack)(()=>e(t)):e;if(n!=null&&(typeof n=="function"||typeof n=="object")&&!(0,l.isSignal)(n)){try{n.$name=e.name}catch{}return(0,$.asComponent)(n)}return n}function _(e,t=!0){if(Ae)return;let n=Re();if(n){if(!t){n.scheduled||e();return}n.mounts.push(e),ke(n)}else{if(!t){e();return}(0,l.createEffect)(()=>{let r=(0,l.untrack)(e);typeof r=="function"&&(0,l.onCleanup)(r)})}}function V(e){(0,l.onCleanup)(e)}function z(e){let t=Re();if(t)t.effects.push(e),ke(t);else{let n;(0,l.createEffect)(()=>{n&&n(),n=e()}),(0,l.onCleanup)(()=>{n&&n()})}}function re(e){return(0,l.createMemo)(e)}function oe(e){let t={current:e};return(0,l.onCleanup)(()=>{t.current=null}),t}function ie(e,t){let[n,r]=(0,l.createSignal)(t);return[n,s=>{r(e(n(),s))}]}function se(e,t,n,r){z(()=>{let o=e&&"current"in e?e.current:e;if(o)return o.addEventListener(t,n,r),()=>{o.removeEventListener(t,n,r)}})}function ae(e){return e}var m=require("@fluixi/reactive/signal"),C=require("@fluixi/dom");function ce(e){return typeof window>"u"?!1:typeof Node=="function"&&e instanceof Node?!0:!!(e&&typeof e=="object"&&typeof e.nodeType=="number")}function ue(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function Oe(e){return!!(e&&typeof e=="object"&&typeof e.then=="function"||e instanceof Promise)}function de(e){return!!(e&&typeof e=="object"&&"type"in e&&"props"in e)}var Le=(0,m.createContext)();function j(e){return(0,C.createComponent)(at,e)}function at(e){let t=(0,m.createSuspenseBoundary)(),n=(0,m.useContext)(Le),r=n?n.register(t.inFallback):void 0;function o(f){return f==null||typeof f=="boolean"?null:typeof f=="function"&&(0,C.isComponent)(f)&&!(0,m.isSignal)(f)?f():f}let s=(0,C.runWithoutHydration)(()=>o(e.fallback??null)),i=(0,m.provideSuspense)(t,()=>(0,m.readChildren)(()=>e.children)),u=(f,w)=>{if(!(w>8))if(Array.isArray(f))for(let we of f)u(we,w+1);else typeof f=="function"&&(0,m.isSignal)(f)&&u(f(),w+1)};(0,m.provideSuspense)(t,()=>{(0,m.createRenderEffect)(()=>u(i,0))});let[d,g]=(0,m.createSignal)(void 0),v=Oe(i);return v&&(t.increment(),i.then(f=>{g(()=>f),t.decrement()},()=>t.decrement())),(0,m.createMemo)(()=>(r?r.showFallback():t.inFallback())?s:v?d():i)}function le(e){return(0,C.createComponent)(ct,e)}function ct(e){let{revealOrder:t="together",tail:n}=e,r=[];function o(){if(t==="together"){let i=r.every(u=>!u.inFallback());r.forEach(u=>{u.setShowContent(i),u.setShowFallback(!i)})}else{let i=t==="backwards"?[...r].reverse():r,u=!1;for(let d of i)u||d.inFallback()?(u=!0,d.setShowContent(!1),d.setShowFallback(n!=="hidden")):(d.setShowContent(!0),d.setShowFallback(!1))}}let s={register:i=>{let[u,d]=(0,m.createSignal)(!0),[g,v]=(0,m.createSignal)(!1);return r.push({inFallback:i,setShowContent:d,setShowFallback:v}),(0,m.createEffect)(()=>{i(),o()}),{showContent:u,showFallback:g}}};return Le.Provider({value:s,children:e.children})}(0,C.asSuspense)(j);Object.defineProperty(j,"__suspense",{value:!0,enumerable:!0});var k=require("@fluixi/reactive/signal");function D(e,t){let n,r,o;function s(){return r||(r=e().then(u=>n=u.default)),r}t?.preload&&s();let i=(u=>{if(n){let d=n;return(0,k.untrack)(()=>d(u))}if(!o){let[d]=(0,k.createResource)(()=>s(),{transport:!1});if(o=d,d.error)throw d.error}return(0,k.createMemo)(()=>{let d=o();return d?(0,k.untrack)(()=>d(u)):void 0},void 0,{name:"lazy"})});return i.preload=()=>s().then(()=>{}),i.$lazy=!0,i.loader=e,i}var W=require("@fluixi/reactive/signal"),Me=require("@fluixi/dom/utils");var Ee=typeof window>"u";function fe(e,t){let n=t.export??"default",r=D(()=>e().then(s=>{let i=s[n];if(typeof i!="function")throw new Error(`deferred(): module has no '${n}' export (got ${typeof i}).`);return{default:i}}),{fallback:t.fallback});function o(s){if(t.strategy.kind==="never")return Ee?r(s):null;if(Ee||t.strategy.kind==="eager")return r(s);let[i,u]=(0,W.createSignal)(!1),d=()=>{r.preload().then(()=>u(!0))},g=t.strategy.kind==="visible"?ut():void 0;return dt(t.strategy,d,g),(0,W.createMemo)(()=>i()?r(s):g??t.fallback??null,void 0,{name:"deferred"})}return o.preload=r.preload,o}function ut(){let e=document.createElement("span");return e.setAttribute("data-fx-load","visible"),e.style.display="block",e}function dt(e,t,n){let r=!1,o=()=>{r||(r=!0,t())};switch(e.kind){case"idle":{let s=globalThis.requestIdleCallback;s?s(o):setTimeout(o,1);return}case"visible":{if(!n||typeof IntersectionObserver>"u"){o();return}let s=(0,Me.observeIntersection)(n,i=>{i&&(s(),o())},{rootMargin:e.rootMargin??"0px"});return}case"interaction":{let s=()=>{for(let i of e.events)document.removeEventListener(i,s,!0);o()};for(let i of e.events)document.addEventListener(i,s,{capture:!0,passive:!0});return}case"media":{if(typeof matchMedia>"u"){o();return}let s=matchMedia(e.query);if(s.matches){o();return}let i=u=>{u.matches&&(s.removeEventListener("change",i),o())};s.addEventListener("change",i);return}default:o()}}var De=require("@fluixi/reactive/signal");function pe(e){let t=()=>{let r=e.value;return typeof r=="function"?r():r},[n]=(0,De.createResource)(t);return()=>{if(n.loading)return e.fallback;let r=e.children;return typeof r=="function"?r(n()):r}}var me=typeof window>"u";function ye(e,t,n={}){if((0,O.delegateEvents)(["click","input","change","submit"]),me)throw new Error("render() is for client-side only. Use renderToString() on server.");if(!t)throw new Error("Container element is required");let r;return(0,Ie.createRoot)(o=>{r=o;let s=typeof e=="function"?e():e;t.textContent="",(0,A.stampVersions)(t),(0,A.warnOnVersionSkew)(),(0,O.insert)(t,()=>s)}),()=>{r&&(r(),r=void 0)}}function lt(e){return e&&typeof e=="object"&&(e._$litType$!==void 0||e._$litDirective$!==void 0)}function Ne(e,t,n={}){let r=document.createElement("div");r.setAttribute("data-portal","true"),t.appendChild(r);let o=ye(e,r,n);return()=>{o(),t.contains(r)&&t.removeChild(r)}}function Fe(e){return!!(e==null||typeof e=="function"||(0,O.isDOMNode)(e)||lt(e)||Array.isArray(e)||typeof e=="string"||typeof e=="number"||typeof e=="boolean")}function _e(){me||(0,O.delegateEvents)(["click","input","change","submit"])}function Ve(){}var Ke=require("@fluixi/dom"),q=require("@fluixi/reactive/signal"),He=require("@fluixi/reactive/signal"),je=!1;function ft(){je||(je=!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 J(e,t,n){let r=!!e?.Provider,o=r?e:e.context,s=r?t:e.value,i=r?!1:e.debug??!1;r||ft();let u=typeof s=="function"?s():s,d=r?n:e;return o.Provider({value:u,get children(){return d?.children},debug:i})}function Ue(e){let t=L(e);return[t,r=>J(t,r.value,r)]}function ge(e,t){if(e.length===0)return(0,He.readChildren)(()=>t);let[n,r]=e[0],o=e.slice(1);return J(n,r,{get children(){return ge(o,t)}})}function $e(e){return t=>{let n=E(e);return t.children(n)}}function ze(e,t){let n=E(e);return n===e.defaultValue?t():n}function L(e){let t=(0,q.createContext)(e),n=r=>(r.debug,t.Provider({value:r.value,get children(){return r.children},debug:r.debug}));return typeof Symbol<"u"&&Symbol.for&&(n.$$typeof=Symbol.for("react.provider")),n.$$typeof=Symbol.for("react.provider"),{id:t.id,Provider:(0,Ke.asProvider)(n),defaultValue:e}}function E(e){let t=(0,q.useContext)(e);return t!==void 0?t:e.defaultValue}var B=require("@fluixi/reactive/signal"),We=require("@fluixi/dom"),pt="__fluixi_iso_states__",mt="__iso:";function yt(){return globalThis[pt]??=new Map}function qe(e){if(typeof window>"u")return;let t=(0,We.getServerData)();return t?t[mt+e]:void 0}function he(e,t){let n=qe(e),r=n!==void 0?n:typeof window<"u"&&t.client?t.client():t.fallback,[o,s]=(0,B.createSignal)(r);return yt().set(e,{server:t.server,set:s}),{value:o,set:s,key:e}}function Je(e,t){let n=qe(e)!==void 0,r=he(e,{server:t.server,fallback:t.fallback}),o=()=>r.value()??t.fallback,s=f=>{if(!(!t.persist||typeof localStorage>"u"))try{localStorage.setItem(t.persist,JSON.stringify(f))}catch{}},i=f=>{r.set(f),s(f)},u=(f,w)=>{i({...o(),[f]:w})},d={};for(let f of Object.keys(t.fallback))d[f]=(0,B.createMemo)(()=>o()[f]);let g=null;return{value:o,fields:d,set:i,setField:u,ensureInit:()=>n||!t.client?Promise.resolve():(g||(g=Promise.resolve(t.client()).then(f=>{i(f)}).catch(f=>{throw g=null,f})),g),key:e}}var xe=typeof document>"u",ve=!xe;function Te(){let e=new Map;return{getItem:t=>e.has(t)?e.get(t):null,setItem:(t,n)=>{e.set(t,String(n))},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:Te(),H={get window(){return typeof window<"u"?window:void 0},get document(){return typeof document<"u"?document:void 0}};function Be(e,t){return ve?e():t}var Ce=require("@fluixi/reactive/signal");function gt(e){return e?e===!0?{dark:"dark",light:"light"}:e:null}function Xe(e){let t=e.storageKey??"theme",n=e.attribute??"data-theme",r=gt(e.system),o=()=>{let x=K.getItem(t);return x&&e.themes.includes(x)?x:r&&H.window?.matchMedia?.("(prefers-color-scheme: dark)")?.matches?r.dark:r?r.light:e.default},[s,i]=(0,Ce.createSignal)(o()),[u,d]=(0,Ce.createSignal)(!1),g=x=>{H.document?.documentElement.setAttribute(n,x);try{K.setItem(t,x)}catch{}},v=x=>{if(!e.themes.includes(x))return;let et=s();i(()=>x),g(x),e.onChange?.(x,et),e.load&&(d(!0),e.onLoading?.(x),Promise.resolve(e.load(x)).finally(()=>{d(!1),e.onLoaded?.(x)}))};return{value:s,isLoading:u,set:v,toggle:()=>{let x=e.themes.indexOf(s());v(e.themes[(x+1)%e.themes.length])},init:()=>g(s()),headScript:()=>`<script>(function(){try{var c=${JSON.stringify({k:t,a:n,d:e.default,sys:r})},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"),Ct=require("@fluixi/utils/object"),bt=require("@fluixi/utils/compare"),I=require("@fluixi/router"),Q=require("@fluixi/router");var be=require("@fluixi/reactive/signal");var ht=new Map;function xt(){ht.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),n=[],r;for(;r=t.nextNode();){let o=r,s=o.nodeValue||"";(s.startsWith("#")||s.startsWith("/"))&&n.push(o)}n.forEach(o=>o.remove()),xt()}typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(vt,100)});var[En,Mn]=(0,be.createSignal)(0);var Tt=L(),Dn=Tt.Provider;var Mt=require("@fluixi/reactive/signal"),Se=(0,P.createContext)(),St=(0,P.createContext)(),wt=(0,P.createContext)(),Pt=(0,P.createContext)();function Rt(e,t,n){let r,o=e.route.data;if(typeof o=="function"){let v=!1;(0,p.onCleanup)(()=>{v=!0});let f=(0,p.getOwner)(),[w]=(0,p.createResource)(()=>o({params:n.params,location:n.location},f,()=>v));r=w}let s=()=>Pt.Provider({value:r,get children(){return wt.Provider({value:e.params,get children(){return St.Provider({value:{depth:t,...n},get children(){return(0,y.createComponent)(e.component,{})}})}})}});if(!r)return s();let i=r,u=()=>i.loading,[d,g]=(0,p.createSignal)((0,p.untrack)(()=>!u()));return(0,p.createEffect)(()=>g(!u())),(0,p.createMemo)(()=>d()?s():null)}function At(e){let t=e.depth+1,[n,r]=(0,p.createSignal)((0,p.untrack)(()=>e.matched()[t]?.component));return(0,p.createEffect)(()=>{let o=e.matched()[t]?.component;r(()=>o)}),(0,p.createMemo)(()=>{if(!n())return e.notFound?e.notFound():null;let s=(0,p.untrack)(()=>e.matched())[t];return Rt(s,t,{matched:e.matched,params:e.params,location:e.location})})}function kt(e){return e==null?Ot():typeof e=="function"?(0,y.createComponent)(e,{}):e}function Ot(){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 n=(0,y.createNativeElement)("p");return(0,y.setAttribute)(n,"style","margin:0;opacity:.7"),(0,y.insert)(n,"This page could not be found."),e.appendChild(t),e.appendChild(n),e}function X(e){let t=e.history??(0,I.createBrowserHistory)(),n=(0,I.createRouter)({routes:e.routes,base:e.base,history:t}),[r,o]=(0,p.createSignal)(n.state()),s=n.subscribe(o);(0,p.onCleanup)(()=>{s(),n.destroy()});let i=(0,p.createMemo)(()=>(r().match?.matched??[]).filter(v=>v.component)),u={router:n,location:(0,p.createMemo)(()=>r().location),params:(0,p.createMemo)(()=>r().match?.params??{})},d={depth:-1,matched:i,params:u.params,location:u.location,notFound:()=>kt(e.notFound)},g;return Se.Provider({value:u,get children(){return g??=At(d)}})}var Lt={router:{navigate:()=>{}},location:()=>({pathname:"",search:"",hash:"",query:{}}),params:()=>({})};function M(){let e=(0,P.useContext)(Se);if(e)return e;if(typeof window>"u")return Lt;throw new Error("[router] useRouter must be used within <Router>")}function Ye(){let e=M().params;return(0,p.createMemo)(()=>e(),{},{equals:(t,n)=>JSON.stringify(t)===JSON.stringify(n)})}function Ge(){let{location:e}=M();return new Proxy({},{get:(t,n)=>e()[n],has:(t,n)=>n in e(),ownKeys:()=>Reflect.ownKeys(e()),getOwnPropertyDescriptor:(t,n)=>Object.getOwnPropertyDescriptor(e(),n)})}function Y(){let{router:e}=M();return(t,n)=>e.navigate(t,n)}var b=e=>typeof e=="function"?e():e,Et=new Set(["href","slot","class","className","active","activeClass","replace","children"]);function G(e){let t=(0,P.useContext)(Se),n=typeof document>"u",r=()=>t?.router.navigate(b(e.href)??"",{replace:b(e.replace)}),o=(0,y.createNativeElement)("a");(0,y.setAttribute)(o,"href",b(e.href)??""),e.slot&&(0,y.setAttribute)(o,"slot",b(e.slot));for(let i of Object.keys(e)){if(Et.has(i))continue;let u=e[i];u!=null&&typeof u!="function"&&(0,y.setAttribute)(o,i,String(u))}if(typeof o.addEventListener=="function")o.addEventListener("click",i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||(i.preventDefault(),r())});else{let i=b(e.className??e.class)??"";i&&(0,y.setAttribute)(o,"class",i)}typeof o.addEventListener=="function"&&(0,p.createEffect)(()=>{let i=b(e.href)??"";o.setAttribute("href",i);let u=b(e.className??e.class)??"",d=b(e.activeClass)??"",g=b(e.active)??t?.location().pathname===i;o.className=[u,g?d:""].filter(Boolean).join(" ")});let s=e.children;return s!=null&&(0,y.insert)(o,s),o}var Z=require("@fluixi/dom"),c=require("@fluixi/dom"),T=require("@fluixi/dom");var h=require("@fluixi/dom");var R=require("@fluixi/reactive/store"),Dt="0.0.1",Qe="Fluixi";var Ze={createComponent:F,onMount:_,onUnmount:V,createEffect:a.createEffect,createMemo:a.createMemo,createSignal:a.createSignal,createContext:L,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:E,setOwner:a.setOwner,Router:X,Link:G,useRouter:M,useNavigate:Y,read:N.readSignal,reduce:N.reduceSignal,VERSION:Dt,FRAMEWORK_NAME:Qe};
+/*! @fluixi/core v1.0.0-alpha.84 | (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.84";
+
+// 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");
+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;
+    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;
+}
+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());
+  const unsub = router.subscribe(setState);
+  (0, import_signal12.onCleanup)(() => {
+    unsub();
+    router.destroy();
+  });
+  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) => 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
+};