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

package/dist/lib/flow/show.js

@@ -3,7 +3,7 @@ import { resolveReactiveProp, isLitResult } from './utils.js';
 /**
  * Conditionally renders content based on a reactive condition.
  *
- * Returns a memo — works in both JSX and `html` templates.
+ * Returns a memo: works in both JSX and `html` templates.
  *
  * @example JSX
  * <Show when={isLoggedIn()} fallback={<Login />}>
@@ -13,34 +13,22 @@ import { resolveReactiveProp, isLitResult } from './utils.js';
  * @example html template
  * Show({ when: isLoggedIn, fallback: html`<p>Login</p>`, children: html`<p>Dashboard</p>` })
  */
-// export function Show<T>(props: ShowProps<T>): Accessor<any> {
-//   const when = normalizeAccessor(props.when);
 //   return createMemo(() => {
-//     const value = when();
-// if (isTruthy(value)) {
-//   return typeof props.children === 'function'
-//     ? props.children(value)
-//     : props.children;
-// }
-//     return props.fallback ?? null;
-//   });
-// }
 export function Show(props) {
     // Read `when` lazily through the prop getter so `when={cond()}` re-runs the caller's
     // expression inside these memos (reactive), while `when={cond}` / `when={() => cond}`
-    // still work — resolveReactiveProp unwraps the accessor form once.
+    // still work: resolveReactiveProp unwraps the accessor form once.
     const when = resolveReactiveProp(() => props.when);
-    // const {when} = props
     // Named for a watcher: three memos at one line, two of them anonymous, is what a graph of
     // a page with a few conditions turns into.
     const value = createMemo(when, undefined, { name: 'Show.when' });
     const cond = createMemo(value, undefined, { name: 'Show.cond' });
     // Each branch renders in its own scope so that leaving it tears down whatever
-    // it registered — an event listener, an observer, a timer. Without this the
+    // it registered, an event listener, an observer, a timer. Without this the
     // branch's `onCleanup`s land on the enclosing owner and only run when the
     // whole tree dies, so a closed <Show> kept listening and reacting.
     //
-    // Keyed on which branch is showing, NOT on every re-run: the memo also re-runs
+    // Keyed on which branch is showing, not on every re-run: the memo also re-runs
     // when the value changes within the same branch, and disposing then would
     // throw away DOM the runtime deliberately reuses.
     const parentOwner = getOwner();
@@ -60,7 +48,6 @@ export function Show(props) {
         //     return props.fallback ?? null;
         //   }
         // }
-        // const value = when();
         const evaluate = cond();
         enterBranch(evaluate ? 'when' : 'fallback');
         return runWithOwner(branchScope, () => {
@@ -82,108 +69,10 @@ export function Show(props) {
             return props.fallback;
         });
         // if (isTruthy(value)) {
-        //   let children = props.children;
-        //   // handle children on jsx
-        //   // if(Array.isArray(children)) {
-        //   //   children = makeArrayFlat(children);
-        //   //   // console.log('is truthy', children);
-        //   //   // if(children)
-        //   //   // children = (children as any[]).map((c: any) => typeof c === 'function' ? c(value) : c) as any;
-        //   //   // return children;
-        //   // }
-        //   if (typeof children === 'function' && !isLitResult(children)) {
-        //     if (isSignal<any>(value)) {
-        //       // value = (value as any)() as any;
-        //       return (children as (item: T) => any)((value as any)());
-        //     }
-        //     return (children as (item: T) => any)(value as T);
-        //   }
-        //   return children;
-        //   // return typeof props.children === 'function'
-        //   //   ? props.children(value)
-        //   //   : props.children;
-        // }
-        // let value =
-        //   typeof condition === 'function' ? (condition as () => T)() : condition;
-        // if (value != null && value !== false) {
-        //   // console.log('value', value);
-        //   const children = props.children;
-        //   if (typeof children === 'function' && !isLitResult(children)) {
-        //     if (isSignal<any>(value)) {
-        //       value = (value as any)() as any;
-        //     }
-        //     return (children as (item: T) => any)(value as T);
-        //   }
-        //   return children;
-        // }
         return props.fallback ?? null;
     }, undefined, 
     // Not `Show`: the compiler already marks the memo it wraps the component in with that,
     // and two cards of the same name in one graph is worse than a longer one.
     { name: 'Show.result' });
 }
