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

package/dist/src/lib/index.cjs

@@ -1 +1,633 @@
-"use strict";var X=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var Ae=Object.prototype.hasOwnProperty;var Me=(e,t)=>{for(var n in t)X(e,n,{get:t[n],enumerable:!0})},J=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Le(t))!Ae.call(e,s)&&s!==n&&X(e,s,{get:()=>t[s],enumerable:!(r=Oe(t,s))||r.enumerable});return e},oe=(e,t,n)=>(J(e,t,"default"),n&&J(n,t,"default"));var _e=e=>J(X({},"__esModule",{value:!0}),e);var qe={};Me(qe,{$component:()=>Y,ClientOnly:()=>u.ClientOnly,DEV:()=>P,Dynamic:()=>u.Dynamic,ErrorBoundary:()=>u.ErrorBoundary,FRAMEWORK_NAME:()=>ne,For:()=>u.For,Fragment:()=>x.Fragment,Index:()=>u.Index,Match:()=>u.Match,NoSsr:()=>u.NoSsr,Portal:()=>u.Portal,Show:()=>u.Show,Store:()=>g.Store,Suspense:()=>_,Switch:()=>u.Switch,VERSION:()=>te,addClass:()=>a.addClass,batch:()=>i.batch,classMap:()=>K.classMap,cleanupDelegation:()=>ve,composeProviders:()=>Z,createComponent:()=>k,createComputed:()=>i.createComputed,createConsumer:()=>be,createContext:()=>F,createContextWithProvider:()=>Se,createDebounce:()=>$.createDebounce,createDeferred:()=>i.createDeferred,createEffect:()=>i.createEffect,createIsomorphicState:()=>ke,createMemo:()=>i.createMemo,createProvider:()=>V,createRenderEffect:()=>i.createRenderEffect,createResource:()=>i.createResource,createRoot:()=>i.createRoot,createSelector:()=>$.createSelector,createSignal:()=>i.createSignal,createStore:()=>g.createStore,default:()=>Xe,delegateEvents:()=>a.delegateEvents,devOnly:()=>Q,getFrameworkInfo:()=>we,getOwner:()=>i.getOwner,getSharedConfig:()=>H,hydrate:()=>a.hydrate,initDelegation:()=>xe,insert:()=>a.insert,isDOMNode:()=>a.isDOMNode,isDev:()=>G,isLitTemplateResult:()=>a.isLitTemplateResult,isRenderable:()=>ye,jsx:()=>x.jsx,jsxs:()=>x.jsxs,lazy:()=>D,onCleanup:()=>i.onCleanup,onMount:()=>w,onUnmount:()=>E,portal:()=>me,read:()=>z.readSignal,reduce:()=>z.reduceSignal,removeClass:()=>a.removeClass,render:()=>I,runWithOwner:()=>i.runWithOwner,setAttribute:()=>a.setAttribute,setOwner:()=>i.setOwner,setProperty:()=>a.setProperty,spread:()=>a.spread,styleMap:()=>K.styleMap,toggleClass:()=>a.toggleClass,untrack:()=>i.untrack,untrackStore:()=>g.untrackStore,useCallback:()=>M,useContext:()=>b,useEffect:()=>T,useEventListener:()=>A,useMemo:()=>R,useProvide:()=>ge,useReducer:()=>L,useRef:()=>O});module.exports=_e(qe);var i=require("@fluixi/reactive/signal"),$=require("@fluixi/reactive/signal"),z=require("@fluixi/reactive/operators"),g=require("@fluixi/reactive/store");var U=require("@fluixi/dom"),le=require("@fluixi/reactive/signal");var ie=require("@fluixi/dom");var se="1.0.0-alpha.83";var C=require("@fluixi/dom");(0,ie.registerCoreVersion)(se);var h=require("@fluixi/dom");var B=require("@fluixi/dom"),j=require("@fluixi/dom"),o=require("@fluixi/reactive/signal"),Ie={context:null,owner:null};function H(){return Ie}var P=typeof process<"u"&&!1,q=Symbol.for("fluixi-lifecycle");function ae(){let e=(0,o.getOwner)();if(!e)return null;if(!e[q]){let t={mounts:[],effects:[],scheduled:!1};e[q]=t}return e[q]}function ce(e){if(e.scheduled)return;if((0,B.isServer)()){e.mounts=[],e.effects=[];return}e.scheduled=!0;let t=(0,o.getOwner)();queueMicrotask(()=>{if((0,o.isOwnerDisposed)(t)){e.mounts=[],e.effects=[];return}(0,o.runWithOwner)(t,()=>{for(let n of e.mounts)try{let r=n();typeof r=="function"&&(0,o.onCleanup)(r)}catch(r){console.error("Error in onMount callback:",r)}for(let n of e.effects){let r;(0,o.createEffect)(()=>{r&&r(),r=n()}),(0,o.onCleanup)(()=>{r&&r()})}e.mounts=[],e.effects=[]})})}function k(e,t){return(0,j.createComponent)(e,t)}function Y(e,t){let n=typeof e=="function"?(0,o.untrack)(()=>e(t)):e,r=n!=null&&(typeof n=="function"||typeof n=="object");if(r)try{n.$name=e.name}catch{}return r&&!(0,o.isSignal)(n)?(0,j.asComponent)(n):n}function w(e,t=!0){if((0,B.isServer)())return;let n=ae();if(n){if(!t){n.scheduled||e();return}n.mounts.push(e),ce(n)}else{if(!t){e();return}(0,o.createEffect)(()=>{let r=(0,o.untrack)(e);typeof r=="function"&&(0,o.onCleanup)(r)})}}function E(e){(0,o.onCleanup)(e)}function T(e){let t=ae();if(t)t.effects.push(e),ce(t);else{let n;(0,o.createEffect)(()=>{n&&n(),n=e()}),(0,o.onCleanup)(()=>{n&&n()})}}function R(e){return(0,o.createMemo)(e)}function O(e){let t={current:e};return(0,o.onCleanup)(()=>{t.current=null}),t}function L(e,t){let[n,r]=(0,o.createSignal)(t);return[n,d=>{r(e(n(),d))}]}function A(e,t,n,r){T(()=>{let s=e&&"current"in e?e.current:e;if(s)return s.addEventListener(t,n,r),()=>{s.removeEventListener(t,n,r)}})}function M(e){return e}function G(){return P}function Q(e){P&&e()}var c=require("@fluixi/reactive/signal"),v=require("@fluixi/dom");function ue(e){return!!(e&&typeof e=="object"&&typeof e.then=="function"||e instanceof Promise)}var Fe=(0,c.createContext)(void 0,"suspense-list");function _(e){return(0,v.createComponent)(je,e)}function je(e){let t=(0,c.createSuspenseBoundary)(),n=(0,c.useContext)(Fe),r=n?n.register(t.inFallback):void 0;function s(f){return f==null||typeof f=="boolean"?null:typeof f=="function"&&(0,v.isComponent)(f)&&!(0,c.isSignal)(f)?f():f}let d=(0,v.runWithoutHydration)(()=>s(e.fallback??null)),m=(0,c.provideSuspense)(t,()=>(0,c.readChildren)(()=>e.children)),y=(f,W)=>{if(!(W>8))if(Array.isArray(f))for(let Re of f)y(Re,W+1);else typeof f=="function"&&(0,c.isSignal)(f)&&y(f(),W+1)};(0,c.provideSuspense)(t,()=>{(0,c.createRenderEffect)(()=>y(m,0))});let[l,Ee]=(0,c.createSignal)(void 0),re=ue(m);return re&&(t.increment(),m.then(f=>{Ee(()=>f),t.decrement()},()=>t.decrement())),(0,c.createMemo)(()=>(r?r.showFallback():t.inFallback())?d:re?l():m)}(0,v.asSuspense)(_);Object.defineProperty(_,"__suspense",{value:!0,enumerable:!0});var fe=require("@fluixi/dom"),S=require("@fluixi/reactive/signal");function de(e){if(e!=null&&(typeof e=="object"||typeof e=="function"))try{e.$lazy=!0}catch{}return e}function D(e,t){let n,r,s;function d(){return r||(r=e().then(y=>n=y.default)),r}t?.preload&&d();let m=(y=>{if(n){let l=n;return de((0,S.untrack)(()=>l(y)))}if(!s){let[l]=(0,S.createResource)(()=>d(),{transport:!1});if(s=l,l.error)throw l.error}return(0,S.createMemo)(()=>{let l=s();return l?de((0,fe.createComponent)(l,y)):void 0})});return m.preload=()=>d().then(()=>{}),m.$lazy=!0,m.loader=e,m}var De=require("@fluixi/dom"),pe=require("@fluixi/reactive/signal"),Ue=require("@fluixi/dom/utils");var Ne=require("@fluixi/reactive/signal");function I(e,t,n={}){if((0,h.delegateEvents)(["click","input","change","submit"]),(0,U.isServer)())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,le.createRoot)(s=>{r=s;let d=typeof e=="function"?e():e;t.textContent="",(0,C.stampVersions)(t),(0,C.warnOnVersionSkew)(),(0,h.insert)(t,()=>d)}),()=>{r&&(r(),r=void 0)}}function Ve(e){return e&&typeof e=="object"&&(e._$litType$!==void 0||e._$litDirective$!==void 0)}function me(e,t,n={}){let r=document.createElement("div");r.setAttribute("data-portal","true"),t.appendChild(r);let s=I(e,r,n);return()=>{s(),t.contains(r)&&t.removeChild(r)}}function ye(e){return!!(e==null||typeof e=="function"||(0,h.isDOMNode)(e)||Ve(e)||Array.isArray(e)||typeof e=="string"||typeof e=="number"||typeof e=="boolean")}function xe(){(0,U.isServer)()||(0,h.delegateEvents)(["click","input","change","submit"])}function ve(){(0,U.isServer)()}var he=require("@fluixi/dom"),N=require("@fluixi/reactive/signal"),Te=require("@fluixi/reactive/signal"),Ce=!1;function $e(){Ce||(Ce=!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 V(e,t,n){let r=!!e?.Provider,s=r?e:e.context,d=r?t:e.value,m=r?!1:e.debug??!1;r||$e();let y=typeof d=="function"?d():d,l=r?n:e;return s.Provider({value:y,get children(){return l?.children},debug:m})}function Se(e){let t=F(e);return[t,r=>V(t,r.value,r)]}function Z(e,t){if(e.length===0)return(0,Te.readChildren)(()=>t);let[n,r]=e[0],s=e.slice(1);return V(n,r,{get children(){return Z(s,t)}})}function be(e){return t=>{let n=b(e);return t.children(n)}}function ge(e,t){let n=b(e);return n===e.defaultValue?t():n}function F(e,t){let n=(0,N.createContext)(e,t),r=s=>(s.debug,n.Provider({value:s.value,get children(){return s.children},debug:s.debug}));return typeof Symbol<"u"&&Symbol.for&&(r.$$typeof=Symbol.for("react.provider")),r.$$typeof=Symbol.for("react.provider"),{id:n.id,Provider:(0,he.asProvider)(r),defaultValue:e}}function b(e){let t=(0,N.useContext)(e);return t!==void 0?t:e.defaultValue}var ee=require("@fluixi/reactive/signal"),Pe=require("@fluixi/dom"),ze="__fluixi_iso_states__",Ke="__iso:";function We(){return globalThis[ze]??=new Map}function Je(e){if(typeof window>"u")return;let t=(0,Pe.getServerData)();return t?t[Ke+e]:void 0}function ke(e,t){let n=Je(e),r=n!==void 0?n:typeof window<"u"&&t.client?t.client():t.fallback,[s,d]=(0,ee.createSignal)(r);return We().set(e,{server:t.server,set:d}),{value:s,set:d,key:e}}var K=require("@fluixi/dom");var u=require("@fluixi/dom");var a=require("@fluixi/dom");var x={};oe(x,require("@fluixi/jsx/jsx-runtime"));var p=require("@fluixi/reactive/signal");var te="0.0.1",ne="Fluixi";function we(){return{name:ne,version:te,features:{ssr:!0,hydration:!0,jsx:!0,litHtml:!0,signals:!0,fineGrained:!0,lazy:!0,hooks:!0,devMode:!0}}}var Xe={createSignal:p.createSignal,createEffect:p.createEffect,createMemo:p.createMemo,createRoot:p.createRoot,batch:p.batch,untrack:p.untrack,onCleanup:p.onCleanup,createContext:F,useContext:b,createComponent:k,onMount:w,onUnmount:E,useEffect:T,useMemo:R,useRef:O,useReducer:L,useEventListener:A,useCallback:M,render:I,VERSION:te,FRAMEWORK_NAME:ne,getFrameworkInfo:we};
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/index.ts
+var index_exports = {};
+__export(index_exports, {
+  $component: () => $component,
+  ClientOnly: () => import_dom12.ClientOnly,
+  DEV: () => DEV,
+  Dynamic: () => import_dom12.Dynamic,
+  ErrorBoundary: () => import_dom12.ErrorBoundary,
+  FRAMEWORK_NAME: () => FRAMEWORK_NAME,
+  For: () => import_dom12.For,
+  Fragment: () => jsx_runtime_exports.Fragment,
+  Index: () => import_dom12.Index,
+  Match: () => import_dom12.Match,
+  NoSsr: () => import_dom12.NoSsr,
+  Portal: () => import_dom12.Portal,
+  Show: () => import_dom12.Show,
+  Store: () => import_store.Store,
+  Suspense: () => Suspense,
+  Switch: () => import_dom12.Switch,
+  VERSION: () => VERSION2,
+  addClass: () => import_dom14.addClass,
+  batch: () => import_signal10.batch,
+  classMap: () => import_dom13.classMap,
+  cleanupDelegation: () => cleanupDelegation,
+  composeProviders: () => composeProviders,
+  createComponent: () => createComponent,
+  createComputed: () => import_signal10.createComputed,
+  createConsumer: () => createConsumer,
+  createContext: () => createContext3,
+  createContextWithProvider: () => createContextWithProvider,
+  createDebounce: () => import_signal11.createDebounce,
+  createDeferred: () => import_signal10.createDeferred,
+  createEffect: () => import_signal10.createEffect,
+  createIsomorphicState: () => createIsomorphicState,
+  createMemo: () => import_signal10.createMemo,
+  createProvider: () => createProvider,
+  createRenderEffect: () => import_signal10.createRenderEffect,
+  createResource: () => import_signal10.createResource,
+  createRoot: () => import_signal10.createRoot,
+  createSelector: () => import_signal11.createSelector,
+  createSignal: () => import_signal10.createSignal,
+  createStore: () => import_store.createStore,
+  default: () => index_default,
+  delegateEvents: () => import_dom14.delegateEvents,
+  devOnly: () => devOnly,
+  getFrameworkInfo: () => getFrameworkInfo,
+  getOwner: () => import_signal10.getOwner,
+  getSharedConfig: () => getSharedConfig,
+  hydrate: () => import_dom14.hydrate,
+  initDelegation: () => initDelegation,
+  insert: () => import_dom14.insert,
+  isDOMNode: () => import_dom14.isDOMNode,
+  isDev: () => isDev,
+  isLitTemplateResult: () => import_dom14.isLitTemplateResult,
+  isRenderable: () => isRenderable,
+  jsx: () => jsx_runtime_exports.jsx,
+  jsxs: () => jsx_runtime_exports.jsxs,
+  lazy: () => lazy,
+  onCleanup: () => import_signal10.onCleanup,
+  onMount: () => onMount,
+  onUnmount: () => onUnmount,
+  portal: () => portal,
+  read: () => import_operators.readSignal,
+  reduce: () => import_operators.reduceSignal,
+  removeClass: () => import_dom14.removeClass,
+  render: () => render,
+  runWithOwner: () => import_signal10.runWithOwner,
+  setAttribute: () => import_dom14.setAttribute,
+  setOwner: () => import_signal10.setOwner,
+  setProperty: () => import_dom14.setProperty,
+  spread: () => import_dom14.spread,
+  styleMap: () => import_dom13.styleMap,
+  toggleClass: () => import_dom14.toggleClass,
+  untrack: () => import_signal10.untrack,
+  untrackStore: () => import_store.untrackStore,
+  useCallback: () => useCallback,
+  useContext: () => useContext3,
+  useEffect: () => useEffect,
+  useEventListener: () => useEventListener,
+  useMemo: () => useMemo,
+  useProvide: () => useProvide,
+  useReducer: () => useReducer,
+  useRef: () => useRef
+});
+module.exports = __toCommonJS(index_exports);
+var import_signal10 = require("@fluixi/reactive/signal");
+var import_signal11 = require("@fluixi/reactive/signal");
+var import_operators = require("@fluixi/reactive/operators");
+var import_store = require("@fluixi/reactive/store");
+
+// src/lib/render/index.ts
+var import_dom8 = require("@fluixi/dom");
+var import_signal6 = require("@fluixi/reactive/signal");
+
+// src/lib/render/versions.ts
+var import_dom = require("@fluixi/dom");
+
+// src/version.generated.ts
+var VERSION = "1.0.0-alpha.85";
+
+// src/lib/render/versions.ts
+var import_dom2 = require("@fluixi/dom");
+(0, import_dom.registerCoreVersion)(VERSION);
+
+// src/lib/render/index.ts
+var import_dom9 = require("@fluixi/dom");
+
+// src/lib/render/component.ts
+var import_dom3 = require("@fluixi/dom");
+var import_dom4 = require("@fluixi/dom");
+var import_signal = require("@fluixi/reactive/signal");
+var sharedConfig = {
+  context: null,
+  owner: null
+};
+function getSharedConfig() {
+  return sharedConfig;
+}
+var DEV = typeof process !== "undefined" && false;
+var _LIFECYCLE = /* @__PURE__ */ Symbol.for("fluixi-lifecycle");
+function getOwnerLifecycle() {
+  const owner = (0, import_signal.getOwner)();
+  if (!owner) return null;
+  if (!owner[_LIFECYCLE]) {
+    const lc = { mounts: [], effects: [], scheduled: false };
+    owner[_LIFECYCLE] = lc;
+  }
+  return owner[_LIFECYCLE];
+}
+function scheduleLifecycleFlush(lc) {
+  if (lc.scheduled) return;
+  if ((0, import_dom3.isServer)()) {
+    lc.mounts = [];
+    lc.effects = [];
+    return;
+  }
+  lc.scheduled = true;
+  const owner = (0, import_signal.getOwner)();
+  queueMicrotask(() => {
+    if ((0, import_signal.isOwnerDisposed)(owner)) {
+      lc.mounts = [];
+      lc.effects = [];
+      return;
+    }
+    (0, import_signal.runWithOwner)(owner, () => {
+      for (const cb of lc.mounts) {
+        try {
+          const cleanup = cb();
+          if (typeof cleanup === "function") {
+            (0, import_signal.onCleanup)(cleanup);
+          }
+        } catch (e) {
+          console.error("Error in onMount callback:", e);
+        }
+      }
+      for (const cb of lc.effects) {
+        let cleanup;
+        (0, import_signal.createEffect)(() => {
+          if (cleanup) cleanup();
+          cleanup = cb();
+        });
+        (0, import_signal.onCleanup)(() => {
+          if (cleanup) cleanup();
+        });
+      }
+      lc.mounts = [];
+      lc.effects = [];
+    });
+  });
+}
+function createComponent(Comp, props) {
+  return (0, import_dom4.createComponent)(Comp, props);
+}
+function $component(value, props) {
+  const component = typeof value === "function" ? (0, import_signal.untrack)(() => value(props)) : value;
+  const nameable = component != null && (typeof component === "function" || typeof component === "object");
+  if (nameable) {
+    try {
+      component["$name"] = value.name;
+    } catch {
+    }
+  }
+  if (nameable && !(0, import_signal.isSignal)(component)) {
+    return (0, import_dom4.asComponent)(component);
+  }
+  return component;
+}
+function onMount(fn, reactive = true) {
+  if ((0, import_dom3.isServer)()) return;
+  const lc = getOwnerLifecycle();
+  if (lc) {
+    if (!reactive) {
+      if (!lc.scheduled) {
+        fn();
+      }
+      return;
+    }
+    lc.mounts.push(fn);
+    scheduleLifecycleFlush(lc);
+  } else {
+    if (!reactive) {
+      fn();
+      return;
+    }
+    (0, import_signal.createEffect)(() => {
+      const cleanup = (0, import_signal.untrack)(fn);
+      if (typeof cleanup === "function") {
+        (0, import_signal.onCleanup)(cleanup);
+      }
+    });
+  }
+}
+function onUnmount(fn) {
+  (0, import_signal.onCleanup)(fn);
+}
+function useEffect(callback) {
+  const lc = getOwnerLifecycle();
+  if (lc) {
+    lc.effects.push(callback);
+    scheduleLifecycleFlush(lc);
+  } else {
+    let cleanup;
+    (0, import_signal.createEffect)(() => {
+      if (cleanup) cleanup();
+      cleanup = callback();
+    });
+    (0, import_signal.onCleanup)(() => {
+      if (cleanup) cleanup();
+    });
+  }
+}
+function useMemo(fn) {
+  return (0, import_signal.createMemo)(fn);
+}
+function useRef(initialValue) {
+  const ref = { current: initialValue };
+  (0, import_signal.onCleanup)(() => {
+    ref.current = null;
+  });
+  return ref;
+}
+function useReducer(reducer, initialState) {
+  const [state, setState] = (0, import_signal.createSignal)(initialState);
+  const dispatch = (action) => {
+    setState(reducer(state(), action));
+  };
+  return [state, dispatch];
+}
+function useEventListener(target, event, handler, options) {
+  useEffect(() => {
+    const element = target && "current" in target ? target.current : target;
+    if (!element) return;
+    element.addEventListener(event, handler, options);
+    return () => {
+      element.removeEventListener(event, handler, options);
+    };
+  });
+}
+function useCallback(callback) {
+  return callback;
+}
+function isDev() {
+  return DEV;
+}
+function devOnly(fn) {
+  if (DEV) {
+    fn();
+  }
+}
+
+// src/lib/render/suspense.ts
+var import_signal2 = require("@fluixi/reactive/signal");
+var import_dom5 = require("@fluixi/dom");
+function isPromise(value) {
+  return !!(value && typeof value === "object" && typeof value.then === "function" || value instanceof Promise);
+}
+var SuspenseListContext = (0, import_signal2.createContext)(void 0, "suspense-list");
+function Suspense(props) {
+  return (0, import_dom5.createComponent)(SuspenseImpl, props);
+}
+function SuspenseImpl(props) {
+  const boundary = (0, import_signal2.createSuspenseBoundary)();
+  const listCtx = (0, import_signal2.useContext)(SuspenseListContext);
+  const listState = listCtx ? listCtx.register(boundary.inFallback) : void 0;
+  function instantiateOnce(val) {
+    if (val == null || typeof val === "boolean") return null;
+    if (typeof val === "function" && (0, import_dom5.isComponent)(val) && !(0, import_signal2.isSignal)(val)) return val();
+    return val;
+  }
+  const fallback = (0, import_dom5.runWithoutHydration)(() => instantiateOnce(props.fallback ?? null));
+  const children = (0, import_signal2.provideSuspense)(boundary, () => (0, import_signal2.readChildren)(() => props.children));
+  const track = (value, depth) => {
+    if (depth > 8) return;
+    if (Array.isArray(value)) {
+      for (const x of value) track(x, depth + 1);
+    } else if (typeof value === "function" && (0, import_signal2.isSignal)(value)) {
+      track(value(), depth + 1);
+    }
+  };
+  (0, import_signal2.provideSuspense)(boundary, () => {
+    (0, import_signal2.createRenderEffect)(() => track(children, 0));
+  });
+  const [resolved, setResolved] = (0, import_signal2.createSignal)(void 0);
+  const childIsPromise = isPromise(children);
+  if (childIsPromise) {
+    boundary.increment();
+    children.then(
+      (v) => {
+        setResolved(() => v);
+        boundary.decrement();
+      },
+      () => boundary.decrement()
+    );
+  }
+  return (0, import_signal2.createMemo)(() => {
+    const showFallback = listState ? listState.showFallback() : boundary.inFallback();
+    if (showFallback) return fallback;
+    if (childIsPromise) return resolved();
+    return children;
+  });
+}
+(0, import_dom5.asSuspense)(Suspense);
+Object.defineProperty(Suspense, "__suspense", { value: true, enumerable: true });
+
+// src/lib/render/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 [resource] = (0, import_signal3.createResource)(() => load(), { transport: false });
+      component = resource;
+      if (resource.error) throw resource.error;
+    }
+    return (0, import_signal3.createMemo)(() => {
+      const C = component();
+      return C ? fromChunk((0, import_dom6.createComponent)(C, props)) : void 0;
+    });
+  });
+  LazyWrapper.preload = () => load().then(() => void 0);
+  LazyWrapper.$lazy = true;
+  LazyWrapper.loader = loader;
+  return LazyWrapper;
+}
+
+// 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");
+
+// src/lib/render/await.ts
+var import_signal5 = require("@fluixi/reactive/signal");
+
+// src/lib/render/index.ts
+function render(code, container, options = {}) {
+  (0, import_dom9.delegateEvents)(["click", "input", "change", "submit"]);
+  if ((0, import_dom8.isServer)()) {
+    throw new Error(
+      "render() is for client-side only. Use renderToString() on server."
+    );
+  }
+  if (!container) {
+    throw new Error("Container element is required");
+  }
+  let disposer;
+  (0, import_signal6.createRoot)((dispose) => {
+    disposer = dispose;
+    const result = typeof code === "function" ? code() : code;
+    container.textContent = "";
+    (0, import_dom2.stampVersions)(container);
+    (0, import_dom2.warnOnVersionSkew)();
+    (0, import_dom9.insert)(container, () => result);
+  });
+  return () => {
+    if (disposer) {
+      disposer();
+      disposer = void 0;
+    }
+  };
+}
+function isLitTemplateResult(value) {
+  return value && typeof value === "object" && (value["_$litType$"] !== void 0 || value["_$litDirective$"] !== void 0);
+}
+function portal(code, target, options = {}) {
+  const container = document.createElement("div");
+  container.setAttribute("data-portal", "true");
+  target.appendChild(container);
+  const dispose = render(code, container, options);
+  return () => {
+    dispose();
+    if (target.contains(container)) {
+      target.removeChild(container);
+    }
+  };
+}
+function isRenderable(value) {
+  if (value == null) return true;
+  if (typeof value === "function") return true;
+  if ((0, import_dom9.isDOMNode)(value)) return true;
+  if (isLitTemplateResult(value)) return true;
+  if (Array.isArray(value)) return true;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+    return true;
+  }
+  return false;
+}
+function initDelegation() {
+  if ((0, import_dom8.isServer)()) return;
+  (0, import_dom9.delegateEvents)(["click", "input", "change", "submit"]);
+}
+function cleanupDelegation() {
+  if ((0, import_dom8.isServer)()) return;
+}
+
+// src/lib/context/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 };
+}
+
+// src/lib/index.ts
+var import_dom13 = require("@fluixi/dom");
+
+// src/lib/control-flow.ts
+var import_dom12 = require("@fluixi/dom");
+
+// src/lib/index.ts
+var import_dom14 = require("@fluixi/dom");
+
+// src/lib/jsx-runtime/index.ts
+var jsx_runtime_exports = {};
+__reExport(jsx_runtime_exports, require("@fluixi/jsx/jsx-runtime"));
+
+// src/lib/index.ts
+var import_signal12 = require("@fluixi/reactive/signal");
+var VERSION2 = "0.0.1";
+var FRAMEWORK_NAME = "Fluixi";
+function getFrameworkInfo() {
+  return {
+    name: FRAMEWORK_NAME,
+    version: VERSION2,
+    features: {
+      ssr: true,
+      hydration: true,
+      jsx: true,
+      litHtml: true,
+      signals: true,
+      fineGrained: true,
+      lazy: true,
+      hooks: true,
+      devMode: true
+    }
+  };
+}
+var index_default = {
+  // Core
+  createSignal: import_signal12.createSignal,
+  createEffect: import_signal12.createEffect,
+  createMemo: import_signal12.createMemo,
+  createRoot: import_signal12.createRoot,
+  batch: import_signal12.batch,
+  untrack: import_signal12.untrack,
+  onCleanup: import_signal12.onCleanup,
+  // Context (from component for proper support)
+  createContext: createContext3,
+  useContext: useContext3,
+  // Components
+  createComponent,
+  onMount,
+  onUnmount,
+  // lazy: _lazy,
+  // Hooks
+  useEffect,
+  useMemo,
+  useRef,
+  useReducer,
+  useEventListener,
+  useCallback,
+  // Rendering
+  render,
+  // portal: _portal,
+  // Metadata
+  VERSION: VERSION2,
+  FRAMEWORK_NAME,
+  getFrameworkInfo
+};

package/dist/src/lib/index.d.ts

@@ -1,7 +1,5 @@
 /**
- * @fileoverview Fluixi - Solid-Compatible Fine-Grained UI Framework
  * @module fluixi
- * @version 0.0.1
  *
  * A fine-grained reactive framework following SolidJS principles:
  * - Components execute once

package/dist/src/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"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"}