@fluixi/core 1.0.0-alpha.53

package/dist/src/lib/context/context.js

@@ -0,0 +1,462 @@
+// /**
+//  * @fileoverview Context API for Fluixi that wraps @fluixi/reactive context for Lit templates
+//  * @module @fluixi/core/context/context
+//  */
+import { asProvider } from '@fluixi/dom';
+import { createContext as createReactiveContext, useContext as useReactiveContext } from '@fluixi/reactive/signal';
+import { readChildren, } from '@fluixi/reactive/signal';
+import { ensureIntegration } from '../render/component.js';
+ensureIntegration('index');
+/**
+ * Provider component that supplies a context value to its descendants
+ *
+ * This wraps @fluixi/reactive's Provider for use with Lit templates.
+ *
+ * @template T - Type of the context value
+ * @param {ContextProvider<T>} props - Component props
+ * @returns {TemplateResult} Rendered children with context
+ *
+ * @example
+ * ```typescript
+ * import { createContext, Provider } from '@fluixi/core/context';
+ * import { createSignal } from '@fluixi/reactive';
+ * import { html } from 'lit';
+ *
+ * const ThemeContext = createContext({ primaryColor: '#007bff' });
+ *
+ * class App extends FluixiElement {
+ *   private [theme, setTheme] = createSignal({ primaryColor: '#28a745' });
+ *
+ *   view() {
+ *     return html`
+ *       ${Provider({
+ *         context: ThemeContext,
+ *         value: this.theme(),
+ *         children: html`
+ *           <div>
+ *             <themed-button></themed-button>
+ *             <themed-text></themed-text>
+ *           </div>
+ *         `
+ *       })}
+ *     `;
+ *   }
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Nested providers
+ * const UserContext = createContext<User | null>(null);
+ * const PermissionsContext = createContext<string[]>([]);
+ *
+ * class App extends FluixiElement {
+ *   private [user, setUser] = createSignal<User | null>(null);
+ *   private [permissions, setPermissions] = createSignal<string[]>(['read']);
+ *
+ *   view() {
+ *     return html`
+ *       ${Provider({
+ *         context: UserContext,
+ *         value: this.user(),
+ *         children: Provider({
+ *           context: PermissionsContext,
+ *           value: this.permissions(),
+ *           children: html`<app-dashboard></app-dashboard>`
+ *         })
+ *       })}
+ *     `;
+ *   }
+ * }
+ * ```
+ */
+let _warnedEagerProvider = false;
+function warnEagerProvider() {
+    if (_warnedEagerProvider)
+        return;
+    _warnedEagerProvider = true;
+    if (typeof process !== 'undefined' && process.env?.NODE_ENV === 'production')
+        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>');
+}
+export function createProvider(a, value, childProps) {
+    // Distinguish the two overloads: a Context (from createContext) exposes `.Provider`,
+    // whereas the deprecated form's first arg is the props object (which has `.context`).
+    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();
+    // Resolve value if it's an accessor
+    const resolvedValue = typeof rawValue === 'function' ? rawValue() : rawValue;
+    // Always read children through a getter so they render INSIDE the stamped scope.
+    // For the lazy form `childProps.children` is still a getter here (untouched); for
+    // the eager form the caller already materialised it, so this can only mitigate,
+    // not fully fix — hence the deprecation warning above.
+    const sourceProps = isLazyForm ? childProps : a;
+    return context.Provider({
+        value: resolvedValue,
+        get children() { return sourceProps?.children; },
+        debug,
+    });
+    // // Wrap children in the reactive provider
+    // return html`${ReactiveProvider({
+    //   value: resolvedValue,
+    //   children: resolveChildren(children),
+    //   //<!--Array.isArray(children) ? html`${children}` : children,-->
+    // } as any)}`;
+}
+/**
+ * Creates a context with a provider component
+ *
+ * Returns both the context and a convenience component that combines
+ * context creation with the provider.
+ *
+ * @template T - Type of the context value
+ * @param {T} defaultValue - Default value for the context
+ * @returns {[Context<T>, (props: { value: T | Accessor<T>; children: TemplateResult | TemplateResult[] }) => TemplateResult]} Context and provider component
+ *
+ * @example
+ * ```typescript
+ * import { createContextWithProvider } from '@fluixi/core/context';
+ * import { createSignal } from '@fluixi/reactive';
+ * import { html } from 'lit';
+ *
+ * const [ThemeContext, ThemeProvider] = createContextWithProvider({
+ *   primaryColor: '#007bff'
+ * });
+ *
+ * class App extends FluixiElement {
+ *   private [theme] = createSignal({ primaryColor: '#28a745' });
+ *
+ *   view() {
+ *     return html`
+ *       ${ThemeProvider({
+ *         value: this.theme(),
+ *         children: html`<div><themed-button></themed-button></div>`
+ *       })}
+ *     `;
+ *   }
+ * }
+ *
+ * class ThemedButton extends FluixiElement {
+ *   view() {
+ *     const theme = useContext(ThemeContext);
+ *     return html`<button style="color: ${theme.primaryColor}">Click</button>`;
+ *   }
+ * }
+ * ```
+ */
+export function createContextWithProvider(defaultValue) {
+    const context = createContext(defaultValue);
+    const provider = (props) => {
+        // Lazy-safe form so children (which may contain an <Outlet/>) render inside
+        // the stamped scope.
+        return createProvider(context, props.value, props);
+    };
+    return [context, provider];
+}
+/**
+ * Creates multiple context providers in a nested structure
+ *
+ * Utility function to avoid deeply nested Provider components.
+ *
+ * @param {Array<[Context<any>, any]>} contexts - Array of [context, value] tuples
+ * @param {TemplateResult | TemplateResult[]} children - Children to render
+ * @returns {TemplateResult} Nested providers with children
+ *
+ * @example
+ * ```typescript
+ * import { composeProviders, createContext } from '@fluixi/core/context';
+ * import { createSignal } from '@fluixi/reactive';
+ * import { html } from 'lit';
+ *
+ * const ThemeContext = createContext({ dark: false });
+ * const UserContext = createContext<User | null>(null);
+ * const LocaleContext = createContext('en');
+ *
+ * class App extends FluixiElement {
+ *   private [theme] = createSignal({ dark: true });
+ *   private [user] = createSignal<User | null>({ id: 1, name: 'Alice' });
+ *   private [locale] = createSignal('fr');
+ *
+ *   view() {
+ *     return composeProviders(
+ *       [
+ *         [ThemeContext, this.theme()],
+ *         [UserContext, this.user()],
+ *         [LocaleContext, this.locale()]
+ *       ],
+ *       html`<app-dashboard></app-dashboard>`
+ *     );
+ *   }
+ * }
+ * ```
+ */
+export function composeProviders(contexts, children) {
+    if (contexts.length === 0) {
+        return readChildren(() => children);
+    }
+    const [context, value] = contexts[0];
+    const remaining = contexts.slice(1);
+    // Lazy-safe form: defer the nested children behind a getter so each provider
+    // stamps its context before the inner providers/children render.
+    return createProvider(context, value, {
+        get children() { return composeProviders(remaining, children); },
+    });
+}
+/**
+ * Creates a context consumer component
+ *
+ * Alternative to useContext hook, useful for rendering props patterns.
+ *
+ * @template T - Type of the context value
+ * @param {Context<T>} context - Context to consume
+ * @returns {(props: { children: (value: T) => TemplateResult }) => TemplateResult} Consumer component
+ *
+ * @example
+ * ```typescript
+ * import { createContext, createConsumer } from '@fluixi/core/context';
+ * import { html } from 'lit';
+ *
+ * const ThemeContext = createContext({ primaryColor: '#007bff' });
+ * const ThemeConsumer = createConsumer(ThemeContext);
+ *
+ * class MyComponent extends FluixiElement {
+ *   view() {
+ *     return html`
+ *       ${ThemeConsumer({
+ *         children: (theme) => html`
+ *           <div style="color: ${theme.primaryColor}">
+ *             Themed content
+ *           </div>
+ *         `
+ *       })}
+ *     `;
+ *   }
+ * }
+ * ```
+ */
+export function createConsumer(context) {
+    return (props) => {
+        const value = useContext(context);
+        return props.children(value);
+    };
+}
+/**
+ * Hook to provide and consume a context in one component
+ *
+ * Useful for creating context-based stores or services.
+ *
+ * @template T - Type of the context value
+ * @param {Context<T>} context - Context to use
+ * @param {() => T} factory - Factory function to create the context value
+ * @returns {T} Context value
+ *
+ * @example
+ * ```typescript
+ * import { createContext, useProvide, Provider } from '@fluixi/core/context';
+ * import { createSignal } from '@fluixi/reactive';
+ * import { html } from 'lit';
+ *
+ * interface Counter {
+ *   count: number;
+ *   increment: () => void;
+ * }
+ *
+ * const CounterContext = createContext<Counter>({
+ *   count: 0,
+ *   increment: () => {}
+ * });
+ *
+ * class CounterProvider extends FluixiElement {
+ *   view() {
+ *     const counter = useProvide(CounterContext, () => {
+ *       const [count, setCount] = createSignal(0);
+ *       return {
+ *         count: count(),
+ *         increment: () => setCount(count() + 1)
+ *       };
+ *     });
+ *
+ *     return html`
+ *       ${Provider({
+ *         context: CounterContext,
+ *         value: counter,
+ *         children: html`<slot></slot>`
+ *       })}
+ *     `;
+ *   }
+ * }
+ * ```
+ */
+export function useProvide(context, factory) {
+    // Check if already provided
+    const existing = useContext(context);
+    // If we got the default value, create new instance
+    if (existing === context.defaultValue) {
+        return factory();
+    }
+    return existing;
+}
+/**
+ * Creates a scoped context that only exists within a specific component tree
+ *
+ * @template T - Type of the context value
+ * @param {T} defaultValue - Default value for the context
+ * @returns {Context<T>} Scoped context object
+ *
+ * @example
+ * ```typescript
+ * import { createContext } from '@fluixi/core/context';
+ *
+ * // This context won't leak to parent or sibling components
+ * const LocalContext = createContext({ data: 'local' });
+ * ```
+ */
+// export function createContext<T>(defaultValue: T): Context<T> {
+//   // Create a unique symbol-based context for scoping
+//   return createContext(defaultValue);
+// }
+//
+//
+// ============================================================================
+// CONTEXT HELPERS
+// ============================================================================
+/**
+ * Create a context for sharing state across component tree
+ *
+ * Section 9: Context is lookup-based, works on server and client
+ * Supports nested contexts and complex values
+ *
+ * @template T - Context value type
+ * @param {T} defaultValue - Default value
+ * @returns {Context<T>} Context object with Provider
+ *
+ * @example
+ * ```typescript
+ * // Simple context
+ * const ThemeContext = createContext('light');
+ *
+ * // Complex context with object
+ * const AppContext = createContext({
+ *   theme: 'light',
+ *   toggleTheme: () => {}
+ * });
+ *
+ * // Usage in JSX
+ * <ThemeContext.Provider value="dark">
+ *   <Child />
+ * </ThemeContext.Provider>
+ *
+ * // Usage in Lit-html
+ * html`
+ *   <${ThemeContext.Provider} value=${{ theme: 'dark', toggleTheme }}>
+ *     <${Child} />
+ *   </${ThemeContext.Provider}>
+ * `
+ * ```
+ */
+/**
+ * Creates a scoped context that only exists within a specific component tree
+ *
+ * @template T - Type of the context value
+ * @param {T} defaultValue - Default value for the context
+ * @returns {Context<T>} Scoped context object
+ *
+ * @example
+ * ```typescript
+ * import { createContext } from '@fluixi/core';
+ *
+ * // This context won't leak to parent or sibling components
+ * const LocalContext = createContext({ data: 'local' });
+ * ```
+ * @example
+ * ```typescript
+ * // Simple context
+ * const ThemeContext = createContext('light');
+ *
+ * // Complex context with object
+ * const AppContext = createContext({
+ *   theme: 'light',
+ *   toggleTheme: () => {}
+ * });
+ *
+ * // Usage in JSX
+ * <ThemeContext.Provider value="dark">
+ *   <Child />
+ * </ThemeContext.Provider>
+ *
+ * // Usage in Lit-html
+ * html`
+ *   <${ThemeContext.Provider} value=${{ theme: 'dark', toggleTheme }}>
+ *     <${Child} />
+ *   </${ThemeContext.Provider}>
+ * `
+ * ```
+ */
+export function createContext(defaultValue) {
+    const context = createReactiveContext(defaultValue);
+    // Wrap Provider to work with both JSX and Lit-html
+    const Provider = (props) => {
+        if (props.debug === true) {
+        }
+        // Pass children LAZILY (a getter). The reactive Provider reads children inside
+        // its render effect, AFTER stamping the context on the owner. Reading
+        // props.children here (e.g. `children: props.children`) evaluates the imperative
+        // `get children()` getter eagerly, so the children — and any <Outlet/> in them —
+        // render before the context is available.
+        return context.Provider({
+            value: props.value,
+            get children() {
+                return props.children;
+            },
+            debug: props.debug,
+        });
+    };
+    // For JSX: Provider.$$typeof support
+    if (typeof Symbol !== 'undefined' && Symbol.for) {
+        Provider.$$typeof = Symbol.for('react.provider');
+    }
+    Provider.$$typeof = Symbol.for('react.provider');
+    return {
+        id: context.id,
+        Provider: asProvider(Provider),
+        defaultValue: defaultValue,
+    };
+}
+/**
+ * Use context value from nearest Provider
+ *
+ * Section 9: Lookup-based, no subscriptions on server
+ *
+ * @template T - Context value type
+ * @param {Context} context - Context to use
+ * @returns {T} Context value
+ *
+ * @example
+ * ```typescript
+ * const Child = () => {
+ *   const theme = useContext(ThemeContext);
+ *   const { theme: currentTheme, toggleTheme } = useContext(AppContext);
+ *
+ *   return html`
+ *     <div>
+ *       <p>Theme: ${currentTheme}</p>
+ *       <button @click=${toggleTheme}>Toggle</button>
+ *     </div>
+ *   `;
+ * };
+ * ```
+ */
+export function useContext(context) {
+    // Use reactive context lookup — walks up Owner chain
+    const value = useReactiveContext(context);
+    return value !== undefined ? value : context.defaultValue;
+}