-// export function Show1<T>(props: ShowProps<T>): any {
-//   const when = normalizeAccessor(props.when);
-//   return createMemo(
-//     () => {
-//       if (isResource(when)) {
-//         if (when.loading) {
-//           return props.fallback ?? null;
-//         }
-//       }
-//       const value = when();
-//       if (isTruthy(value)) {
-//         let children = props.children;
-//         // handle children on jsx
-//         // if(Array.isArray(children)) {
-//         //   children = makeArrayFlat(children);
-//         //   // console.log('is truthy', children);
-//         //   // if(children)
-//         //   // children = (children as any[]).map((c: any) => typeof c === 'function' ? c(value) : c) as any;
-//         //   // return children;
-//         // }
-//         if (typeof children === 'function' && !isLitResult(children)) {
-//           if (isSignal<any>(value)) {
-//             // value = (value as any)() as any;
-//             return (children as (item: T) => any)((value as any)());
-//           }
-//           return (children as (item: T) => any)(value as T);
-//         }
-//         return children;
-//         // return typeof props.children === 'function'
-//         //   ? props.children(value)
-//         //   : props.children;
-//       }
-//       // let value =
-//       //   typeof condition === 'function' ? (condition as () => T)() : condition;
-//       // if (value != null && value !== false) {
-//       //   // console.log('value', value);
-//       //   const children = props.children;
-//       //   if (typeof children === 'function' && !isLitResult(children)) {
-//       //     if (isSignal<any>(value)) {
-//       //       value = (value as any)() as any;
-//       //     }
-//       //     return (children as (item: T) => any)(value as T);
-//       //   }
-//       //   return children;
-//       // }
-//       return props.fallback ?? null;
-//     },
-//     undefined,
-//     { name: 'show' }
-//   );
-// }
 // if (isTruthy(value)) {
-//   const children = props.children;
-//   if (typeof children === 'function' && !isLitResult(children)) {
-//     if (isSignal<any>(value)) {
-//       // value = (value as any)() as any;
-//       return (children as (item: T) => any)((value as any)());
-//     }
-//     return (children as (item: T) => any)(value as T);
-//   }
-//   return children;
-//   // return typeof props.children === 'function'
-//   //   ? props.children(value)
-//   //   : props.children;
-// }

package/dist/lib/flow/show.mjs

@@ -1 +1,67 @@
-import{createChildOwner as y,createMemo as i,disposeScope as h,getOwner as p,runWithOwner as w,untrack as f}from"@fluixi/reactive/signal";function s(e){return()=>{let n=e();return typeof n=="function"?n():n}}function l(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function O(e){let n=s(()=>e.when),r=i(n,void 0,{name:"Show.when"}),u=i(r,void 0,{name:"Show.cond"}),T=p(),a=null,c=null,d=t=>{t!==c&&(a&&h(a),a=y(T),c=t)};return i(()=>{let t=u();return d(t?"when":"fallback"),w(a,()=>{if(t){let o=e.children;return typeof o=="function"&&!l(o)?typeof r=="function"?f(()=>f(r)?o(r()):e.fallback):o(r):o}return e.fallback});return e.fallback??null},void 0,{name:"Show.result"})}export{O as Show};
+// src/lib/flow/show.ts
+import {
+  createChildOwner,
+  createMemo,
+  disposeScope,
+  getOwner,
+  runWithOwner,
+  untrack
+} from "@fluixi/reactive/signal";
+
+// src/lib/flow/utils.ts
+function resolveReactiveProp(read) {
+  return () => {
+    const value = read();
+    return typeof value === "function" ? value() : value;
+  };
+}
+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));
+}
+
+// src/lib/flow/show.ts
+function Show(props) {
+  const when = resolveReactiveProp(() => props.when);
+  const value = createMemo(when, void 0, { name: "Show.when" });
+  const cond = createMemo(value, void 0, { name: "Show.cond" });
+  const parentOwner = getOwner();
+  let branchScope = null;
+  let shown = null;
+  const enterBranch = (next) => {
+    if (next === shown) return;
+    if (branchScope) disposeScope(branchScope);
+    branchScope = createChildOwner(parentOwner);
+    shown = next;
+  };
+  return createMemo(
+    () => {
+      const evaluate = cond();
+      enterBranch(evaluate ? "when" : "fallback");
+      return runWithOwner(branchScope, () => {
+        if (evaluate) {
+          let children = props.children;
+          if (typeof children === "function" && !isLitResult(children)) {
+            if (typeof value === "function") {
+              return untrack(() => {
+                if (!untrack(value)) return props.fallback;
+                return children(value());
+              });
+            }
+            return children(value);
+          }
+          return children;
+        }
+        return props.fallback;
+      });
+      return props.fallback ?? null;
+    },
+    void 0,
+    // Not `Show`: the compiler already marks the memo it wraps the component in with that,
+    // and two cards of the same name in one graph is worse than a longer one.
+    { name: "Show.result" }
+  );
+}
+export {
+  Show
+};

