sygnal 5.3.1 → 5.3.2

package/dist/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var xs$1 = require('xstream');
+var xs$2 = require('xstream');
 var dropRepeatsModule = require('xstream/extra/dropRepeats.js');
 var concat$1 = require('xstream/extra/concat.js');
 var h_js = require('snabbdom/build/h.js');
@@ -34,7 +34,7 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var xs__namespace = /*#__PURE__*/_interopNamespaceDefault(xs$1);
+var xs__namespace = /*#__PURE__*/_interopNamespaceDefault(xs$2);
 var dropRepeatsModule__namespace = /*#__PURE__*/_interopNamespaceDefault(dropRepeatsModule);
 var concat__namespace = /*#__PURE__*/_interopNamespaceDefault(concat$1);
 var delayModule__namespace = /*#__PURE__*/_interopNamespaceDefault(delayModule);
@@ -115,7 +115,7 @@ function isolateAllSinks(sources, innerSinks, scopes) {
             source &&
             scopes[channel] !== null &&
             typeof source.isolateSink === 'function') {
-            outerSinks[channel] = adapt(source.isolateSink(xs$1.fromObservable(innerSink), scopes[channel]));
+            outerSinks[channel] = adapt(source.isolateSink(xs$2.fromObservable(innerSink), scopes[channel]));
         }
         else if (Object.prototype.hasOwnProperty.call(innerSinks, channel)) {
             outerSinks[channel] = innerSinks[channel];
@@ -302,7 +302,7 @@ class PickMerge {
         for (let i = 0; i < n; ++i) {
             const sinks = arrSinks[i];
             const key = sinks._key;
-            const sink = xs$1.fromObservable(sinks[sel] || xs$1.never());
+            const sink = xs$2.fromObservable(sinks[sel] || xs$2.never());
             if (!ils.has(key)) {
                 ils.set(key, new PickMergeListener(out, this, sink));
                 sink._add(ils.get(key));
@@ -335,7 +335,7 @@ class PickMerge {
 }
 function pickMerge(selector) {
     return function pickMergeOperator(inst$) {
-        return new xs$1.Stream(new PickMerge(selector, inst$));
+        return new xs$2.Stream(new PickMerge(selector, inst$));
     };
 }
 
@@ -344,7 +344,7 @@ class PickCombineListener {
         this.key = key;
         this.out = out;
         this.p = p;
-        this.val = xs$1.NO;
+        this.val = xs$2.NO;
         this.ins = ins;
     }
     _n(t) {
@@ -403,7 +403,7 @@ class PickCombine {
                 return;
             }
             const val = ils.get(key).val;
-            if (val === xs$1.NO) {
+            if (val === xs$2.NO) {
                 return;
             }
             outArr[i] = val;
@@ -441,7 +441,7 @@ class PickCombine {
             if (!sinks[sel]) {
                 throw new Error('pickCombine found an undefined child sink stream');
             }
-            const sink = xs$1.fromObservable(sinks[sel]);
+            const sink = xs$2.fromObservable(sinks[sel]);
             if (!ils.has(key)) {
                 ils.set(key, new PickCombineListener(key, out, this, sink));
                 sink._add(ils.get(key));
@@ -468,7 +468,7 @@ class PickCombine {
 }
 function pickCombine(selector) {
     return function pickCombineOperator(inst$) {
-        return new xs$1.Stream(new PickCombine(selector, inst$));
+        return new xs$2.Stream(new PickCombine(selector, inst$));
     };
 }
 
@@ -534,7 +534,7 @@ function makeCollection(opts) {
         const name = opts.channel || 'state';
         const itemKey = opts.itemKey;
         const itemScope = opts.itemScope || defaultItemScope;
-        const state$ = xs$1.fromObservable(sources[name].stream);
+        const state$ = xs$2.fromObservable(sources[name].stream);
         const instances$ = state$.fold((acc, nextState) => {
             const dict = acc.dict;
             if (Array.isArray(nextState)) {
@@ -600,7 +600,7 @@ function makeCollection(opts) {
 
 function withState(main, name = 'state') {
     return function mainWithState(sources) {
-        const reducerMimic$ = xs$1.create();
+        const reducerMimic$ = xs$2.create();
         const state$ = reducerMimic$
             .fold((state, reducer) => reducer(state), void 0)
             .drop(1);
@@ -608,7 +608,7 @@ function withState(main, name = 'state') {
         innerSources[name] = new StateSource(state$, name);
         const sinks = main(innerSources);
         if (sinks[name]) {
-            const stream$ = concat$1(xs$1.fromObservable(sinks[name]), xs$1.never());
+            const stream$ = concat$1(xs$2.fromObservable(sinks[name]), xs$2.never());
             stream$.subscribe({
                 next: i => queueMicrotask(() => reducerMimic$._n(i)),
                 error: err => queueMicrotask(() => reducerMimic$._e(err)),
@@ -679,7 +679,7 @@ function thunk(sel, key, fn, args) {
 
 function fromEvent(element, eventName, useCapture = false, preventDefault = false, passive = false) {
     let next = null;
-    return xs$1.Stream.create({
+    return xs$2.Stream.create({
         start: function start(listener) {
             if (preventDefault) {
                 next = function _next(event) {
@@ -808,21 +808,21 @@ class DocumentDOMSource {
     }
     elements() {
         if (this._selector) {
-            const out = adapt(xs$1.of(Array.from(document.querySelectorAll(this._selector))));
+            const out = adapt(xs$2.of(Array.from(document.querySelectorAll(this._selector))));
             out._isCycleSource = this._name;
             return out;
         }
-        const out = adapt(xs$1.of([document]));
+        const out = adapt(xs$2.of([document]));
         out._isCycleSource = this._name;
         return out;
     }
     element() {
         if (this._selector) {
-            const out = adapt(xs$1.of(document.querySelector(this._selector)));
+            const out = adapt(xs$2.of(document.querySelector(this._selector)));
             out._isCycleSource = this._name;
             return out;
         }
-        const out = adapt(xs$1.of(document));
+        const out = adapt(xs$2.of(document));
         out._isCycleSource = this._name;
         return out;
     }
@@ -852,12 +852,12 @@ class BodyDOMSource {
         return this;
     }
     elements() {
-        const out = adapt(xs$1.of([document.body]));
+        const out = adapt(xs$2.of([document.body]));
         out._isCycleSource = this._name;
         return out;
     }
     element() {
-        const out = adapt(xs$1.of(document.body));
+        const out = adapt(xs$2.of(document.body));
         out._isCycleSource = this._name;
         return out;
     }
@@ -1540,7 +1540,7 @@ class EventDelegator {
         });
     }
     addEventListener(eventType, namespace, options, bubbles) {
-        const subject = xs$1.never();
+        const subject = xs$2.never();
         let dest;
         const scopeChecker = new ScopeChecker(namespace, this.isolateModule);
         const shouldBubble = bubbles === undefined
@@ -1583,7 +1583,7 @@ class EventDelegator {
             }
             const self = this;
             let subscription = null;
-            return xs$1.create({
+            return xs$2.create({
                 start: listener => {
                     subscription = nonBubbleSubject.subscribe(listener);
                 },
@@ -1837,7 +1837,7 @@ function domDriverInputGuard(view$) {
     }
 }
 function dropCompletion(input) {
-    return xs$1.merge(input, xs$1.never());
+    return xs$2.merge(input, xs$2.never());
 }
 function unwrapElementFromVNode(vnode) {
     return vnode.elm;
@@ -1846,7 +1846,7 @@ function defaultReportSnabbdomError(err) {
     (console.error || console.log)(err);
 }
 function makeDOMReady$() {
-    return xs$1.create({
+    return xs$2.create({
         start(lis) {
             if (document.readyState === 'loading') {
                 document.addEventListener('readystatechange', () => {
@@ -1880,7 +1880,7 @@ function makeDOMDriver(container, options = {}) {
     const domReady$ = makeDOMReady$();
     let vnodeWrapper;
     let mutationObserver;
-    const mutationConfirmed$ = xs$1.create({
+    const mutationConfirmed$ = xs$2.create({
         start(listener) {
             mutationObserver = new MutationObserver(() => listener.next(null));
         },
@@ -1890,7 +1890,7 @@ function makeDOMDriver(container, options = {}) {
     });
     function DOMDriver(vnode$, name = 'DOM') {
         domDriverInputGuard(vnode$);
-        const sanitation$ = xs$1.create();
+        const sanitation$ = xs$2.create();
         const firstRoot$ = domReady$.map(() => {
             const firstRoot = getValidNode(container) || document.body;
             vnodeWrapper = new VNodeWrapper(firstRoot);
@@ -1900,7 +1900,7 @@ function makeDOMDriver(container, options = {}) {
         rememberedVNode$.addListener({});
         mutationConfirmed$.addListener({});
         const elementAfterPatch$ = firstRoot$
-            .map(firstRoot => xs$1
+            .map(firstRoot => xs$2
             .merge(rememberedVNode$.endWhen(sanitation$), sanitation$)
             .map(vnode => vnodeWrapper.call(vnode))
             .startWith(addRootScope(tovnode_js.toVNode(firstRoot)))
@@ -1943,7 +1943,7 @@ class MockedDOMSource {
             this._elements = _mockConfig.elements;
         }
         else {
-            this._elements = adapt(xs$1.empty());
+            this._elements = adapt(xs$2.empty());
         }
     }
     elements() {
@@ -1963,7 +1963,7 @@ class MockedDOMSource {
     }
     events(eventType, options, bubbles) {
         const streamForEventType = this._mockConfig[eventType];
-        const out = adapt(streamForEventType || xs$1.empty());
+        const out = adapt(streamForEventType || xs$2.empty());
         out._isCycleSource = 'MockedDOM';
         return out;
     }
@@ -1975,7 +1975,7 @@ class MockedDOMSource {
         return source.select('.' + SCOPE_PREFIX + scope);
     }
     isolateSink(sink, scope) {
-        return adapt(xs$1.fromObservable(sink).map((vnode) => {
+        return adapt(xs$2.fromObservable(sink).map((vnode) => {
             if (vnode.sel && vnode.sel.indexOf(SCOPE_PREFIX + scope) !== -1) {
                 return vnode;
             }
@@ -2070,10 +2070,10 @@ function getXs(namespaceValue) {
     }
     return value;
 }
-const xs = getXs(xs__namespace);
+const xs$1 = getXs(xs__namespace);
 const Stream = xs__namespace.Stream ||
     (xs__namespace.default && xs__namespace.default.Stream) ||
-    (xs && xs.Stream);
+    (xs$1 && xs$1.Stream);
 
 const dropRepeats$1 = resolveInteropDefault(dropRepeatsModule__namespace);
 function switchable(factories, name$, initial, opts = {}) {
@@ -2119,7 +2119,7 @@ function _switchable(factories, sources, name$, switched = ['DOM'], stateSourceN
     const sinks = Object.entries(factories).map(([name, factory]) => {
         if (sources[stateSourceName]) {
             const state$ = sources[stateSourceName].stream;
-            const switchedState = xs
+            const switchedState = xs$1
                 .combine(name$, state$)
                 .filter(([newComponentName]) => newComponentName == name)
                 .map(([, state]) => state)
@@ -2134,7 +2134,7 @@ function _switchable(factories, sources, name$, switched = ['DOM'], stateSourceN
             obj[sinkName] = name$
                 .map((newComponentName) => {
                 const sink = sinks.find(([componentName]) => componentName === newComponentName);
-                return (sink && sink[1][sinkName]) || xs.never();
+                return (sink && sink[1][sinkName]) || xs$1.never();
             })
                 .flatten()
                 .remember()
@@ -2144,7 +2144,7 @@ function _switchable(factories, sources, name$, switched = ['DOM'], stateSourceN
             const definedSinks = sinks
                 .filter(([, sink]) => sink[sinkName] !== undefined)
                 .map(([, sink]) => sink[sinkName]);
-            obj[sinkName] = xs.merge(...definedSinks);
+            obj[sinkName] = xs$1.merge(...definedSinks);
         }
         return obj;
     }, {});
@@ -2159,7 +2159,7 @@ Switchable.preventInstantiation = true;
 
 function createCommand() {
     const listener = { next: () => { } };
-    const _stream = xs.create({
+    const _stream = xs$1.create({
         start(l) { listener.next = (val) => l.next(val); },
         stop() { listener.next = () => { }; },
     });
@@ -2455,7 +2455,7 @@ class Component {
         // This is necessary to ensure that the component tree's state sink is subscribed to
         if (!this.isSubComponent && typeof this.intent === 'undefined' && typeof this.model === 'undefined') {
             this.initialState = initialState || true;
-            this.intent = (_) => ({ __NOOP_ACTION__: xs.never() });
+            this.intent = (_) => ({ __NOOP_ACTION__: xs$1.never() });
             this.model = {
                 __NOOP_ACTION__: (state) => state
             };
@@ -2464,12 +2464,12 @@ class Component {
         this._activeSubComponents = new Map();
         this._childReadyState = {};
         this._readyChangedListener = null;
-        this._readyChanged$ = xs.create({
+        this._readyChanged$ = xs$1.create({
             start: (listener) => { this._readyChangedListener = listener; },
             stop: () => { },
         });
         this._disposeListener = null;
-        this._dispose$ = xs.create({
+        this._dispose$ = xs$1.create({
             start: (listener) => { this._disposeListener = listener; },
             stop: () => { },
         });
@@ -2572,7 +2572,7 @@ class Component {
     }
     initHmrActions() {
         if (typeof this.hmrActions === 'undefined') {
-            this.hmrAction$ = xs.of().filter((_) => false);
+            this.hmrAction$ = xs$1.of().filter((_) => false);
             return;
         }
         if (typeof this.hmrActions === 'string') {
@@ -2584,12 +2584,12 @@ class Component {
         if (this.hmrActions.some(action => typeof action !== 'string')) {
             throw new Error(`[${this.name}] hmrActions must be the name of an action or an array of names of actions to run when a component is hot-reloaded`);
         }
-        this.hmrAction$ = xs.fromArray(this.hmrActions.map(action => ({ type: action })));
+        this.hmrAction$ = xs$1.fromArray(this.hmrActions.map(action => ({ type: action })));
     }
     initAction$() {
         const requestSource = (this.sources && this.sources[this.requestSourceName]) || null;
         if (!this.intent$) {
-            this.action$ = xs.never();
+            this.action$ = xs$1.never();
             return;
         }
         let runner;
@@ -2605,23 +2605,23 @@ class Component {
             }
             const mapped = Object.entries(this.intent$)
                 .map(([type, data$]) => data$.map((data) => ({ type, data })));
-            runner = xs.merge(xs.never(), ...mapped);
+            runner = xs$1.merge(xs$1.never(), ...mapped);
         }
-        const action$ = ((runner instanceof Stream) ? runner : (runner.apply && runner(this.sources) || xs.never()));
-        const bootstrap$ = xs.of({ type: BOOTSTRAP_ACTION }).compose(delay(10));
+        const action$ = ((runner instanceof Stream) ? runner : (runner.apply && runner(this.sources) || xs$1.never()));
+        const bootstrap$ = xs$1.of({ type: BOOTSTRAP_ACTION }).compose(delay(10));
         const _hmrUpdating = typeof window !== 'undefined' && window.__SYGNAL_HMR_UPDATING === true;
-        const hmrAction$ = _hmrUpdating ? this.hmrAction$ : xs.of().filter((_) => false);
-        const wrapped$ = (this.model[BOOTSTRAP_ACTION] && !_hmrUpdating) ? concat(bootstrap$, action$) : concat(xs.of().compose(delay(1)).filter((_) => false), hmrAction$, action$);
+        const hmrAction$ = _hmrUpdating ? this.hmrAction$ : xs$1.of().filter((_) => false);
+        const wrapped$ = (this.model[BOOTSTRAP_ACTION] && !_hmrUpdating) ? concat(bootstrap$, action$) : concat(xs$1.of().compose(delay(1)).filter((_) => false), hmrAction$, action$);
         let initialApiData;
         if (!_hmrUpdating && requestSource && typeof requestSource.select == 'function') {
             initialApiData = requestSource.select('initial')
                 .flatten();
         }
         else {
-            initialApiData = xs.never();
+            initialApiData = xs$1.never();
         }
         const hydrate$ = initialApiData.map((data) => ({ type: HYDRATE_ACTION, data }));
-        this.action$ = xs.merge(wrapped$, hydrate$)
+        this.action$ = xs$1.merge(wrapped$, hydrate$)
             .compose(this.log(({ type }) => `<${type}> Action triggered`))
             .map((action) => {
             if (typeof window !== 'undefined' && window.__SYGNAL_DEVTOOLS__?.connected) {
@@ -2649,15 +2649,15 @@ class Component {
     }
     initContext() {
         if (!this.context && !this.sources.__parentContext$) {
-            this.context$ = xs.of({});
+            this.context$ = xs$1.of({});
             return;
         }
-        const state$ = this.sources[this.stateSourceName]?.stream.startWith({}).compose(dropRepeats(objIsEqual)) || xs.never();
-        const parentContext$ = this.sources.__parentContext$?.startWith({}).compose(dropRepeats(objIsEqual)) || xs.of({});
+        const state$ = this.sources[this.stateSourceName]?.stream.startWith({}).compose(dropRepeats(objIsEqual)) || xs$1.never();
+        const parentContext$ = this.sources.__parentContext$?.startWith({}).compose(dropRepeats(objIsEqual)) || xs$1.of({});
         if (this.context && !isObj(this.context)) {
             console.error(`[${this.name}] Context must be an object mapping names to values of functions: ignoring provided ${typeof this.context}`);
         }
-        this.context$ = xs.combine(state$, parentContext$)
+        this.context$ = xs$1.combine(state$, parentContext$)
             .map(([_, parent]) => {
             const _parent = isObj(parent) ? parent : {};
             const context = isObj(this.context) ? this.context : {};
@@ -2696,7 +2696,7 @@ class Component {
     initModel$() {
         if (typeof this.model == 'undefined') {
             this.model$ = this.sourceNames.reduce((a, s) => {
-                a[s] = xs.never();
+                a[s] = xs$1.never();
                 return a;
             }, {});
             return;
@@ -2709,7 +2709,7 @@ class Component {
         }
         const hasInitialState = (typeof effectiveInitialState !== 'undefined');
         const shouldInjectInitialState = hasInitialState && (ENVIRONMENT?.__SYGNAL_HMR_UPDATING !== true || typeof hmrState !== 'undefined');
-        const shimmed$ = shouldInjectInitialState ? concat(xs.of(initial), this.action$).compose(delay(0)) : this.action$;
+        const shimmed$ = shouldInjectInitialState ? concat(xs$1.of(initial), this.action$).compose(delay(0)) : this.action$;
         const onState = () => this.makeOnAction(shimmed$, true, this.action$);
         const onNormal = () => this.makeOnAction(this.action$, false, this.action$);
         const modelEntries = Object.entries(this.model);
@@ -2778,7 +2778,7 @@ class Component {
         });
         const model$ = Object.entries(reducers).reduce((acc, entry) => {
             const [sink, streams] = entry;
-            acc[sink] = xs.merge(xs.never(), ...streams);
+            acc[sink] = xs$1.merge(xs$1.never(), ...streams);
             return acc;
         }, {});
         this.model$ = model$;
@@ -2808,13 +2808,13 @@ class Component {
     }
     initChildSources$() {
         let newSourcesNext;
-        const childSources$ = xs.create({
+        const childSources$ = xs$1.create({
             start: (listener) => {
                 newSourcesNext = listener.next.bind(listener);
             },
             stop: (_) => {
             }
-        }).map((sources) => xs.merge(...sources)).flatten();
+        }).map((sources) => xs$1.merge(...sources)).flatten();
         this.sources[CHILD_SOURCE_NAME] = {
             select: (nameOrComponent) => {
                 const all$ = childSources$;
@@ -2833,7 +2833,7 @@ class Component {
         };
     }
     initSubComponentSink$() {
-        const subComponentSink$ = xs.create({
+        const subComponentSink$ = xs$1.create({
             start: (listener) => {
                 this.newSubComponentSinks = listener.next.bind(listener);
             },
@@ -2844,7 +2844,7 @@ class Component {
         this.subComponentSink$ = subComponentSink$.filter((sinks) => Object.keys(sinks).length > 0);
     }
     initSubComponentsRendered$() {
-        const stream = xs.create({
+        const stream = xs$1.create({
             start: (listener) => {
                 this.triggerSubComponentsRendered = listener.next.bind(listener);
             },
@@ -2855,7 +2855,7 @@ class Component {
     }
     initVdom$() {
         if (typeof this.view != 'function') {
-            this.vdom$ = xs.of(null);
+            this.vdom$ = xs$1.of(null);
             return;
         }
         const renderParameters$ = this.collectRenderParameters();
@@ -2894,12 +2894,12 @@ class Component {
         this.sinks = this.sourceNames.reduce((acc, name) => {
             if (name == this.DOMSourceName)
                 return acc;
-            const subComponentSink$ = (this.subComponentSink$ && name !== PARENT_SINK_NAME) ? this.subComponentSink$.map((sinks) => sinks[name]).filter((sink) => !!sink).flatten() : xs.never();
+            const subComponentSink$ = (this.subComponentSink$ && name !== PARENT_SINK_NAME) ? this.subComponentSink$.map((sinks) => sinks[name]).filter((sink) => !!sink).flatten() : xs$1.never();
             if (name === this.stateSourceName) {
-                acc[name] = xs.merge((this.model$[name] || xs.never()), subComponentSink$, this.sources[this.stateSourceName].stream.filter((_) => false), ...(this.peers$[name] || []));
+                acc[name] = xs$1.merge((this.model$[name] || xs$1.never()), subComponentSink$, this.sources[this.stateSourceName].stream.filter((_) => false), ...(this.peers$[name] || []));
             }
             else {
-                acc[name] = xs.merge((this.model$[name] || xs.never()), subComponentSink$, ...(this.peers$[name] || []));
+                acc[name] = xs$1.merge((this.model$[name] || xs$1.never()), subComponentSink$, ...(this.peers$[name] || []));
             }
             // Stamp EVENTS sink emissions with emitter component info for devtools
             if (name === 'EVENTS' && acc[name]) {
@@ -2910,7 +2910,7 @@ class Component {
             return acc;
         }, {});
         this.sinks[this.DOMSourceName] = this.vdom$;
-        this.sinks[PARENT_SINK_NAME] = this.model$[PARENT_SINK_NAME] || xs.never();
+        this.sinks[PARENT_SINK_NAME] = this.model$[PARENT_SINK_NAME] || xs$1.never();
         // EFFECT sink: subscribe to trigger side effects but don't expose as a driver sink
         if (this.model$[EFFECT_SINK_NAME]) {
             const effectSub = this.model$[EFFECT_SINK_NAME].subscribe({
@@ -2932,7 +2932,7 @@ class Component {
             this.sinks[READY_SINK_NAME].__explicitReady = true;
         }
         else {
-            this.sinks[READY_SINK_NAME] = xs.of(true);
+            this.sinks[READY_SINK_NAME] = xs$1.of(true);
         }
     }
     makeOnAction(action$, isStateSink = true, rootAction$) {
@@ -3123,7 +3123,7 @@ class Component {
         const state = this.sources[this.stateSourceName];
         const renderParams = { ...this.peers$[this.DOMSourceName] };
         const enhancedState = state && state.isolateSource(state, { get: (state) => this.addCalculated(state) });
-        const stateStream = (enhancedState && enhancedState.stream) || xs.never();
+        const stateStream = (enhancedState && enhancedState.stream) || xs$1.never();
         renderParams.state = stateStream.compose(dropRepeats(objIsEqual));
         if (this.sources.props$) {
             renderParams.props = this.sources.props$.compose(dropRepeats(propsIsEqual));
@@ -3147,7 +3147,7 @@ class Component {
             names.push(name);
             streams.push(stream);
         });
-        const combined = xs.combine(...streams)
+        const combined = xs$1.combine(...streams)
             .compose(debounce(1))
             // map the streams from an array back to an object with the render parameter names as the keys
             .map((arr) => {
@@ -3206,8 +3206,8 @@ class Component {
                     addSinks(entry.sink$);
                     return acc;
                 }
-                const props$ = xs.create().startWith(props);
-                const children$ = xs.create().startWith(children);
+                const props$ = xs$1.create().startWith(props);
+                const children$ = xs$1.create().startWith(children);
                 let instantiator;
                 if (isCollection) {
                     instantiator = this.instantiateCollection.bind(this);
@@ -3235,9 +3235,9 @@ class Component {
                             console.error(`[${this.name}] Error in onError handler:`, fallbackErr);
                         }
                     }
-                    sink$ = { [this.DOMSourceName]: xs.of(fallbackVNode) };
+                    sink$ = { [this.DOMSourceName]: xs$1.of(fallbackVNode) };
                 }
-                sink$[this.DOMSourceName] = sink$[this.DOMSourceName] ? this.makeCoordinatedSubComponentDomSink(sink$[this.DOMSourceName]) : xs.never();
+                sink$[this.DOMSourceName] = sink$[this.DOMSourceName] ? this.makeCoordinatedSubComponentDomSink(sink$[this.DOMSourceName]) : xs$1.never();
                 acc[id] = { sink$, props$, children$ };
                 this._activeSubComponents.set(id, acc[id]);
                 addSinks(sink$);
@@ -3246,7 +3246,7 @@ class Component {
             const mergedSinksByType = Object.entries(sinkArrsByType).reduce((acc, [name, streamArr]) => {
                 if (streamArr.length === 0)
                     return acc;
-                acc[name] = streamArr.length === 1 ? streamArr[0] : xs.merge(...streamArr);
+                acc[name] = streamArr.length === 1 ? streamArr[0] : xs$1.merge(...streamArr);
                 return acc;
             }, {});
             // Dispose removed sub-components
@@ -3285,7 +3285,7 @@ class Component {
             filter,
             sort
         };
-        const state$ = xs.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$.startWith(props))
+        const state$ = xs$1.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$.startWith(props))
             // this debounce is important. it forces state and prop updates to happen at the same time
             // without this, changes to sort or filter won't happen properly
             .compose(debounce(1))
@@ -3587,14 +3587,14 @@ class Component {
         return sink$;
     }
     renderVdom(componentInstances$) {
-        return xs.combine(this.subComponentsRendered$, componentInstances$, this._readyChanged$.startWith(null))
+        return xs$1.combine(this.subComponentsRendered$, componentInstances$, this._readyChanged$.startWith(null))
             .compose(debounce(1))
             .map(([_, components]) => {
             const componentNames = Object.keys(this.components);
             const root = components['::ROOT::'];
             const entries = Object.entries(components).filter(([id]) => id !== '::ROOT::');
             if (entries.length === 0) {
-                return xs.of(processSuspensePost(root));
+                return xs$1.of(processSuspensePost(root));
             }
             const ids = [];
             const vdom$ = entries
@@ -3603,7 +3603,7 @@ class Component {
                 return val.sink$[this.DOMSourceName].startWith(undefined);
             });
             if (vdom$.length === 0)
-                return xs.of(root);
+                return xs$1.of(root);
             // Track READY state on the component instance (persists across folds)
             for (const [id, val] of entries) {
                 if (this._childReadyState[id] !== undefined)
@@ -3636,7 +3636,7 @@ class Component {
                     this._childReadyState[id] = true;
                 }
             }
-            return xs.combine(...vdom$)
+            return xs$1.combine(...vdom$)
                 .compose(debounce(1))
                 .map((vdoms) => {
                 const withIds = vdoms.reduce((acc, vdom, index) => {
@@ -4308,7 +4308,7 @@ function driverFromAsync(promiseReturningFunction, opts = {}) {
     }
     return (fromApp$) => {
         let sendFn = null;
-        const toApp$ = xs$1.create({
+        const toApp$ = xs$2.create({
             start: (listener) => {
                 sendFn = listener.next.bind(listener);
             },
@@ -4415,7 +4415,7 @@ function processForm(form, options = {}) {
     if (typeof events === 'string')
         events = [events];
     const eventStream$ = events.map((event) => form.events(event));
-    const merged$ = xs$1.merge(...eventStream$);
+    const merged$ = xs$2.merge(...eventStream$);
     return merged$.map((e) => {
         if (preventDefault)
             e.preventDefault();
@@ -4447,22 +4447,22 @@ function processDrag({ draggable, dropZone } = {}, options = {}) {
             e.dataTransfer.effectAllowed = effectAllowed;
             return e;
         })
-        : xs$1.never();
+        : xs$2.never();
     const dragEnd$ = draggable
         ? draggable.events('dragend').mapTo(null)
-        : xs$1.never();
+        : xs$2.never();
     const dragOver$ = dropZone
         ? dropZone.events('dragover').map((e) => {
             e.preventDefault();
             return null;
         })
-        : xs$1.never();
+        : xs$2.never();
     const drop$ = dropZone
         ? dropZone.events('drop').map((e) => {
             e.preventDefault();
             return e;
         })
-        : xs$1.never();
+        : xs$2.never();
     return { dragStart$, dragEnd$, dragOver$, drop$ };
 }
 
@@ -4591,7 +4591,7 @@ function makeDragDriver() {
                     events(eventType) {
                         const busEventName = `${category}:${eventType}`;
                         let handler;
-                        const stream$ = xs$1.create({
+                        const stream$ = xs$2.create({
                             start(listener) {
                                 handler = ({ detail }) => listener.next(detail);
                                 bus.addEventListener(busEventName, handler);
@@ -4625,7 +4625,7 @@ function makeSinkProxies(drivers) {
     const sinkProxies = {};
     for (const name in drivers) {
         if (Object.prototype.hasOwnProperty.call(drivers, name)) {
-            sinkProxies[name] = xs$1.create();
+            sinkProxies[name] = xs$2.create();
         }
     }
     return sinkProxies;
@@ -4666,7 +4666,7 @@ function replicateMany(sinks, sinkProxies) {
             complete: () => { },
         };
     });
-    const subscriptions = sinkNames.map(name => xs$1.fromObservable(sinks[name]).subscribe(replicators[name]));
+    const subscriptions = sinkNames.map(name => xs$2.fromObservable(sinks[name]).subscribe(replicators[name]));
     sinkNames.forEach(name => {
         const listener = sinkProxies[name];
         const next = (x) => {
@@ -4794,7 +4794,7 @@ function eventBusDriver(out$) {
             const all = !type;
             const _type = Array.isArray(type) ? type : [type];
             let cb;
-            const in$ = xs$1.create({
+            const in$ = xs$2.create({
                 start: (listener) => {
                     cb = ({ detail: event }) => {
                         const data = (event && event.data) || null;
@@ -5917,7 +5917,7 @@ function createRef() {
 }
 function createRef$() {
     const listener = { next: () => { } };
-    const stream = xs.createWithMemory({
+    const stream = xs$1.createWithMemory({
         start(l) { listener.next = (val) => l.next(val); },
         stop() { listener.next = () => { }; },
     });
@@ -5962,7 +5962,7 @@ function renderComponent(componentDef, options = {}) {
     // The component's intent function will receive this as a source,
     // and we merge test actions with any real intent streams.
     const testActionListener = { next: () => { } };
-    const testAction$ = xs.create({
+    const testAction$ = xs$1.create({
         start(listener) {
             testActionListener.next = (val) => listener.next(val);
         },
@@ -6058,7 +6058,7 @@ function renderComponent(componentDef, options = {}) {
     // Collect state values
     const states = [];
     let stateListener = null;
-    const stateStream = sources.STATE && sources.STATE.stream ? sources.STATE.stream : xs.never();
+    const stateStream = sources.STATE && sources.STATE.stream ? sources.STATE.stream : xs$1.never();
     stateListener = {
         next: (s) => states.push(s),
         error: () => { },
@@ -6129,8 +6129,8 @@ function renderComponent(componentDef, options = {}) {
     };
     return {
         state$: stateStream,
-        dom$: sinks.DOM || xs.never(),
-        events$: sources.EVENTS || { select: () => xs.never() },
+        dom$: sinks.DOM || xs$1.never(),
+        events$: sources.EVENTS || { select: () => xs$1.never() },
         sinks,
         sources,
         simulateAction,
@@ -6197,6 +6197,7 @@ function emit(type, data) {
     };
 }
 
+const xs = xs$1;
 // ── makeServiceWorkerDriver ──────────────────────────────────
 function trackWorker(worker, events) {
     const emit = (type, data) => events.dispatchEvent(new CustomEvent('data', { detail: { type, data } }));
@@ -6263,7 +6264,7 @@ function makeServiceWorkerDriver(scriptUrl, options = {}) {
         return {
             select(type) {
                 let cb;
-                const in$ = xs$1.create({
+                const in$ = xs.create({
                     start: (listener) => {
                         cb = ({ detail }) => {
                             if (!type || detail.type === type)
@@ -6282,30 +6283,30 @@ function makeServiceWorkerDriver(scriptUrl, options = {}) {
     };
 }
 // ── onlineStatus$ ────────────────────────────────────────────
-function _createOnlineStatus() {
-    if (typeof window === 'undefined') {
-        return xs$1.of(true);
-    }
-    let cleanup;
-    return xs$1.create({
-        start(listener) {
-            listener.next(navigator.onLine);
-            const on = () => listener.next(true);
-            const off = () => listener.next(false);
-            window.addEventListener('online', on);
-            window.addEventListener('offline', off);
-            cleanup = () => {
-                window.removeEventListener('online', on);
-                window.removeEventListener('offline', off);
-            };
-        },
-        stop() {
-            cleanup?.();
-            cleanup = undefined;
-        },
-    });
-}
-const onlineStatus$ = _createOnlineStatus();
+// Lazy — the real stream is created on first subscribe so importing
+// sygnal in SSR doesn't eagerly reference window/navigator.
+let _onlineCleanup;
+const onlineStatus$ = xs.create({
+    start(listener) {
+        if (typeof window === 'undefined') {
+            listener.next(true);
+            return;
+        }
+        listener.next(navigator.onLine);
+        const on = () => listener.next(true);
+        const off = () => listener.next(false);
+        window.addEventListener('online', on);
+        window.addEventListener('offline', off);
+        _onlineCleanup = () => {
+            window.removeEventListener('online', on);
+            window.removeEventListener('offline', off);
+        };
+    },
+    stop() {
+        _onlineCleanup?.();
+        _onlineCleanup = undefined;
+    },
+});
 // ── createInstallPrompt ──────────────────────────────────────
 function createInstallPrompt() {
     let deferredPrompt = null;
@@ -6324,7 +6325,7 @@ function createInstallPrompt() {
     return {
         select(type) {
             let cb;
-            const in$ = xs$1.create({
+            const in$ = xs.create({
                 start: (listener) => {
                     cb = ({ detail }) => {
                         if (detail.type === type)
@@ -7059,4 +7060,4 @@ exports.set = set;
 exports.switchable = switchable;
 exports.thunk = thunk;
 exports.toggle = toggle;
-exports.xs = xs;
+exports.xs = xs$1;