package/dist/src/lib/context/context.mjs

@@ -0,0 +1 @@
+import{asProvider as m}from"@fluixi/dom";import{createContext as h,useContext as g}from"@fluixi/reactive/signal";import{readChildren as b}from"@fluixi/reactive/signal";import{registerCreateComponent as p,asComponent as v}from"@fluixi/dom";import{untrack as x,onCleanup as L,getOwner as A,createEffect as k,createMemo as U,createSignal as V,isSignal as y,batch as j,runWithOwner as _}from"@fluixi/reactive/signal";function c(e){p(T)}function T(e,n){return C(e,n)}function C(e,n){let t=typeof e=="function"?x(()=>e(n)):e;if(t!=null&&(typeof t=="function"||typeof t=="object")&&!y(t)){try{t.$name=e.name}catch{}return v(t)}return t}c("index");var a=!1;function P(){a||(a=!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 s(e,n,t){let o=!!e?.Provider,r=o?e:e.context,i=o?n:e.value,d=o?!1:e.debug??!1;o||P();let l=typeof i=="function"?i():i,f=o?t:e;return r.Provider({value:l,get children(){return f?.children},debug:d})}function H(e){let n=S(e);return[n,o=>s(n,o.value,o)]}function E(e,n){if(e.length===0)return b(()=>n);let[t,o]=e[0],r=e.slice(1);return s(t,o,{get children(){return E(r,n)}})}function Q(e){return n=>{let t=u(e);return n.children(t)}}function Z(e,n){let t=u(e);return t===e.defaultValue?n():t}function S(e){let n=h(e),t=o=>(o.debug,n.Provider({value:o.value,get children(){return o.children},debug:o.debug}));return typeof Symbol<"u"&&Symbol.for&&(t.$$typeof=Symbol.for("react.provider")),t.$$typeof=Symbol.for("react.provider"),{id:n.id,Provider:m(t),defaultValue:e}}function u(e){let n=g(e);return n!==void 0?n:e.defaultValue}export{E as composeProviders,Q as createConsumer,S as createContext,H as createContextWithProvider,s as createProvider,u as useContext,Z as useProvide};

package/dist/src/lib/context/index.cjs

@@ -0,0 +1 @@
+"use strict";var l=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var w=(e,n)=>{for(var t in n)l(e,t,{get:n[t],enumerable:!0})},R=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of S(n))!O.call(e,i)&&i!==t&&l(e,i,{get:()=>n[i],enumerable:!(o=E(n,i))||o.enumerable});return e};var L=e=>R(l({},"__esModule",{value:!0}),e);var V={};w(V,{composeProviders:()=>f,createConsumer:()=>m,createContext:()=>p,createContextWithProvider:()=>T,createProvider:()=>s,useContext:()=>u,useProvide:()=>h});module.exports=L(V);var y=require("@fluixi/dom"),a=require("@fluixi/reactive/signal"),C=require("@fluixi/reactive/signal");var c=require("@fluixi/dom"),r=require("@fluixi/reactive/signal");function v(e){(0,c.registerCreateComponent)(A)}function A(e,n){return k(e,n)}function k(e,n){let t=typeof e=="function"?(0,r.untrack)(()=>e(n)):e;if(t!=null&&(typeof t=="function"||typeof t=="object")&&!(0,r.isSignal)(t)){try{t.$name=e.name}catch{}return(0,c.asComponent)(t)}return t}v("index");var x=!1;function U(){x||(x=!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 s(e,n,t){let o=!!e?.Provider,i=o?e:e.context,d=o?n:e.value,g=o?!1:e.debug??!1;o||U();let P=typeof d=="function"?d():d,b=o?t:e;return i.Provider({value:P,get children(){return b?.children},debug:g})}function T(e){let n=p(e);return[n,o=>s(n,o.value,o)]}function f(e,n){if(e.length===0)return(0,C.readChildren)(()=>n);let[t,o]=e[0],i=e.slice(1);return s(t,o,{get children(){return f(i,n)}})}function m(e){return n=>{let t=u(e);return n.children(t)}}function h(e,n){let t=u(e);return t===e.defaultValue?n():t}function p(e){let n=(0,a.createContext)(e),t=o=>(o.debug,n.Provider({value:o.value,get children(){return o.children},debug:o.debug}));return typeof Symbol<"u"&&Symbol.for&&(t.$$typeof=Symbol.for("react.provider")),t.$$typeof=Symbol.for("react.provider"),{id:n.id,Provider:(0,y.asProvider)(t),defaultValue:e}}function u(e){let n=(0,a.useContext)(e);return n!==void 0?n:e.defaultValue}

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

@@ -0,0 +1,3 @@
+export { createContext, useContext, createProvider, createConsumer, createContextWithProvider, composeProviders, useProvide, } from './context.js';
+export type { Context, ProviderProps } from './context.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/context/index.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,cAAc,EACd,yBAAyB,EACzB,gBAAgB,EAChB,UAAU,GACX,MAAM,cAAc,CAAC;AAEtB,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/src/lib/context/index.js

@@ -0,0 +1,5 @@
+// /**
+//  * @fileoverview Context API exports for Fluixi framework
+//  * @module @fluixi/core/context
+//  */
+export { createContext, useContext, createProvider, createConsumer, createContextWithProvider, composeProviders, useProvide, } from './context.js';

package/dist/src/lib/context/index.mjs

@@ -0,0 +1 @@
+import{asProvider as g}from"@fluixi/dom";import{createContext as P,useContext as b}from"@fluixi/reactive/signal";import{readChildren as E}from"@fluixi/reactive/signal";import{registerCreateComponent as x,asComponent as y}from"@fluixi/dom";import{untrack as C,onCleanup as U,getOwner as V,createEffect as j,createMemo as M,createSignal as _,isSignal as T,batch as D,runWithOwner as $}from"@fluixi/reactive/signal";function s(e){x(m)}function m(e,n){return h(e,n)}function h(e,n){let t=typeof e=="function"?C(()=>e(n)):e;if(t!=null&&(typeof t=="function"||typeof t=="object")&&!T(t)){try{t.$name=e.name}catch{}return y(t)}return t}s("index");var u=!1;function S(){u||(u=!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 c(e,n,t){let o=!!e?.Provider,r=o?e:e.context,i=o?n:e.value,f=o?!1:e.debug??!1;o||S();let p=typeof i=="function"?i():i,v=o?t:e;return r.Provider({value:p,get children(){return v?.children},debug:f})}function O(e){let n=l(e);return[n,o=>c(n,o.value,o)]}function d(e,n){if(e.length===0)return E(()=>n);let[t,o]=e[0],r=e.slice(1);return c(t,o,{get children(){return d(r,n)}})}function w(e){return n=>{let t=a(e);return n.children(t)}}function R(e,n){let t=a(e);return t===e.defaultValue?n():t}function l(e){let n=P(e),t=o=>(o.debug,n.Provider({value:o.value,get children(){return o.children},debug:o.debug}));return typeof Symbol<"u"&&Symbol.for&&(t.$$typeof=Symbol.for("react.provider")),t.$$typeof=Symbol.for("react.provider"),{id:n.id,Provider:g(t),defaultValue:e}}function a(e){let n=b(e);return n!==void 0?n:e.defaultValue}export{d as composeProviders,w as createConsumer,l as createContext,O as createContextWithProvider,c as createProvider,a as useContext,R as useProvide};

package/dist/src/lib/control-flow.cjs

@@ -0,0 +1 @@
+"use strict";var y=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var n=(p,r)=>{for(var t in r)y(p,t,{get:r[t],enumerable:!0})},S=(p,r,t,P)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of a(r))!h.call(p,e)&&e!==t&&y(p,e,{get:()=>r[e],enumerable:!(P=s(r,e))||P.enumerable});return p};var c=p=>S(y({},"__esModule",{value:!0}),p);var d={};n(d,{Dynamic:()=>o.Dynamic,ErrorBoundary:()=>o.ErrorBoundary,For:()=>o.For,Index:()=>o.Index,Match:()=>o.Match,Portal:()=>o.Portal,Show:()=>o.Show,Switch:()=>o.Switch});module.exports=c(d);var o=require("@fluixi/dom");

package/dist/src/lib/control-flow.d.ts

@@ -0,0 +1,4 @@
+import { type ShowProps as _ShowProps } from '@fluixi/dom';
+export type ShowProps<T> = _ShowProps<T, JSX.Element>;
+export { Show, For, Index, Switch, Match, Dynamic, ErrorBoundary, Portal, type ForProps, type ForPropsKeyed, type ForPropsUnkeyed, type IndexProps, type SwitchProps, type MatchProps, type MatchNode, type DynamicProps, type ErrorBoundaryProps, type PortalProps, } from '@fluixi/dom';
+//# sourceMappingURL=control-flow.d.ts.map

package/dist/src/lib/control-flow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-flow.d.ts","sourceRoot":"","sources":["../../../src/lib/control-flow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AAC3D,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;AACtD,OAAO,EACL,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,WAAW,GACjB,MAAM,aAAa,CAAC"}

package/dist/src/lib/control-flow.js

@@ -0,0 +1 @@
+export { Show, For, Index, Switch, Match, Dynamic, ErrorBoundary, Portal, } from '@fluixi/dom';

package/dist/src/lib/control-flow.mjs

@@ -0,0 +1 @@
+import{Show as p,For as e,Index as t,Switch as y,Match as P,Dynamic as s,ErrorBoundary as a,Portal as h}from"@fluixi/dom";export{s as Dynamic,a as ErrorBoundary,e as For,t as Index,P as Match,h as Portal,p as Show,y as Switch};

package/dist/src/lib/core.cjs

@@ -0,0 +1 @@
+"use strict";var Be=Object.create;var z=Object.defineProperty;var qe=Object.getOwnPropertyDescriptor;var Xe=Object.getOwnPropertyNames;var Ye=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var Qe=(e,t)=>{for(var n in t)z(e,n,{get:t[n],enumerable:!0})},U=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Xe(t))!Ge.call(e,o)&&o!==n&&z(e,o,{get:()=>t[o],enumerable:!(r=qe(t,o))||r.enumerable});return e},m=(e,t,n)=>(U(e,t,"default"),n&&U(n,t,"default")),Ze=(e,t,n)=>(n=e!=null?Be(Ye(e)):{},U(t||!e||!e.__esModule?z(n,"default",{value:e,enumerable:!0}):n,e)),et=e=>U(z({},"__esModule",{value:!0}),e);var y={};Qe(y,{$component:()=>J,Dynamic:()=>C.Dynamic,ErrorBoundary:()=>C.ErrorBoundary,FRAMEWORK_NAME:()=>We,For:()=>C.For,Index:()=>C.Index,Island:()=>b.Island,Link:()=>ee,Match:()=>C.Match,Portal:()=>C.Portal,Router:()=>Q,Show:()=>C.Show,Store:()=>A.Store,Suspense:()=>j,SuspenseList:()=>le,Switch:()=>C.Switch,VERSION:()=>ze,addClass:()=>s.addClass,appendChildren:()=>s.appendChildren,batch:()=>a.batch,classMap:()=>b.classMap,cleanupDelegation:()=>Ee,clientOnly:()=>Ve,closest:()=>s.closest,composeProviders:()=>ye,createComponent:()=>D,createComputed:()=>a.createComputed,createConsumer:()=>Fe,createContext:()=>k,createContextWithProvider:()=>Ie,createDebounce:()=>K.createDebounce,createDeferred:()=>a.createDeferred,createEffect:()=>a.createEffect,createIsomorphicState:()=>me,createIsomorphicStore:()=>$e,createMemo:()=>a.createMemo,createMemoryStorage:()=>xe,createProvider:()=>Y,createRenderEffect:()=>a.createRenderEffect,createResource:()=>a.createResource,createRoot:()=>a.createRoot,createSelector:()=>K.createSelector,createSignal:()=>a.createSignal,createStore:()=>A.createStore,createTheme:()=>Ke,default:()=>Pt,delegate:()=>s.delegate,domCreateElement:()=>s.createElement,env:()=>V,getAttribute:()=>s.getAttribute,getOffset:()=>s.getOffset,getOwner:()=>a.getOwner,getStyle:()=>s.getStyle,hasClass:()=>s.hasClass,hydrateIslands:()=>b.hydrateIslands,initDelegation:()=>ke,isClient:()=>he,isJSXElement:()=>de,isLitResult:()=>ue,isNode:()=>ce,isRenderable:()=>Oe,isServer:()=>ge,isVisible:()=>s.isVisible,lazy:()=>q,mergeProps:()=>b.mergeProps,observeIntersection:()=>s.observeIntersection,observeResize:()=>s.observeResize,onCleanup:()=>a.onCleanup,onMount:()=>N,onUnmount:()=>_,portal:()=>Ae,query:()=>s.query,queryAll:()=>s.queryAll,read:()=>F.readSignal,reduce:()=>F.reduceSignal,removeAttribute:()=>s.removeAttribute,removeChildren:()=>s.removeChildren,removeClass:()=>s.removeClass,render:()=>pe,runWithOwner:()=>a.runWithOwner,scrollIntoView:()=>s.scrollIntoView,setAttribute:()=>s.setAttribute,setOwner:()=>a.setOwner,setStyles:()=>s.setStyles,splitProps:()=>b.splitProps,storage:()=>$,styleMap:()=>b.styleMap,toggleClass:()=>s.toggleClass,untrack:()=>a.untrack,untrackStore:()=>A.untrackStore,unwrap:()=>A.unwrap,useCallback:()=>ae,useContext:()=>E,useEffect:()=>B,useEventListener:()=>ie,useLocation:()=>Ue,useMemo:()=>re,useNavigate:()=>Z,useParams:()=>He,useProvide:()=>Ne,useReducer:()=>se,useRef:()=>oe,useRouter:()=>L,waitForElement:()=>s.waitForElement});module.exports=et(y);var a=require("@fluixi/reactive/signal"),K=require("@fluixi/reactive/signal"),F=require("@fluixi/reactive/operators");var Re=require("@fluixi/reactive/signal"),P=require("@fluixi/dom");var W=require("@fluixi/dom"),d=require("@fluixi/reactive/signal");var ne=Symbol.for("fluixi-lifecycle");function be(){let e=(0,d.getOwner)();if(!e)return null;if(!e[ne]){let t={mounts:[],effects:[],scheduled:!1};e[ne]=t}return e[ne]}function Se(e){if(e.scheduled)return;e.scheduled=!0;let t=(0,d.getOwner)();queueMicrotask(()=>{(0,d.runWithOwner)(t,()=>{for(let n of e.mounts)try{let r=n();typeof r=="function"&&(0,d.onCleanup)(r)}catch(r){console.error("Error in onMount callback:",r)}for(let n of e.effects){let r;(0,d.createEffect)(()=>{r&&r(),r=n()}),(0,d.onCleanup)(()=>{r&&r()})}e.mounts=[],e.effects=[]})})}function M(e){(0,W.registerCreateComponent)(D)}function D(e,t){return J(e,t)}function J(e,t){let n=typeof e=="function"?(0,d.untrack)(()=>e(t)):e;if(n!=null&&(typeof n=="function"||typeof n=="object")&&!(0,d.isSignal)(n)){try{n.$name=e.name}catch{}return(0,W.asComponent)(n)}return n}function N(e,t=!0){let n=be();if(n){if(!t){n.scheduled||e();return}n.mounts.push(e),Se(n)}else{if(!t){e();return}(0,d.createEffect)(()=>{let r=(0,d.untrack)(e);typeof r=="function"&&(0,d.onCleanup)(r)})}}function _(e){(0,d.onCleanup)(e)}function B(e){let t=be();if(t)t.effects.push(e),Se(t);else{let n;(0,d.createEffect)(()=>{n&&n(),n=e()}),(0,d.onCleanup)(()=>{n&&n()})}}function re(e){return(0,d.createMemo)(e)}function oe(e){let t={current:e};return(0,d.onCleanup)(()=>{t.current=null}),t}function se(e,t){let[n,r]=(0,d.createSignal)(t);return[n,c=>{r(e(n(),c))}]}function ie(e,t,n,r){B(()=>{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 g=require("@fluixi/reactive/signal"),S=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 Pe(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 we=(0,g.createContext)();function j(e){return(0,S.createComponent)(tt,e)}function tt(e){let t=(0,g.createSuspenseBoundary)(),n=(0,g.useContext)(we),r=n?n.register(t.inFallback):void 0;function o(f){return f==null||typeof f=="boolean"?null:typeof f=="function"&&(0,S.isComponent)(f)&&!(0,g.isSignal)(f)?f():f}let c=(0,S.runWithoutHydration)(()=>o(e.fallback??null)),i=(0,g.provideSuspense)(t,()=>e.children);(0,g.provideSuspense)(t,()=>{(0,g.createRenderEffect)(()=>{let f=i;if(Array.isArray(f))for(let x of f)typeof x=="function"&&(0,g.isSignal)(x)&&x();else typeof f=="function"&&(0,g.isSignal)(f)&&f()})});let[l,u]=(0,g.createSignal)(void 0),T=Pe(i);return T&&(t.increment(),i.then(f=>{u(()=>f),t.decrement()},()=>t.decrement())),(0,g.createMemo)(()=>(r?r.showFallback():t.inFallback())?c:T?l():i)}function le(e){return(0,S.createComponent)(nt,e)}function nt(e){let{revealOrder:t="together",tail:n}=e,r=[];function o(){if(t==="together"){let i=r.every(l=>!l.inFallback());r.forEach(l=>{l.setShowContent(i),l.setShowFallback(!i)})}else{let i=t==="backwards"?[...r].reverse():r,l=!1;for(let u of i)l||u.inFallback()?(l=!0,u.setShowContent(!1),u.setShowFallback(n!=="hidden")):(u.setShowContent(!0),u.setShowFallback(!1))}}let c={register:i=>{let[l,u]=(0,g.createSignal)(!0),[T,f]=(0,g.createSignal)(!1);return r.push({inFallback:i,setShowContent:u,setShowFallback:f}),(0,g.createEffect)(()=>{i(),o()}),{showContent:l,showFallback:T}}};return we.Provider({value:c,children:e.children})}(0,S.asSuspense)(j);Object.defineProperty(j,"__suspense",{value:!0,enumerable:!0});var O=require("@fluixi/reactive/signal");function q(e,t){let n,r,o;function c(){return r||(r=e().then(l=>n=l.default)),r}t?.preload&&c();let i=(l=>{if(n){let u=n;return(0,O.untrack)(()=>u(l))}if(!o){let[u]=(0,O.createResource)(()=>c());if(o=u,u.error)throw u.error}return(0,O.createMemo)(()=>{let u=o();return u?(0,O.untrack)(()=>u(l)):void 0},void 0,{name:"lazy"})});return i.preload=()=>c().then(()=>{}),i.$lazy=!0,i.loader=e,i}typeof window<"u"&&import("lit").then(e=>(0,P.registerLitRender)(e.render));var fe=typeof window>"u";function pe(e,t,n={}){if(M("render"),(0,P.delegateEvents)(["click","input","change","submit"]),fe)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,Re.createRoot)(o=>{r=o;let c=typeof e=="function"?e():e;t.textContent="",t.setAttribute("fluixi-js","v1"),(0,P.insert)(t,()=>c)}),()=>{r&&(r(),r=void 0)}}function rt(e){return e&&typeof e=="object"&&(e._$litType$!==void 0||e._$litDirective$!==void 0)}function Ae(e,t,n={}){let r=document.createElement("div");r.setAttribute("data-portal","true"),t.appendChild(r);let o=pe(e,r,n);return()=>{o(),t.contains(r)&&t.removeChild(r)}}function Oe(e){return!!(e==null||typeof e=="function"||(0,P.isDOMNode)(e)||rt(e)||Array.isArray(e)||typeof e=="string"||typeof e=="number"||typeof e=="boolean")}function ke(){fe||(0,P.delegateEvents)(["click","input","change","submit"])}function Ee(){}var Me=require("@fluixi/dom"),X=require("@fluixi/reactive/signal"),De=require("@fluixi/reactive/signal");M("index");var Le=!1;function ot(){Le||(Le=!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 Y(e,t,n){let r=!!e?.Provider,o=r?e:e.context,c=r?t:e.value,i=r?!1:e.debug??!1;r||ot();let l=typeof c=="function"?c():c,u=r?n:e;return o.Provider({value:l,get children(){return u?.children},debug:i})}function Ie(e){let t=k(e);return[t,r=>Y(t,r.value,r)]}function ye(e,t){if(e.length===0)return(0,De.readChildren)(()=>t);let[n,r]=e[0],o=e.slice(1);return Y(n,r,{get children(){return ye(o,t)}})}function Fe(e){return t=>{let n=E(e);return t.children(n)}}function Ne(e,t){let n=E(e);return n===e.defaultValue?t():n}function k(e){let t=(0,X.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,Me.asProvider)(n),defaultValue:e}}function E(e){let t=(0,X.useContext)(e);return t!==void 0?t:e.defaultValue}var G=require("@fluixi/reactive/signal"),_e=require("@fluixi/dom"),st="__fluixi_iso_states__",it="__iso:";function at(){return globalThis[st]??=new Map}function je(e){if(typeof window>"u")return;let t=(0,_e.getServerData)();return t?t[it+e]:void 0}function me(e,t){let n=je(e),r=n!==void 0?n:typeof window<"u"&&t.client?t.client():t.fallback,[o,c]=(0,G.createSignal)(r);return at().set(e,{server:t.server,set:c}),{value:o,set:c,key:e}}function $e(e,t){let n=je(e)!==void 0,r=me(e,{server:t.server,fallback:t.fallback}),o=()=>r.value()??t.fallback,c=x=>{if(!(!t.persist||typeof localStorage>"u"))try{localStorage.setItem(t.persist,JSON.stringify(x))}catch{}},i=x=>{r.set(x),c(x)},l=(x,H)=>{i({...o(),[x]:H})},u={};for(let x of Object.keys(t.fallback))u[x]=(0,G.createMemo)(()=>o()[x]);let T=null;return{value:o,fields:u,set:i,setField:l,ensureInit:()=>n||!t.client?Promise.resolve():(T||(T=Promise.resolve(t.client()).then(x=>{i(x)}).catch(x=>{throw T=null,x})),T),key:e}}var ge=typeof document>"u",he=!ge;function xe(){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 $=typeof localStorage<"u"?localStorage:xe(),V={get window(){return typeof window<"u"?window:void 0},get document(){return typeof document<"u"?document:void 0}};function Ve(e,t){return he?e():t}var Te=require("@fluixi/reactive/signal");function ct(e){return e?e===!0?{dark:"dark",light:"light"}:e:null}function Ke(e){let t=e.storageKey??"theme",n=e.attribute??"data-theme",r=ct(e.system),o=()=>{let v=$.getItem(t);return v&&e.themes.includes(v)?v:r&&V.window?.matchMedia?.("(prefers-color-scheme: dark)")?.matches?r.dark:r?r.light:e.default},[c,i]=(0,Te.createSignal)(o()),[l,u]=(0,Te.createSignal)(!1),T=v=>{V.document?.documentElement.setAttribute(n,v);try{$.setItem(t,v)}catch{}},f=v=>{if(!e.themes.includes(v))return;let Je=c();i(()=>v),T(v),e.onChange?.(v,Je),e.load&&(u(!0),e.onLoading?.(v),Promise.resolve(e.load(v)).finally(()=>{u(!1),e.onLoaded?.(v)}))};return{value:c,isLoading:l,set:f,toggle:()=>{let v=e.themes.indexOf(c());f(e.themes[(v+1)%e.themes.length])},init:()=>T(c()),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>`}}m(y,require("@fluixi/utils"),module.exports);var p=require("@fluixi/reactive/signal"),h=require("@fluixi/dom"),R=require("@fluixi/reactive/signal"),pt=require("@fluixi/utils/object"),yt=require("@fluixi/utils/compare"),I=require("@fluixi/router"),te=require("@fluixi/router");var ve=require("@fluixi/reactive/signal");var ut=new Map;function dt(){ut.clear()}function lt(){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,c=o.nodeValue||"";(c.startsWith("#")||c.startsWith("/"))&&n.push(o)}n.forEach(o=>o.remove()),dt()}typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(lt,100)});var[yn,mn]=(0,ve.createSignal)(0);var ft=k(),gn=ft.Provider;var St=require("@fluixi/reactive/signal"),Ce=(0,R.createContext)(),mt=(0,R.createContext)(),gt=(0,R.createContext)(),ht=(0,R.createContext)();function xt(e,t,n){let r,o=e.route.data;if(typeof o=="function"){let f=!1;(0,p.onCleanup)(()=>{f=!0});let x=(0,p.getOwner)(),[H]=(0,p.createResource)(()=>o({params:n.params,location:n.location},x,()=>f));r=H}let c=()=>ht.Provider({value:r,get children(){return gt.Provider({value:e.params,get children(){return mt.Provider({value:{depth:t,...n},get children(){return(0,h.createComponent)(e.component,{})}})}})}});if(!r)return c();let i=r,l=()=>i.loading,[u,T]=(0,p.createSignal)((0,p.untrack)(()=>!l()));return(0,p.createEffect)(()=>T(!l())),(0,p.createMemo)(()=>u()?c():null)}function Tt(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 c=(0,p.untrack)(()=>e.matched())[t];return xt(c,t,{matched:e.matched,params:e.params,location:e.location})})}function vt(e){return e==null?Ct():typeof e=="function"?(0,h.createComponent)(e,{}):e}function Ct(){let e=(0,h.createNativeElement)("div");(0,h.setAttribute)(e,"class","fx-not-found"),(0,h.setAttribute)(e,"role","main"),(0,h.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,h.createNativeElement)("h1");(0,h.setAttribute)(t,"style","margin:0;font-size:2.5rem;font-weight:700"),(0,h.insert)(t,"404");let n=(0,h.createNativeElement)("p");return(0,h.setAttribute)(n,"style","margin:0;opacity:.7"),(0,h.insert)(n,"This page could not be found."),e.appendChild(t),e.appendChild(n),e}function Q(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()),c=n.subscribe(o);(0,p.onCleanup)(()=>{c(),n.destroy()});let i=(0,p.createMemo)(()=>(r().match?.matched??[]).filter(f=>f.component)),l={router:n,location:(0,p.createMemo)(()=>r().location),params:(0,p.createMemo)(()=>r().match?.params??{})},u={depth:-1,matched:i,params:l.params,location:l.location,notFound:()=>vt(e.notFound)},T;return Ce.Provider({value:l,get children(){return T??=Tt(u)}})}var bt={router:{navigate:()=>{}},location:()=>({pathname:"",search:"",hash:"",query:{}}),params:()=>({})};function L(){let e=(0,R.useContext)(Ce);if(e)return e;if(typeof window>"u")return bt;throw new Error("[router-next] useRouter must be used within <Router>")}function He(){let e=L().params;return(0,p.createMemo)(()=>e(),{},{equals:(t,n)=>JSON.stringify(t)===JSON.stringify(n)})}function Ue(){let{location:e}=L();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 Z(){let{router:e}=L();return(t,n)=>e.navigate(t,n)}var w=e=>typeof e=="function"?e():e;function ee(e){let t=(0,R.useContext)(Ce),n=typeof document>"u",r=()=>t?.router.navigate(w(e.href)??"",{replace:w(e.replace)}),o=(0,h.createNativeElement)("a");if((0,h.setAttribute)(o,"href",w(e.href)??""),e.slot&&(0,h.setAttribute)(o,"slot",w(e.slot)),typeof o.addEventListener=="function")o.addEventListener("click",i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||(i.preventDefault(),r())});else{let i=w(e.className??e.class)??"";i&&(0,h.setAttribute)(o,"class",i)}typeof o.addEventListener=="function"&&(0,p.createEffect)(()=>{let i=w(e.href)??"";o.setAttribute("href",i);let l=w(e.className??e.class)??"",u=w(e.activeClass)??"",T=w(e.active)??t?.location().pathname===i;o.className=[l,T?u:""].filter(Boolean).join(" ")});let c=e.children;return c!=null&&(0,h.insert)(o,c),o}var s=require("@fluixi/dom"),b=require("@fluixi/dom");var C=require("@fluixi/dom");var A=require("@fluixi/reactive/store"),ze="0.0.1",We="Fluixi";var Pt={createComponent:D,onMount:N,onUnmount:_,createEffect:a.createEffect,createMemo:a.createMemo,createSignal:a.createSignal,createContext:k,createRoot:a.createRoot,createDeferred:a.createDeferred,createComputed:a.createComputed,createRenderEffect:a.createRenderEffect,createSelector:K.createSelector,onCleanup:a.onCleanup,getOwner:a.getOwner,runWithOwner:a.runWithOwner,batch:a.batch,untrack:a.untrack,useContext:E,setOwner:a.setOwner,Router:Q,Link:ee,useRouter:L,useNavigate:Z,read:F.readSignal,reduce:F.reduceSignal,VERSION:ze,FRAMEWORK_NAME:We};M("fluixi element main");

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

@@ -0,0 +1,90 @@
+/**
+ * @fileoverview Fluixi - A reactive framework for lit-html inspired by SolidJS
+ * @module @fluixi/core
+ * @version 0.0.1
+ *
+ * Fluixi is a modern reactive framework that combines the power of lit-html
+ * with fine-grained reactivity from @fluixi/reactive, inspired by SolidJS's design.
+ *
+ * @example
+ * ```typescript
+ * import { createSignal, render, html } from '@fluixi/core';
+ *
+ * const Counter = () => {
+ *   const [count, setCount] = createSignal(0);
+ *
+ *   return html`
+ *     <div>
+ *       <p>Count: ${count()}</p>
+ *       <button @click=${() => setCount(count() + 1)}>Increment</button>
+ *     </div>
+ *   `;
+ * };
+ *
+ * render(Counter, document.getElementById('app')!);
+ * ```
+ */
+import { createEffect, createMemo, createSignal, createResource, createRoot, createComputed, createRenderEffect, onCleanup, getOwner, runWithOwner, batch, untrack, createDeferred, setOwner } from '@fluixi/reactive/signal';
+import { createDebounce, createSelector } from '@fluixi/reactive/signal';
+import { readSignal as read, reduceSignal as reduce } from '@fluixi/reactive/operators';
+import { createComponent, onMount, onUnmount } from './render/index.js';
+import { createContext, useContext } from './context/index.js';
+export * from './context/index.js';
+export { createIsomorphicState, createIsomorphicStore, type IsomorphicState, type IsomorphicOptions, type IsomorphicStore, type IsomorphicStoreOptions, } from './isomorphic.js';
+export { isServer, isClient, storage, createMemoryStorage, env, clientOnly, } from './env/index.js';
+export { createTheme, type Theme, type ThemeOptions } from './theme/index.js';
+export * from '@fluixi/utils';
+import { Link, Router, useNavigate, useRouter } from './router-next/index.js';
+export { query, queryAll, closest, addClass, removeClass, toggleClass, hasClass, setAttribute, getAttribute, removeAttribute, setStyles, getStyle, createElement as domCreateElement, removeChildren, appendChildren, isVisible, scrollIntoView, getOffset, delegate, waitForElement, observeIntersection, observeResize, } from '@fluixi/dom';
+export { classMap, styleMap, Island, hydrateIslands, type IslandProps, type IslandRegistry, mergeProps, splitProps, type ComponentFn, type ComponentChild, type ComponentOrElement, type FxComponent, type FxC, type FxParentProps, type FxParent, type FxVoidProps, type FxVoid, type FxFlowProps, type FxFlow, } from '@fluixi/dom';
+export * from "./control-flow.js";
+export { createStore, untrackStore, unwrap, Store } from '@fluixi/reactive/store';
+export type { Accessor, Setter, Signal, SignalOptions, MemoOptions, Resource, } from '@fluixi/reactive/signal';
+export type { ReadSignal } from '@fluixi/reactive/operators';
+export { render, portal, isRenderable, initDelegation, cleanupDelegation, createComponent, onMount, onUnmount, useEffect, useRef, useReducer, useMemo, useEventListener, useCallback, lazy, Suspense, SuspenseList, isNode, isLitResult, isJSXElement, $component, type RenderOptions, type SuspenseProps, type SuspenseListProps, type LazyOptions, type Component, type ComponentProps, type LifecycleCallback, type LazyComponent, type RefObject, } from './render/index.js';
+export type { $ShowProps, $MatchProps, $SwitchProps, $ForProps, $IndexProps, $PortalProps, $DynamicProps, $DynamicSwitchProps, } from '@fluixi/lit';
+export { Router, Link, useRouter, useLocation, useNavigate, useParams, } from './router-next/index.js';
+export type { RouterLocation as Location, RouteDefinition, NavigateOptions, } from './router-next/index.js';
+/**
+ * Framework version
+ */
+export declare const VERSION = "0.0.1";
+/**
+ * Framework name
+ */
+export declare const FRAMEWORK_NAME = "Fluixi";
+export { createEffect, createMemo, createSignal, createResource, createContext, createRoot, createDeferred, createDebounce, createComputed, createRenderEffect, createSelector, onCleanup, getOwner, runWithOwner, batch, untrack, useContext, setOwner, read, reduce, };
+/**
+ * Default export - commonly used functions
+ */
+declare const _default: {
+    createComponent: typeof createComponent;
+    onMount: typeof onMount;
+    onUnmount: typeof onUnmount;
+    createEffect: typeof createEffect;
+    createMemo: typeof createMemo;
+    createSignal: typeof createSignal;
+    createContext: typeof createContext;
+    createRoot: typeof createRoot;
+    createDeferred: typeof createDeferred;
+    createComputed: typeof createComputed;
+    createRenderEffect: typeof createRenderEffect;
+    createSelector: typeof createSelector;
+    onCleanup: typeof onCleanup;
+    getOwner: typeof getOwner;
+    runWithOwner: typeof runWithOwner;
+    batch: typeof batch;
+    untrack: typeof untrack;
+    useContext: typeof useContext;
+    setOwner: typeof setOwner;
+    Router: typeof Router;
+    Link: typeof Link;
+    useRouter: typeof useRouter;
+    useNavigate: typeof useNavigate;
+    read: typeof read;
+    reduce: typeof reduce;
+    VERSION: string;
+    FRAMEWORK_NAME: string;
+};
+export default _default;
+//# sourceMappingURL=core.d.ts.map

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

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