package/dist/lib/flow/style-map.cjs

@@ -1 +1,43 @@
-"use strict";var o=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var f=(e,n)=>{for(var r in n)o(e,r,{get:n[r],enumerable:!0})},d=(e,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of c(n))!a.call(e,t)&&t!==r&&o(e,t,{get:()=>n[t],enumerable:!(s=i(n,t))||s.enumerable});return e};var p=e=>d(o({},"__esModule",{value:!0}),e);var m={};f(m,{styleMap:()=>y});module.exports=p(m);var l=require("@fluixi/reactive/signal");function g(e){return e.startsWith("--")?e:e.replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}function y(e){return(0,l.createMemo)(()=>{let n=typeof e=="function"?e():e,r=[];for(let[s,t]of Object.entries(n)){if(!s)continue;let u=typeof t=="function"?t():t;u!=null&&r.push(`${g(s)}: ${u}`)}return r.join("; ")},void 0,{name:"StyleMap"})}
+"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/lib/flow/style-map.ts
+var style_map_exports = {};
+__export(style_map_exports, {
+  styleMap: () => styleMap
+});
+module.exports = __toCommonJS(style_map_exports);
+var import_signal = require("@fluixi/reactive/signal");
+function toKebab(prop) {
+  return prop.startsWith("--") ? prop : prop.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+}
+function styleMap(input) {
+  return (0, import_signal.createMemo)(() => {
+    const map = typeof input === "function" ? input() : input;
+    const parts = [];
+    for (const [prop, val] of Object.entries(map)) {
+      if (!prop) continue;
+      const resolved = typeof val === "function" ? val() : val;
+      if (resolved != null) {
+        parts.push(`${toKebab(prop)}: ${resolved}`);
+      }
+    }
+    return parts.join("; ");
+  }, void 0, { name: "StyleMap" });
+}

package/dist/lib/flow/style-map.d.ts

@@ -1,6 +1,6 @@
 import { Accessor } from '@fluixi/reactive/signal';
 /**
- * A single style property value — static or reactive.
+ * A single style property value: static or reactive.
  * Numbers are converted to strings as-is (no `px` appended automatically).
  */
 export type StyleValue = string | number | null | undefined | Accessor<string | number | null | undefined> | (() => string | number | null | undefined);
@@ -36,11 +36,11 @@ export type StyleMapInput = Record<string, StyleValue> | Accessor<Record<string,
  *
  * // camelCase is converted automatically
  * styleMap({ backgroundColor: '#fff', fontSize: '1rem' })
- * // → "background-color: #fff; font-size: 1rem"
+ * // -> "background-color: #fff; font-size: 1rem"
  *
  * // CSS custom properties pass through unchanged
  * styleMap({ '--radius': radius })
- * // → "--radius: 8px"
+ * // -> "--radius: 8px"
  */
 export declare function styleMap(input: StyleMapInput): Accessor<string>;
 //# sourceMappingURL=style-map.d.ts.map

package/dist/lib/flow/style-map.js

@@ -1,5 +1,5 @@
 import { createMemo } from '@fluixi/reactive/signal';
-/** camelCase → kebab-case; CSS custom properties (--) pass through unchanged. */
+/** camelCase -> kebab-case; CSS custom properties (--) pass through unchanged. */
 function toKebab(prop) {
     return prop.startsWith('--')
         ? prop
@@ -28,11 +28,11 @@ function toKebab(prop) {
  *
  * // camelCase is converted automatically
  * styleMap({ backgroundColor: '#fff', fontSize: '1rem' })
- * // → "background-color: #fff; font-size: 1rem"
+ * // -> "background-color: #fff; font-size: 1rem"
  *
  * // CSS custom properties pass through unchanged
  * styleMap({ '--radius': radius })
- * // → "--radius: 8px"
+ * // -> "--radius: 8px"
  */
 export function styleMap(input) {
     return createMemo(() => {

package/dist/lib/flow/style-map.mjs

@@ -1 +1,22 @@
-import{createMemo as u}from"@fluixi/reactive/signal";function l(e){return e.startsWith("--")?e:e.replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}function a(e){return u(()=>{let n=typeof e=="function"?e():e,r=[];for(let[s,t]of Object.entries(n)){if(!s)continue;let o=typeof t=="function"?t():t;o!=null&&r.push(`${l(s)}: ${o}`)}return r.join("; ")},void 0,{name:"StyleMap"})}export{a as styleMap};
+// src/lib/flow/style-map.ts
+import { createMemo } from "@fluixi/reactive/signal";
+function toKebab(prop) {
+  return prop.startsWith("--") ? prop : prop.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+}
+function styleMap(input) {
+  return createMemo(() => {
+    const map = typeof input === "function" ? input() : input;
+    const parts = [];
+    for (const [prop, val] of Object.entries(map)) {
+      if (!prop) continue;
+      const resolved = typeof val === "function" ? val() : val;
+      if (resolved != null) {
+        parts.push(`${toKebab(prop)}: ${resolved}`);
+      }
+    }
+    return parts.join("; ");
+  }, void 0, { name: "StyleMap" });
+}
+export {
+  styleMap
+};

package/dist/lib/flow/switch.cjs

@@ -1 +1,91 @@
-"use strict";var l=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var w=(e,n)=>{for(var a in n)l(e,a,{get:n[a],enumerable:!0})},b=(e,n,a,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of p(n))!A.call(e,o)&&o!==a&&l(e,o,{get:()=>n[o],enumerable:!(c=y(n,o))||c.enumerable});return e};var M=e=>b(l({},"__esModule",{value:!0}),e);var x={};w(x,{Match:()=>m,Switch:()=>N});module.exports=M(x);var t=require("@fluixi/reactive/signal");function h(e){return()=>{let n=e();return typeof n=="function"?n():n}}function d(e){return e!=null&&e!==!1}var s=Symbol("match");function m(e){return{[s]:!0,when:h(()=>e.when),get children(){return e.children}}}function N(e){let n=Array.isArray(e.children)?e.children:[e.children],a=(0,t.getOwner)(),c=null,o=-1,f=i=>{i!==o&&(c&&(0,t.disposeScope)(c),c=(0,t.createChildOwner)(a),o=i)};return(0,t.createMemo)(()=>{for(let i=0;i<n.length;i+=1){let r=n[i],T=0;for(;typeof r=="function"&&!r[s]&&T++<10;)r=r();if(!r||typeof r!="object"||r[s]!==!0)continue;let u=r.when();if(d(u))return f(i),(0,t.runWithOwner)(c,()=>typeof r.children=="function"?r.children(u):r.children)}return f(-2),(0,t.runWithOwner)(c,()=>e.fallback??null)},void 0,{name:"Switch"})}
+"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/lib/flow/switch.ts
+var switch_exports = {};
+__export(switch_exports, {
+  Match: () => Match,
+  Switch: () => Switch
+});
+module.exports = __toCommonJS(switch_exports);
+var import_signal = require("@fluixi/reactive/signal");
+
+// src/lib/flow/utils.ts
+function resolveReactiveProp(read) {
+  return () => {
+    const value = read();
+    return typeof value === "function" ? value() : value;
+  };
+}
+function isTruthy(value) {
+  return value !== null && value !== void 0 && value !== false;
+}
+
+// src/lib/flow/switch.ts
+var MATCH_MARKER = /* @__PURE__ */ Symbol("match");
+function Match(props) {
+  return {
+    [MATCH_MARKER]: true,
+    // Lazy read through the prop getter. Switch calls `branch.when()` inside its memo,
+    // so `when={cond()}` reacts; `when={cond}` unwraps via resolveReactiveProp.
+    when: resolveReactiveProp(() => props.when),
+    // Lazy, like `when`. Read eagerly, every branch's children were built the
+    // moment the Match node was, before Switch had chosen one, so they were
+    // created outside the branch's scope (and non-matching branches were built
+    // for nothing). Switch reads this inside the selected branch's scope.
+    get children() {
+      return props.children;
+    }
+  };
+}
+function Switch(props) {
+  const branches = Array.isArray(props.children) ? props.children : [props.children];
+  const parentOwner = (0, import_signal.getOwner)();
+  let branchScope = null;
+  let shown = -1;
+  const enterBranch = (index) => {
+    if (index === shown) return;
+    if (branchScope) (0, import_signal.disposeScope)(branchScope);
+    branchScope = (0, import_signal.createChildOwner)(parentOwner);
+    shown = index;
+  };
+  return (0, import_signal.createMemo)(() => {
+    for (let i = 0; i < branches.length; i += 1) {
+      const raw = branches[i];
+      let branch = raw;
+      let guard = 0;
+      while (typeof branch === "function" && !branch[MATCH_MARKER] && guard++ < 10) {
+        branch = branch();
+      }
+      if (!branch || typeof branch !== "object" || branch[MATCH_MARKER] !== true) {
+        continue;
+      }
+      const value = branch.when();
+      if (isTruthy(value)) {
+        enterBranch(i);
+        return (0, import_signal.runWithOwner)(
+          branchScope,
+          () => typeof branch.children === "function" ? branch.children(value) : branch.children
+        );
+      }
+    }
+    enterBranch(-2);
+    return (0, import_signal.runWithOwner)(branchScope, () => props.fallback ?? null);
+  }, void 0, { name: "Switch" });
+}

package/dist/lib/flow/switch.d.ts

@@ -9,7 +9,7 @@ export interface MatchProps<T> {
      */
     children: any | ((val: NonNullable<T>) => any);
 }
-/** @internal Opaque shape returned by Match — consumed by Switch. */
+/** @internal Opaque shape returned by Match: consumed by Switch. */
 export interface MatchNode<T = any> {
     [MATCH_MARKER]: true;
     when: Accessor<T | null | undefined | false>;
@@ -38,10 +38,10 @@ export interface SwitchProps {
     children: MatchNode | MatchNode[];
 }
 /**
- * Multi-branch conditional rendering — mirrors SolidJS `<Switch>/<Match>`.
+ * Multi-branch conditional rendering: mirrors SolidJS `<Switch>/<Match>`.
  *
  * Evaluates `Match` branches in order and renders the first truthy one.
- * Returns a memo — works in both JSX and `html` templates.
+ * Returns a memo: works in both JSX and `html` templates.
  *
  * @example JSX
  * <Switch fallback={<p>Nothing</p>}>

package/dist/lib/flow/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/lib/flow/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkF,MAAM,yBAAyB,CAAC;AAInI,QAAA,MAAM,YAAY,eAAkB,CAAC;AAErC,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,4CAA4C;IAC5C,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;IACjD;;;OAGG;IACH,QAAQ,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;CAChD;AAED,qEAAqE;AACrE,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,GAAG;IAChC,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;IACrB,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC;IAC7C,QAAQ,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;CAChD;AAED;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAc3D;AAED,MAAM,WAAW,WAAW;IAC1B,iDAAiD;IACjD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf;;;;;OAKG;IACH,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,CA6CxD"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/lib/flow/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkF,MAAM,yBAAyB,CAAC;AAInI,QAAA,MAAM,YAAY,eAAkB,CAAC;AAErC,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,4CAA4C;IAC5C,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;IACjD;;;OAGG;IACH,QAAQ,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;CAChD;AAED,oEAAoE;AACpE,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,GAAG;IAChC,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;IACrB,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC;IAC7C,QAAQ,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;CAChD;AAED;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAc3D;AAED,MAAM,WAAW,WAAW;IAC1B,iDAAiD;IACjD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf;;;;;OAKG;IACH,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,CA6CxD"}

package/dist/lib/flow/switch.js

@@ -15,11 +15,11 @@ const MATCH_MARKER = Symbol('match');
 export function Match(props) {
     return {
         [MATCH_MARKER]: true,
-        // Lazy read through the prop getter — Switch calls `branch.when()` inside its memo,
+        // Lazy read through the prop getter. Switch calls `branch.when()` inside its memo,
         // so `when={cond()}` reacts; `when={cond}` unwraps via resolveReactiveProp.
         when: resolveReactiveProp(() => props.when),
         // Lazy, like `when`. Read eagerly, every branch's children were built the
-        // moment the Match node was — before Switch had chosen one — so they were
+        // moment the Match node was, before Switch had chosen one, so they were
         // created outside the branch's scope (and non-matching branches were built
         // for nothing). Switch reads this inside the selected branch's scope.
         get children() {
@@ -28,10 +28,10 @@ export function Match(props) {
     };
 }
 /**
- * Multi-branch conditional rendering — mirrors SolidJS `<Switch>/<Match>`.
+ * Multi-branch conditional rendering: mirrors SolidJS `<Switch>/<Match>`.
  *
  * Evaluates `Match` branches in order and renders the first truthy one.
- * Returns a memo — works in both JSX and `html` templates.
+ * Returns a memo: works in both JSX and `html` templates.
  *
  * @example JSX
  * <Switch fallback={<p>Nothing</p>}>
@@ -51,8 +51,8 @@ export function Match(props) {
 export function Switch(props) {
     const branches = Array.isArray(props.children) ? props.children : [props.children];
     // Each branch renders in its own scope, disposed when a different branch takes
-    // over, so whatever it registered with `onCleanup` — a listener, an observer, a
-    // timer — goes with it. Keyed on which branch is showing, not on every re-run:
+    // over, so whatever it registered with `onCleanup`, a listener, an observer, a
+    // timer: goes with it. Keyed on which branch is showing, not on every re-run:
     // the memo also re-runs when a `when` value changes within the same branch, and
     // disposing then would throw away DOM the runtime deliberately reuses.
     const parentOwner = getOwner();

package/dist/lib/flow/switch.mjs

@@ -1 +1,70 @@
-import{createMemo as T,createChildOwner as y,disposeScope as p,getOwner as A,runWithOwner as u}from"@fluixi/reactive/signal";function s(e){return()=>{let t=e();return typeof t=="function"?t():t}}function f(e){return e!=null&&e!==!1}var o=Symbol("match");function x(e){return{[o]:!0,when:s(()=>e.when),get children(){return e.children}}}function R(e){let t=Array.isArray(e.children)?e.children:[e.children],h=A(),c=null,i=-1,a=r=>{r!==i&&(c&&p(c),c=y(h),i=r)};return T(()=>{for(let r=0;r<t.length;r+=1){let n=t[r],d=0;for(;typeof n=="function"&&!n[o]&&d++<10;)n=n();if(!n||typeof n!="object"||n[o]!==!0)continue;let l=n.when();if(f(l))return a(r),u(c,()=>typeof n.children=="function"?n.children(l):n.children)}return a(-2),u(c,()=>e.fallback??null)},void 0,{name:"Switch"})}export{x as Match,R as Switch};
+// src/lib/flow/switch.ts
+import { createMemo, createChildOwner, disposeScope, getOwner, runWithOwner } from "@fluixi/reactive/signal";
+
+// src/lib/flow/utils.ts
+function resolveReactiveProp(read) {
+  return () => {
+    const value = read();
+    return typeof value === "function" ? value() : value;
+  };
+}
+function isTruthy(value) {
+  return value !== null && value !== void 0 && value !== false;
+}
+
+// src/lib/flow/switch.ts
+var MATCH_MARKER = /* @__PURE__ */ Symbol("match");
+function Match(props) {
+  return {
+    [MATCH_MARKER]: true,
+    // Lazy read through the prop getter. Switch calls `branch.when()` inside its memo,
+    // so `when={cond()}` reacts; `when={cond}` unwraps via resolveReactiveProp.
+    when: resolveReactiveProp(() => props.when),
+    // Lazy, like `when`. Read eagerly, every branch's children were built the
+    // moment the Match node was, before Switch had chosen one, so they were
+    // created outside the branch's scope (and non-matching branches were built
+    // for nothing). Switch reads this inside the selected branch's scope.
+    get children() {
+      return props.children;
+    }
+  };
+}
+function Switch(props) {
+  const branches = Array.isArray(props.children) ? props.children : [props.children];
+  const parentOwner = getOwner();
+  let branchScope = null;
+  let shown = -1;
+  const enterBranch = (index) => {
+    if (index === shown) return;
+    if (branchScope) disposeScope(branchScope);
+    branchScope = createChildOwner(parentOwner);
+    shown = index;
+  };
+  return createMemo(() => {
+    for (let i = 0; i < branches.length; i += 1) {
+      const raw = branches[i];
+      let branch = raw;
+      let guard = 0;
+      while (typeof branch === "function" && !branch[MATCH_MARKER] && guard++ < 10) {
+        branch = branch();
+      }
+      if (!branch || typeof branch !== "object" || branch[MATCH_MARKER] !== true) {
+        continue;
+      }
+      const value = branch.when();
+      if (isTruthy(value)) {
+        enterBranch(i);
+        return runWithOwner(
+          branchScope,
+          () => typeof branch.children === "function" ? branch.children(value) : branch.children
+        );
+      }
+    }
+    enterBranch(-2);
+    return runWithOwner(branchScope, () => props.fallback ?? null);
+  }, void 0, { name: "Switch" });
+}
+export {
+  Match,
+  Switch
+};

package/dist/lib/flow/utils.cjs

@@ -1 +1,44 @@
-"use strict";var s=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var T=(e,r)=>{for(var o in r)s(e,o,{get:r[o],enumerable:!0})},u=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of c(r))!f.call(e,n)&&n!==o&&s(e,n,{get:()=>r[n],enumerable:!(t=i(r,n))||t.enumerable});return e};var p=e=>u(s({},"__esModule",{value:!0}),e);var d={};T(d,{isLitResult:()=>l,isTruthy:()=>a,normalizeAccessor:()=>y,resolveReactiveProp:()=>A});module.exports=p(d);function y(e){return typeof e=="function"?e:(()=>e)}function A(e){return()=>{let r=e();return typeof r=="function"?r():r}}function a(e){return e!=null&&e!==!1}function l(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}
+"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/lib/flow/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  isLitResult: () => isLitResult,
+  isTruthy: () => isTruthy,
+  normalizeAccessor: () => normalizeAccessor,
+  resolveReactiveProp: () => resolveReactiveProp
+});
+module.exports = __toCommonJS(utils_exports);
+function normalizeAccessor(value) {
+  return typeof value === "function" ? value : (() => value);
+}
+function resolveReactiveProp(read) {
+  return () => {
+    const value = read();
+    return typeof value === "function" ? value() : value;
+  };
+}
+function isTruthy(value) {
+  return value !== null && value !== void 0 && value !== false;
+}
+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));
+}

package/dist/lib/flow/utils.d.ts

@@ -8,7 +8,7 @@ export declare function normalizeAccessor<T>(value: T | Accessor<T>): Accessor<T
  *
  * The compiler emits control-flow value props (each/when/component/mount) as getters, so
  * `read()` re-runs the caller's expression INSIDE the tracking scope where the returned
- * accessor is invoked — this is what makes `each={items()}` reactive. If the read value is
+ * accessor is invoked, this is what makes `each={items()}` reactive. If the read value is
  * itself a function (the `each={items}` accessor form), it is called once. This unwraps at
  * most one level, so `each={() => items()}` doesn't double-call.
  */

package/dist/lib/flow/utils.js

@@ -11,7 +11,7 @@ export function normalizeAccessor(value) {
  *
  * The compiler emits control-flow value props (each/when/component/mount) as getters, so
  * `read()` re-runs the caller's expression INSIDE the tracking scope where the returned
- * accessor is invoked — this is what makes `each={items()}` reactive. If the read value is
+ * accessor is invoked, this is what makes `each={items()}` reactive. If the read value is
  * itself a function (the `each={items}` accessor form), it is called once. This unwraps at
  * most one level, so `each={() => items()}` doesn't double-call.
  */