@manyducks.co/dolla 2.0.0-alpha.61 → 2.0.0-alpha.62

package/dist/core/context.d.ts

@@ -52,6 +52,22 @@ declare class ContextLifecycle {
      */
     private notify;
 }
+export interface ContextGetStateOptions<T> {
+    fallback?: T;
+    /**
+     * Only check this context; skip parent contexts.
+     */
+    immediate?: boolean;
+}
+export interface ContextGetStateOptionsWithFallbackValue<T> extends ContextGetStateOptions<T> {
+    fallback: T;
+}
+export interface ContextGetStateMapOptions {
+    /**
+     * Only include state from this context; skip parent contexts.
+     */
+    immediate?: boolean;
+}
 export interface ContextOptions {
     logger?: LoggerOptions;
 }
@@ -118,17 +134,20 @@ export declare class Context implements Logger {
     onUnmount(listener: LifecycleListener): () => void;
     effect(callback: EffectFn): UnsubscribeFn;
     /**
-     * Gets the value stored at `key`, or returns the `defaultValue` if none is set.
+     * Gets the value stored at `key`, or returns `options.fallback` if none is set.
      */
-    getState<T>(key: any, defaultValue: T): T;
+    getState<T>(key: any, options: ContextGetStateOptionsWithFallbackValue<T>): T;
     /**
      * Gets the value stored at `key`, or throws an error if none is set.
      */
-    getState<T>(key: any): T;
+    getState<T>(key: any, options?: ContextGetStateOptions<T>): T;
     /**
      * Returns a Map containing all state values available to this context.
+     *
+     * Pass `options.immediate` to only include state stored on this context.
+     * By default all state stored on parent contexts is also included.
      */
-    getState(): Map<any, any>;
+    getStateMap(options?: ContextGetStateMapOptions): Map<any, any>;
     /**
      * Stores `value` at `key` in this context's state.
      */

package/dist/core/index.d.ts

@@ -4,6 +4,8 @@ export { createContext } from "./context.js";
 export type { Context } from "./context.js";
 export { m, MarkupNode, portal, render, repeat, unless, when } from "./markup.js";
 export { ref, type Ref } from "./ref.js";
+export { For, type ForProps } from "./views/for.js";
+export { Show, type ShowProps } from "./views/show.js";
 export { mount, type UnmountFn } from "./mount.js";
 export { deepEqual, shallowEqual, strictEqual } from "../utils.js";
 export { getEnv, setEnv } from "./env.js";

package/dist/core/markup.d.ts

@@ -20,12 +20,6 @@ export declare class Markup<P = any> {
     props: P | undefined;
     constructor(type: string | View<P>, props?: P);
 }
-/**
- * A node that can be mounted by the Markup layout engine.
- * Implemented by the built in nodes, but can of course also be implemented to create your own custom nodes.
- *
- * A `MarkupNode` instance can be passed anywhere a `Renderable` is required.
- */
 export declare enum MarkupType {
     DOM = "$dom",
     Dynamic = "$dynamic",

package/dist/core/nodes/repeat.d.ts

@@ -2,7 +2,7 @@ import type { Renderable } from "../../types.js";
 import type { Context } from "../context.js";
 import { type Signal } from "../signals.js";
 import { MarkupNode } from "./_markup.js";
-export type Key = string | number | symbol;
+export type Key = any;
 export type KeyFn<T> = (item: T, index: number) => Key;
 export type RenderFn<T> = (item: Signal<T>, index: Signal<number>, ctx: Context) => Renderable;
 /**

package/dist/core/views/for.d.ts

@@ -0,0 +1,23 @@
+import type { Renderable } from "../../types";
+import type { Context } from "../context";
+import { type Key, RepeatNode } from "../nodes/repeat";
+import { type Signal } from "../signals";
+export interface ForProps<T> {
+    /**
+     * An array of items to render.
+     */
+    each: Signal<T[]>;
+    /**
+     * A function to extract a unique key that identifies each item.
+     * If no `key` function is passed, object identity (===) will be used.
+     */
+    key?: (item: T, index: number) => Key;
+    /**
+     * A render function. Takes the item and its index in signal form and returns something to display for each item.
+     */
+    children: ($item: Signal<T>, $index: Signal<number>, ctx: Context) => Renderable;
+}
+/**
+ *
+ */
+export declare function For<T>(props: ForProps<T>, context: Context): RepeatNode<T>;

package/dist/core/views/show.d.ts

@@ -0,0 +1,26 @@
+import type { Renderable } from "../../types";
+import type { Context } from "../context";
+import { DynamicNode } from "../nodes/dynamic";
+import { type Signal } from "../signals";
+export interface ShowProps {
+    /**
+     * If present, children will be rendered only when this signal holds a truthy value.
+     */
+    when?: Signal<any>;
+    /**
+     * If present, children will be rendered only when this signal holds a falsy value.
+     */
+    unless?: Signal<any>;
+    /**
+     * Content to render if conditions permit.
+     */
+    children: Renderable;
+    /**
+     * Content to render when conditions don't permit `children` to render.
+     */
+    fallback?: Renderable;
+}
+/**
+ * Conditionally display children.
+ */
+export declare function Show(props: ShowProps, context: Context): DynamicNode;

package/dist/hooks/index.d.ts

@@ -24,7 +24,7 @@ export declare function useState<T>(value: T): [Signal<T>, Setter<T>];
  * Creates a new read-only Signal and a bound Setter function.
  */
 export declare function useState<T>(): [Signal<T | undefined>, Setter<T | undefined>];
-export declare function useMemo<T>(compute: (current?: T) => T, deps?: Signal<any>[]): Signal<T>;
+export declare function useMemo<T>(compute: (current?: T) => MaybeSignal<T>, deps?: Signal<any>[]): Signal<T>;
 export declare function useEffect(fn: EffectFn, deps?: Signal<any>[]): void;
 /**
  * Takes the current state and a dispatched action. Returns a new state based on the action.

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../src/hooks/index.ts"],"sourcesContent":["import { Context, Logger, ref, type Ref, type Store } from \"../core\";\nimport { $, type EffectFn, get, getCurrentContext, MaybeSignal, type Signal, untracked } from \"../core/signals\";\n\n/**\n * Returns the Context object of the View, Store or Mixin this hook is called in.\n */\nexport function useContext(): Context {\n  const context = getCurrentContext();\n  if (!context) {\n    throw new Error(`No context found; hooks can only be called in the body of a View, Store or Mixin.`);\n  }\n  return context;\n}\n\n/**\n * Returns a logger. If a name is passed it will be used as a prefix for all console messages.\n * Otherwise the default name of the context will be used.\n */\nexport function useLogger(name?: MaybeSignal<string>): Logger {\n  const context = useContext();\n  if (name) context.setName(name);\n  return context;\n}\n\n/**\n * Sets the value of the Signal it is bound to.\n */\nexport interface Setter<T> {\n  (value: T): void;\n  (fn: (current: T) => T): void;\n}\n\n/**\n * Creates a new read-only Signal and a bound Setter function.\n */\nexport function useState<T>(value: T): [Signal<T>, Setter<T>];\n\n/**\n * Creates a new read-only Signal and a bound Setter function.\n */\nexport function useState<T>(): [Signal<T | undefined>, Setter<T | undefined>];\n\nexport function useState<T>(value?: T): [Signal<T>, Setter<T>] {\n  useContext(); // assert that we're in a valid context\n  const $value = $(value);\n  return [() => $value() as T, $value];\n}\n\nexport function useMemo<T>(compute: (current?: T) => T, deps?: Signal<any>[]): Signal<T> {\n  useContext(); // assert that we're in a valid context\n  if (deps) {\n    return $(function () {\n      // Track deps and run `compute` untracked.\n      for (const dep of deps) get(dep);\n      return untracked(() => compute(this.value));\n    });\n  } else {\n    return $(function () {\n      return compute(this.value);\n    });\n  }\n}\n\nexport function useEffect(fn: EffectFn, deps?: Signal<any>[]): void {\n  const context = useContext();\n  if (deps) {\n    context.effect(() => {\n      // Track deps and run `fn` untracked.\n      for (const dep of deps) get(dep);\n      untracked(fn);\n    });\n  } else {\n    context.effect(fn);\n  }\n}\n\n// TODO: What would layout effect even mean in dolla?\n// export function useLayoutEffect() {}\n\n/**\n * Takes the current state and a dispatched action. Returns a new state based on the action.\n * Typically the body of this function will be a large switch statement.\n */\nexport type ReducerFn<State, Action> = (state: State, action: Action) => State;\n\n/**\n * Dispatches an action to this reducer, causing the state to update.\n */\nexport type DispatchFn<Action> = (action: Action) => void;\n\n/**\n *\n */\nexport function useReducer<State, Action>(\n  reducer: ReducerFn<State, Action>,\n  initialState: State,\n): [Signal<State>, DispatchFn<Action>] {\n  const [state, setState] = useState(initialState);\n  const dispatch = (action: Action) => {\n    setState((current) => reducer(current, action));\n  };\n  return [state, dispatch];\n}\n\n/**\n * Uses a previously added Store. Takes the Store function itself and returns the nearest instance.\n */\nexport function useStore<T>(store: Store<any, T>): T {\n  const context = useContext();\n  return context.getStore(store);\n}\n\n/**\n * A hybrid Ref which is both a function ref and a React-style object ref with a `current` property.\n * Both the `current` property and the function syntax access the same value.\n */\nexport interface HybridRef<T> extends Ref<T> {\n  current: T;\n}\n\n/**\n * Creates a Ref. Useful for getting references to DOM nodes.\n */\nexport function useRef<T>(initialValue?: T): HybridRef<T>;\n\nexport function useRef<T>(...value: [T]): HybridRef<T> {\n  useContext(); // assert that we're in a valid context\n  const valueRef = ref(...value);\n  Object.defineProperty(valueRef, \"current\", { get: valueRef, set: valueRef });\n  return valueRef as HybridRef<T>;\n}\n\n/**\n * Calls `callback` when the context is mounted. If `callback` returns a function, that function is called when the context is unmounted.\n */\nexport function useMount(callback: () => void | (() => void)): void {\n  const context = useContext();\n  context.onMount(() => {\n    const result = callback();\n    if (result) context.onUnmount(result);\n  });\n}\n\n/**\n * Calls `callback` when the context is unmounted.\n */\nexport function useUnmount(callback: () => void): void {\n  const context = useContext();\n  context.onUnmount(callback);\n}\n"],"names":["useContext","context","getCurrentContext","useLogger","name","useState","value","$value","$","useMemo","compute","deps","dep","get","untracked","useEffect","fn","useReducer","reducer","initialState","state","setState","action","current","useStore","store","useRef","valueRef","ref","useMount","callback","result","useUnmount"],"mappings":";;AAMO,SAASA,IAAsB;AACpC,QAAMC,IAAUC,EAAkB;AAClC,MAAI,CAACD;AACG,UAAA,IAAI,MAAM,mFAAmF;AAE9F,SAAAA;AACT;AAMO,SAASE,EAAUC,GAAoC;AAC5D,QAAMH,IAAUD,EAAW;AACvB,SAAAI,KAAcH,EAAA,QAAQG,CAAI,GACvBH;AACT;AAoBO,SAASI,EAAYC,GAAmC;AAClD,EAAAN,EAAA;AACL,QAAAO,IAASC,EAAEF,CAAK;AACtB,SAAO,CAAC,MAAMC,EAAO,GAAQA,CAAM;AACrC;AAEgB,SAAAE,EAAWC,GAA6BC,GAAiC;AAEvF,SADWX,EAAA,GACPW,IACKH,EAAE,WAAY;AAER,eAAAI,KAAOD,EAAM,CAAAE,EAAID,CAAG;AAC/B,WAAOE,EAAU,MAAMJ,EAAQ,KAAK,KAAK,CAAC;AAAA,EAAA,CAC3C,IAEMF,EAAE,WAAY;AACZ,WAAAE,EAAQ,KAAK,KAAK;AAAA,EAAA,CAC1B;AAEL;AAEgB,SAAAK,EAAUC,GAAcL,GAA4B;AAClE,QAAMV,IAAUD,EAAW;AAC3B,EAAIW,IACFV,EAAQ,OAAO,MAAM;AAER,eAAAW,KAAOD,EAAM,CAAAE,EAAID,CAAG;AAC/B,IAAAE,EAAUE,CAAE;AAAA,EAAA,CACb,IAEDf,EAAQ,OAAOe,CAAE;AAErB;AAmBgB,SAAAC,EACdC,GACAC,GACqC;AACrC,QAAM,CAACC,GAAOC,CAAQ,IAAIhB,EAASc,CAAY;AAIxC,SAAA,CAACC,GAHS,CAACE,MAAmB;AACnC,IAAAD,EAAS,CAACE,MAAYL,EAAQK,GAASD,CAAM,CAAC;AAAA,EAChD,CACuB;AACzB;AAKO,SAASE,EAAYC,GAAyB;AAE5C,SADSzB,EAAW,EACZ,SAASyB,CAAK;AAC/B;AAeO,SAASC,KAAapB,GAA0B;AAC1C,EAAAN,EAAA;AACL,QAAA2B,IAAWC,EAAI,GAAGtB,CAAK;AACtB,gBAAA,eAAeqB,GAAU,WAAW,EAAE,KAAKA,GAAU,KAAKA,GAAU,GACpEA;AACT;AAKO,SAASE,EAASC,GAA2C;AAClE,QAAM7B,IAAUD,EAAW;AAC3B,EAAAC,EAAQ,QAAQ,MAAM;AACpB,UAAM8B,IAASD,EAAS;AACpB,IAAAC,KAAgB9B,EAAA,UAAU8B,CAAM;AAAA,EAAA,CACrC;AACH;AAKO,SAASC,EAAWF,GAA4B;AAErD,EADgB9B,EAAW,EACnB,UAAU8B,CAAQ;AAC5B;"}
+{"version":3,"file":"hooks.js","sources":["../src/hooks/index.ts"],"sourcesContent":["import { Context, Logger, ref, type Ref, type Store } from \"../core\";\nimport { $, type EffectFn, get, getCurrentContext, MaybeSignal, type Signal, untracked } from \"../core/signals\";\n\n/**\n * Returns the Context object of the View, Store or Mixin this hook is called in.\n */\nexport function useContext(): Context {\n  const context = getCurrentContext();\n  if (!context) {\n    throw new Error(`No context found; hooks can only be called in the body of a View, Store or Mixin.`);\n  }\n  return context;\n}\n\n/**\n * Returns a logger. If a name is passed it will be used as a prefix for all console messages.\n * Otherwise the default name of the context will be used.\n */\nexport function useLogger(name?: MaybeSignal<string>): Logger {\n  const context = useContext();\n  if (name) context.setName(name);\n  return context;\n}\n\n/**\n * Sets the value of the Signal it is bound to.\n */\nexport interface Setter<T> {\n  (value: T): void;\n  (fn: (current: T) => T): void;\n}\n\n/**\n * Creates a new read-only Signal and a bound Setter function.\n */\nexport function useState<T>(value: T): [Signal<T>, Setter<T>];\n\n/**\n * Creates a new read-only Signal and a bound Setter function.\n */\nexport function useState<T>(): [Signal<T | undefined>, Setter<T | undefined>];\n\nexport function useState<T>(value?: T): [Signal<T>, Setter<T>] {\n  useContext(); // assert that we're in a valid context\n  const $value = $(value);\n  return [() => $value() as T, $value];\n}\n\nexport function useMemo<T>(compute: (current?: T) => MaybeSignal<T>, deps?: Signal<any>[]): Signal<T> {\n  useContext(); // assert that we're in a valid context\n  if (deps) {\n    return $(function () {\n      // Track deps and run `compute` untracked.\n      for (const dep of deps) get(dep);\n      return untracked(() => compute(this.value));\n    });\n  } else {\n    return $(function () {\n      return compute(this.value);\n    });\n  }\n}\n\nexport function useEffect(fn: EffectFn, deps?: Signal<any>[]): void {\n  const context = useContext();\n  if (deps) {\n    context.effect(() => {\n      // Track deps and run `fn` untracked.\n      for (const dep of deps) get(dep);\n      untracked(fn);\n    });\n  } else {\n    context.effect(fn);\n  }\n}\n\n// TODO: What would layout effect even mean in dolla?\n// export function useLayoutEffect() {}\n\n/**\n * Takes the current state and a dispatched action. Returns a new state based on the action.\n * Typically the body of this function will be a large switch statement.\n */\nexport type ReducerFn<State, Action> = (state: State, action: Action) => State;\n\n/**\n * Dispatches an action to this reducer, causing the state to update.\n */\nexport type DispatchFn<Action> = (action: Action) => void;\n\n/**\n *\n */\nexport function useReducer<State, Action>(\n  reducer: ReducerFn<State, Action>,\n  initialState: State,\n): [Signal<State>, DispatchFn<Action>] {\n  const [state, setState] = useState(initialState);\n  const dispatch = (action: Action) => {\n    setState((current) => reducer(current, action));\n  };\n  return [state, dispatch];\n}\n\n/**\n * Uses a previously added Store. Takes the Store function itself and returns the nearest instance.\n */\nexport function useStore<T>(store: Store<any, T>): T {\n  const context = useContext();\n  return context.getStore(store);\n}\n\n/**\n * A hybrid Ref which is both a function ref and a React-style object ref with a `current` property.\n * Both the `current` property and the function syntax access the same value.\n */\nexport interface HybridRef<T> extends Ref<T> {\n  current: T;\n}\n\n/**\n * Creates a Ref. Useful for getting references to DOM nodes.\n */\nexport function useRef<T>(initialValue?: T): HybridRef<T>;\n\nexport function useRef<T>(...value: [T]): HybridRef<T> {\n  useContext(); // assert that we're in a valid context\n  const valueRef = ref(...value);\n  Object.defineProperty(valueRef, \"current\", { get: valueRef, set: valueRef });\n  return valueRef as HybridRef<T>;\n}\n\n/**\n * Calls `callback` when the context is mounted. If `callback` returns a function, that function is called when the context is unmounted.\n */\nexport function useMount(callback: () => void | (() => void)): void {\n  const context = useContext();\n  context.onMount(() => {\n    const result = callback();\n    if (result) context.onUnmount(result);\n  });\n}\n\n/**\n * Calls `callback` when the context is unmounted.\n */\nexport function useUnmount(callback: () => void): void {\n  const context = useContext();\n  context.onUnmount(callback);\n}\n"],"names":["useContext","context","getCurrentContext","useLogger","name","useState","value","$value","$","useMemo","compute","deps","dep","get","untracked","useEffect","fn","useReducer","reducer","initialState","state","setState","action","current","useStore","store","useRef","valueRef","ref","useMount","callback","result","useUnmount"],"mappings":";;AAMO,SAASA,IAAsB;AACpC,QAAMC,IAAUC,EAAkB;AAClC,MAAI,CAACD;AACG,UAAA,IAAI,MAAM,mFAAmF;AAE9F,SAAAA;AACT;AAMO,SAASE,EAAUC,GAAoC;AAC5D,QAAMH,IAAUD,EAAW;AACvB,SAAAI,KAAcH,EAAA,QAAQG,CAAI,GACvBH;AACT;AAoBO,SAASI,EAAYC,GAAmC;AAClD,EAAAN,EAAA;AACL,QAAAO,IAASC,EAAEF,CAAK;AACtB,SAAO,CAAC,MAAMC,EAAO,GAAQA,CAAM;AACrC;AAEgB,SAAAE,EAAWC,GAA0CC,GAAiC;AAEpG,SADWX,EAAA,GACPW,IACKH,EAAE,WAAY;AAER,eAAAI,KAAOD,EAAM,CAAAE,EAAID,CAAG;AAC/B,WAAOE,EAAU,MAAMJ,EAAQ,KAAK,KAAK,CAAC;AAAA,EAAA,CAC3C,IAEMF,EAAE,WAAY;AACZ,WAAAE,EAAQ,KAAK,KAAK;AAAA,EAAA,CAC1B;AAEL;AAEgB,SAAAK,EAAUC,GAAcL,GAA4B;AAClE,QAAMV,IAAUD,EAAW;AAC3B,EAAIW,IACFV,EAAQ,OAAO,MAAM;AAER,eAAAW,KAAOD,EAAM,CAAAE,EAAID,CAAG;AAC/B,IAAAE,EAAUE,CAAE;AAAA,EAAA,CACb,IAEDf,EAAQ,OAAOe,CAAE;AAErB;AAmBgB,SAAAC,EACdC,GACAC,GACqC;AACrC,QAAM,CAACC,GAAOC,CAAQ,IAAIhB,EAASc,CAAY;AAIxC,SAAA,CAACC,GAHS,CAACE,MAAmB;AACnC,IAAAD,EAAS,CAACE,MAAYL,EAAQK,GAASD,CAAM,CAAC;AAAA,EAChD,CACuB;AACzB;AAKO,SAASE,EAAYC,GAAyB;AAE5C,SADSzB,EAAW,EACZ,SAASyB,CAAK;AAC/B;AAeO,SAASC,KAAapB,GAA0B;AAC1C,EAAAN,EAAA;AACL,QAAA2B,IAAWC,EAAI,GAAGtB,CAAK;AACtB,gBAAA,eAAeqB,GAAU,WAAW,EAAE,KAAKA,GAAU,KAAKA,GAAU,GACpEA;AACT;AAKO,SAASE,EAASC,GAA2C;AAClE,QAAM7B,IAAUD,EAAW;AAC3B,EAAAC,EAAQ,QAAQ,MAAM;AACpB,UAAM8B,IAASD,EAAS;AACpB,IAAAC,KAAgB9B,EAAA,UAAU8B,CAAM;AAAA,EAAA,CACrC;AACH;AAKO,SAASC,EAAWF,GAA4B;AAErD,EADgB9B,EAAW,EACnB,UAAU8B,CAAQ;AAC5B;"}

package/dist/index.js

@@ -1,13 +1,24 @@
-import { $ as T, b as D, d as E, e as V, g as v, s as I, a as R, u as q } from "./signals-gCwiIe5X.js";
-import { m as a, w as g, C as s, L as m, V as d } from "./markup-CX27GJ1M.js";
-import { M as _, c as $, p as B, r as W, a as z, u as A } from "./markup-CX27GJ1M.js";
-import { r as G } from "./ref-BD79iqlg.js";
-import { R as h, M as p, U as y } from "./router-CjCkk4dA.js";
-import { a as w } from "./typeChecking-CbltMOUt.js";
-import { o as x } from "./logger-Bl496yfY.js";
-import { c as j, g as H, s as J, a as K, b as Q } from "./logger-Bl496yfY.js";
-function N(e) {
-  return a("div", {
+import { g as m } from "./signals-gCwiIe5X.js";
+import { $ as q, b as S, d as _, e as $, s as B, a as W, u as z } from "./signals-gCwiIe5X.js";
+import { R as g, D as w, m as n, w as y, C as l, L as c, V as f } from "./markup-UzKSsawX.js";
+import { M as G, c as K, p as P, r as j, a as H, u as J } from "./markup-UzKSsawX.js";
+import { r as X } from "./ref-BD79iqlg.js";
+import { R as N, M as x, U as b } from "./router-BXBX8lnO.js";
+import { a as L } from "./typeChecking-CbltMOUt.js";
+import { o as M } from "./logger-Bl496yfY.js";
+import { c as Z, g as p, s as ee, a as ae, b as te } from "./logger-Bl496yfY.js";
+const U = (e) => e;
+function E(e, t) {
+  return new g(t, e.each, e.key ?? U, e.children);
+}
+function F(e, t) {
+  return new w(t, () => {
+    let a = !0;
+    return e.when != null && e.unless != null ? a = m(e.when) && !m(e.unless) : e.when != null ? a = m(e.when) : e.unless != null && (a = !m(e.unless)), a ? e.children : e.fallback;
+  });
+}
+function k(e) {
+  return n("div", {
     style: {
       backgroundColor: "#880000",
       color: "#fff",
@@ -17,17 +28,17 @@ function N(e) {
       fontSize: "20px"
     },
     children: [
-      a("h1", { style: { marginBottom: "0.5rem" }, children: "The app has crashed" }),
-      a("p", {
+      n("h1", { style: { marginBottom: "0.5rem" }, children: "The app has crashed" }),
+      n("p", {
         style: { marginBottom: "0.25rem" },
         children: [
-          a("span", {
+          n("span", {
             style: { fontFamily: "monospace" },
             children: e.loggerName
           }),
-          g(
+          y(
             e.tag,
-            a("span", {
+            n("span", {
               style: { fontFamily: "monospace", opacity: 0.5 },
               children: ` [${e.tagName ? `${e.tagName}: ` : ""}${e.tag}]`
             })
@@ -35,7 +46,7 @@ function N(e) {
           " says:"
         ]
       }),
-      a("blockquote", {
+      n("blockquote", {
         style: {
           backgroundColor: "#991111",
           padding: "0.25em",
@@ -44,7 +55,7 @@ function N(e) {
           marginBottom: "1rem"
         },
         children: [
-          a("span", {
+          n("span", {
             style: {
               display: "inline-block",
               backgroundColor: "red",
@@ -59,48 +70,50 @@ function N(e) {
           e.error.message
         ]
       }),
-      a("p", { children: "Please see the browser console for details." })
+      n("p", { children: "Please see the browser console for details." })
     ]
   });
 }
-let o = !1;
-async function C(e, n, r) {
-  if (w(Element, n, "Expected an element or a selector string. Got type: %t, value: %v"), o)
+let s = !1;
+async function V(e, t, a) {
+  if (L(Element, t, "Expected an element or a selector string. Got type: %t, value: %v"), s)
     throw new Error("A Dolla app is already mounted.");
-  let l, i, f = (r == null ? void 0 : r.crashView) ?? N;
-  const t = (r == null ? void 0 : r.context) ?? new s("App");
-  x((u) => {
-    o && c(), new d(t, f, u).mount(n);
-  }), s.emit(t, m.WILL_MOUNT), e instanceof h ? (i = e, l = await i[p](n, t)) : l = new d(t, e, {}), l.mount(n), o = !0, s.emit(t, m.DID_MOUNT);
-  async function c() {
-    o && (s.emit(t, m.WILL_UNMOUNT), l.unmount(!1), i && await i[y](), o = !1, s.emit(t, m.DID_UNMOUNT));
+  let o, i, d = (a == null ? void 0 : a.crashView) ?? k;
+  const r = (a == null ? void 0 : a.context) ?? new l("App");
+  M((h) => {
+    s && u(), new f(r, d, h).mount(t);
+  }), l.emit(r, c.WILL_MOUNT), e instanceof N ? (i = e, o = await i[x](t, r)) : o = new f(r, e, {}), o.mount(t), s = !0, l.emit(r, c.DID_MOUNT);
+  async function u() {
+    s && (l.emit(r, c.WILL_UNMOUNT), o.unmount(!1), i && await i[b](), s = !1, l.emit(r, c.DID_UNMOUNT));
   }
-  return c;
+  return u;
 }
 export {
-  T as $,
-  _ as MarkupNode,
-  D as batch,
-  $ as createContext,
-  j as createLogger,
-  E as deepEqual,
-  V as effect,
-  v as get,
-  H as getEnv,
-  a as m,
-  C as mount,
-  x as onLoggerCrash,
-  B as portal,
-  G as ref,
-  W as render,
-  z as repeat,
-  J as setEnv,
-  K as setLogFilter,
-  Q as setLogLevels,
-  I as shallowEqual,
-  R as strictEqual,
-  A as unless,
-  q as untracked,
-  g as when
+  q as $,
+  E as For,
+  G as MarkupNode,
+  F as Show,
+  S as batch,
+  K as createContext,
+  Z as createLogger,
+  _ as deepEqual,
+  $ as effect,
+  m as get,
+  p as getEnv,
+  n as m,
+  V as mount,
+  M as onLoggerCrash,
+  P as portal,
+  X as ref,
+  j as render,
+  H as repeat,
+  ee as setEnv,
+  ae as setLogFilter,
+  te as setLogLevels,
+  B as shallowEqual,
+  W as strictEqual,
+  J as unless,
+  z as untracked,
+  y as when
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/core/views/default-crash-view.ts","../src/core/mount.ts"],"sourcesContent":["import { when, m } from \"../markup.js\";\n\n/**\n * Props passed to the crash view when a crash occurs.\n */\nexport interface CrashViewProps {\n  /**\n   * JavaScript Error object.\n   */\n  error: Error;\n\n  /**\n   * A string to identify the logger that reported this error.\n   */\n  loggerName: string;\n\n  /**\n   * Unique identifier to pinpoint the specific view that reported the crash.\n   */\n  tag?: string;\n\n  /**\n   * Label for the tag.\n   */\n  tagName?: string;\n}\n\n/**\n * The crash view displayed unless you specify your own.\n */\nexport function DefaultCrashView(props: CrashViewProps) {\n  return m(\"div\", {\n    style: {\n      backgroundColor: \"#880000\",\n      color: \"#fff\",\n      padding: \"2rem\",\n      position: \"fixed\",\n      inset: 0,\n      fontSize: \"20px\",\n    },\n    children: [\n      m(\"h1\", { style: { marginBottom: \"0.5rem\" }, children: \"The app has crashed\" }),\n      m(\"p\", {\n        style: { marginBottom: \"0.25rem\" },\n        children: [\n          m(\"span\", {\n            style: { fontFamily: \"monospace\" },\n            children: props.loggerName,\n          }),\n          when(\n            props.tag,\n            m(\"span\", {\n              style: { fontFamily: \"monospace\", opacity: 0.5 },\n              children: ` [${props.tagName ? `${props.tagName}: ` : \"\"}${props.tag}]`,\n            }),\n          ),\n          \" says:\",\n        ],\n      }),\n      m(\"blockquote\", {\n        style: {\n          backgroundColor: \"#991111\",\n          padding: \"0.25em\",\n          borderRadius: \"6px\",\n          fontFamily: \"monospace\",\n          marginBottom: \"1rem\",\n        },\n        children: [\n          m(\"span\", {\n            style: {\n              display: \"inline-block\",\n              backgroundColor: \"red\",\n              padding: \"0.1em 0.4em\",\n              marginRight: \"0.5em\",\n              borderRadius: \"4px\",\n              fontSize: \"0.9em\",\n              fontWeight: \"bold\",\n            },\n            children: props.error.name,\n          }),\n          props.error.message,\n        ],\n      }),\n      m(\"p\", { children: \"Please see the browser console for details.\" }),\n    ],\n  });\n}\n","import { MOUNT, Router, UNMOUNT } from \"../router/router\";\nimport { assertInstanceOf } from \"../typeChecking\";\nimport type { View } from \"../types\";\nimport { Context, LifecycleEvent } from \"./context\";\nimport { type LoggerCrashProps, onLoggerCrash } from \"./logger\";\nimport { type MarkupNode } from \"./markup\";\nimport { ViewNode } from \"./nodes/view\";\nimport { DefaultCrashView } from \"./views/default-crash-view\";\n\nlet isMounted = false;\n\nexport type UnmountFn = () => Promise<void>;\nexport interface MountOptions {\n  crashView?: View<LoggerCrashProps>;\n\n  /**\n   * An existing Context to use as the root, otherwise a new one will be created.\n   * Use this to provide top-level stores and state to the whole app.\n   */\n  context?: Context;\n}\n\nexport async function mount(view: View<{}>, domNode: Element, options?: MountOptions): Promise<UnmountFn>;\nexport async function mount(router: Router, domNode: Element, options?: MountOptions): Promise<UnmountFn>;\n\nexport async function mount(view: any, rootElement: Element, options?: MountOptions): Promise<UnmountFn> {\n  assertInstanceOf(Element, rootElement, \"Expected an element or a selector string. Got type: %t, value: %v\");\n\n  if (isMounted) {\n    throw new Error(`A Dolla app is already mounted.`);\n  }\n\n  let rootView: MarkupNode;\n  let router: Router | undefined;\n  let crashView = options?.crashView ?? DefaultCrashView;\n\n  const rootContext = options?.context ?? new Context(\"App\");\n\n  onLoggerCrash((props) => {\n    if (isMounted) {\n      unmount();\n    }\n\n    // Mount the crash page\n    new ViewNode(rootContext, crashView, props).mount(rootElement);\n  });\n\n  Context.emit(rootContext, LifecycleEvent.WILL_MOUNT);\n\n  if (view instanceof Router) {\n    // Store router reference so we can unmount it with the app.\n    router = view;\n    rootView = await router[MOUNT](rootElement, rootContext);\n  } else {\n    rootView = new ViewNode(rootContext, view, {});\n  }\n  rootView.mount(rootElement);\n  isMounted = true;\n\n  Context.emit(rootContext, LifecycleEvent.DID_MOUNT);\n\n  async function unmount() {\n    if (!isMounted) return;\n\n    Context.emit(rootContext, LifecycleEvent.WILL_UNMOUNT);\n\n    rootView.unmount(false);\n    if (router) {\n      await router[UNMOUNT]();\n    }\n    isMounted = false;\n\n    Context.emit(rootContext, LifecycleEvent.DID_UNMOUNT);\n  }\n\n  return unmount;\n}\n"],"names":["DefaultCrashView","props","m","when","isMounted","mount","view","rootElement","options","assertInstanceOf","rootView","router","crashView","rootContext","Context","onLoggerCrash","unmount","ViewNode","LifecycleEvent","Router","MOUNT","UNMOUNT"],"mappings":";;;;;;;;AA8BO,SAASA,EAAiBC,GAAuB;AACtD,SAAOC,EAAE,OAAO;AAAA,IACd,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,MACRA,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,SAAS,GAAG,UAAU,uBAAuB;AAAA,MAC9EA,EAAE,KAAK;AAAA,QACL,OAAO,EAAE,cAAc,UAAU;AAAA,QACjC,UAAU;AAAA,UACRA,EAAE,QAAQ;AAAA,YACR,OAAO,EAAE,YAAY,YAAY;AAAA,YACjC,UAAUD,EAAM;AAAA,UAAA,CACjB;AAAA,UACDE;AAAA,YACEF,EAAM;AAAA,YACNC,EAAE,QAAQ;AAAA,cACR,OAAO,EAAE,YAAY,aAAa,SAAS,IAAI;AAAA,cAC/C,UAAU,KAAKD,EAAM,UAAU,GAAGA,EAAM,OAAO,OAAO,EAAE,GAAGA,EAAM,GAAG;AAAA,YACrE,CAAA;AAAA,UACH;AAAA,UACA;AAAA,QAAA;AAAA,MACF,CACD;AAAA,MACDC,EAAE,cAAc;AAAA,QACd,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,SAAS;AAAA,UACT,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,cAAc;AAAA,QAChB;AAAA,QACA,UAAU;AAAA,UACRA,EAAE,QAAQ;AAAA,YACR,OAAO;AAAA,cACL,SAAS;AAAA,cACT,iBAAiB;AAAA,cACjB,SAAS;AAAA,cACT,aAAa;AAAA,cACb,cAAc;AAAA,cACd,UAAU;AAAA,cACV,YAAY;AAAA,YACd;AAAA,YACA,UAAUD,EAAM,MAAM;AAAA,UAAA,CACvB;AAAA,UACDA,EAAM,MAAM;AAAA,QAAA;AAAA,MACd,CACD;AAAA,MACDC,EAAE,KAAK,EAAE,UAAU,8CAA+C,CAAA;AAAA,IAAA;AAAA,EACpE,CACD;AACH;AC7EA,IAAIE,IAAY;AAgBM,eAAAC,EAAMC,GAAWC,GAAsBC,GAA4C;AAGvG,MAFiBC,EAAA,SAASF,GAAa,mEAAmE,GAEtGH;AACI,UAAA,IAAI,MAAM,iCAAiC;AAG/C,MAAAM,GACAC,GACAC,KAAYJ,KAAA,gBAAAA,EAAS,cAAaR;AAEtC,QAAMa,KAAcL,KAAA,gBAAAA,EAAS,YAAW,IAAIM,EAAQ,KAAK;AAEzD,EAAAC,EAAc,CAACd,MAAU;AACvB,IAAIG,KACMY,EAAA,GAIV,IAAIC,EAASJ,GAAaD,GAAWX,CAAK,EAAE,MAAMM,CAAW;AAAA,EAAA,CAC9D,GAEOO,EAAA,KAAKD,GAAaK,EAAe,UAAU,GAE/CZ,aAAgBa,KAETR,IAAAL,GACTI,IAAW,MAAMC,EAAOS,CAAK,EAAEb,GAAaM,CAAW,KAEvDH,IAAW,IAAIO,EAASJ,GAAaP,GAAM,CAAA,CAAE,GAE/CI,EAAS,MAAMH,CAAW,GACdH,IAAA,IAEJU,EAAA,KAAKD,GAAaK,EAAe,SAAS;AAElD,iBAAeF,IAAU;AACvB,IAAKZ,MAEGU,EAAA,KAAKD,GAAaK,EAAe,YAAY,GAErDR,EAAS,QAAQ,EAAK,GAClBC,KACI,MAAAA,EAAOU,CAAO,EAAE,GAEZjB,IAAA,IAEJU,EAAA,KAAKD,GAAaK,EAAe,WAAW;AAAA,EAAA;AAG/C,SAAAF;AACT;"}
+{"version":3,"file":"index.js","sources":["../src/core/views/for.ts","../src/core/views/show.ts","../src/core/views/default-crash-view.ts","../src/core/mount.ts"],"sourcesContent":["import type { Renderable } from \"../../types\";\nimport type { Context } from \"../context\";\nimport { type Key, RepeatNode } from \"../nodes/repeat\";\nimport { type Signal } from \"../signals\";\n\nexport interface ForProps<T> {\n  /**\n   * An array of items to render.\n   */\n  each: Signal<T[]>;\n  /**\n   * A function to extract a unique key that identifies each item.\n   * If no `key` function is passed, object identity (===) will be used.\n   */\n  key?: (item: T, index: number) => Key;\n  /**\n   * A render function. Takes the item and its index in signal form and returns something to display for each item.\n   */\n  children: ($item: Signal<T>, $index: Signal<number>, ctx: Context) => Renderable;\n}\n\nconst defaultKeyFn = (x: any) => x;\n\n/**\n *\n */\nexport function For<T>(props: ForProps<T>, context: Context) {\n  return new RepeatNode(context, props.each, props.key ?? defaultKeyFn, props.children);\n}\n","import type { Renderable } from \"../../types\";\nimport type { Context } from \"../context\";\nimport { DynamicNode } from \"../nodes/dynamic\";\nimport { get, type Signal } from \"../signals\";\n\nexport interface ShowProps {\n  /**\n   * If present, children will be rendered only when this signal holds a truthy value.\n   */\n  when?: Signal<any>;\n\n  /**\n   * If present, children will be rendered only when this signal holds a falsy value.\n   */\n  unless?: Signal<any>;\n\n  /**\n   * Content to render if conditions permit.\n   */\n  children: Renderable;\n\n  /**\n   * Content to render when conditions don't permit `children` to render.\n   */\n  fallback?: Renderable;\n}\n\n/**\n * Conditionally display children.\n */\nexport function Show(props: ShowProps, context: Context) {\n  return new DynamicNode(context, () => {\n    let shouldShow = true;\n\n    if (props.when != null && props.unless != null) {\n      shouldShow = get(props.when) && !get(props.unless);\n    } else if (props.when != null) {\n      shouldShow = get(props.when);\n    } else if (props.unless != null) {\n      shouldShow = !get(props.unless);\n    }\n\n    if (shouldShow) {\n      return props.children;\n    } else {\n      return props.fallback;\n    }\n  });\n}\n","import { when, m } from \"../markup.js\";\n\n/**\n * Props passed to the crash view when a crash occurs.\n */\nexport interface CrashViewProps {\n  /**\n   * JavaScript Error object.\n   */\n  error: Error;\n\n  /**\n   * A string to identify the logger that reported this error.\n   */\n  loggerName: string;\n\n  /**\n   * Unique identifier to pinpoint the specific view that reported the crash.\n   */\n  tag?: string;\n\n  /**\n   * Label for the tag.\n   */\n  tagName?: string;\n}\n\n/**\n * The crash view displayed unless you specify your own.\n */\nexport function DefaultCrashView(props: CrashViewProps) {\n  return m(\"div\", {\n    style: {\n      backgroundColor: \"#880000\",\n      color: \"#fff\",\n      padding: \"2rem\",\n      position: \"fixed\",\n      inset: 0,\n      fontSize: \"20px\",\n    },\n    children: [\n      m(\"h1\", { style: { marginBottom: \"0.5rem\" }, children: \"The app has crashed\" }),\n      m(\"p\", {\n        style: { marginBottom: \"0.25rem\" },\n        children: [\n          m(\"span\", {\n            style: { fontFamily: \"monospace\" },\n            children: props.loggerName,\n          }),\n          when(\n            props.tag,\n            m(\"span\", {\n              style: { fontFamily: \"monospace\", opacity: 0.5 },\n              children: ` [${props.tagName ? `${props.tagName}: ` : \"\"}${props.tag}]`,\n            }),\n          ),\n          \" says:\",\n        ],\n      }),\n      m(\"blockquote\", {\n        style: {\n          backgroundColor: \"#991111\",\n          padding: \"0.25em\",\n          borderRadius: \"6px\",\n          fontFamily: \"monospace\",\n          marginBottom: \"1rem\",\n        },\n        children: [\n          m(\"span\", {\n            style: {\n              display: \"inline-block\",\n              backgroundColor: \"red\",\n              padding: \"0.1em 0.4em\",\n              marginRight: \"0.5em\",\n              borderRadius: \"4px\",\n              fontSize: \"0.9em\",\n              fontWeight: \"bold\",\n            },\n            children: props.error.name,\n          }),\n          props.error.message,\n        ],\n      }),\n      m(\"p\", { children: \"Please see the browser console for details.\" }),\n    ],\n  });\n}\n","import { MOUNT, Router, UNMOUNT } from \"../router/router\";\nimport { assertInstanceOf } from \"../typeChecking\";\nimport type { View } from \"../types\";\nimport { Context, LifecycleEvent } from \"./context\";\nimport { type LoggerCrashProps, onLoggerCrash } from \"./logger\";\nimport { type MarkupNode } from \"./markup\";\nimport { ViewNode } from \"./nodes/view\";\nimport { DefaultCrashView } from \"./views/default-crash-view\";\n\nlet isMounted = false;\n\nexport type UnmountFn = () => Promise<void>;\nexport interface MountOptions {\n  crashView?: View<LoggerCrashProps>;\n\n  /**\n   * An existing Context to use as the root, otherwise a new one will be created.\n   * Use this to provide top-level stores and state to the whole app.\n   */\n  context?: Context;\n}\n\nexport async function mount(view: View<{}>, domNode: Element, options?: MountOptions): Promise<UnmountFn>;\nexport async function mount(router: Router, domNode: Element, options?: MountOptions): Promise<UnmountFn>;\n\nexport async function mount(view: any, rootElement: Element, options?: MountOptions): Promise<UnmountFn> {\n  assertInstanceOf(Element, rootElement, \"Expected an element or a selector string. Got type: %t, value: %v\");\n\n  if (isMounted) {\n    throw new Error(`A Dolla app is already mounted.`);\n  }\n\n  let rootView: MarkupNode;\n  let router: Router | undefined;\n  let crashView = options?.crashView ?? DefaultCrashView;\n\n  const rootContext = options?.context ?? new Context(\"App\");\n\n  onLoggerCrash((props) => {\n    if (isMounted) {\n      unmount();\n    }\n\n    // Mount the crash page\n    new ViewNode(rootContext, crashView, props).mount(rootElement);\n  });\n\n  Context.emit(rootContext, LifecycleEvent.WILL_MOUNT);\n\n  if (view instanceof Router) {\n    // Store router reference so we can unmount it with the app.\n    router = view;\n    rootView = await router[MOUNT](rootElement, rootContext);\n  } else {\n    rootView = new ViewNode(rootContext, view, {});\n  }\n  rootView.mount(rootElement);\n  isMounted = true;\n\n  Context.emit(rootContext, LifecycleEvent.DID_MOUNT);\n\n  async function unmount() {\n    if (!isMounted) return;\n\n    Context.emit(rootContext, LifecycleEvent.WILL_UNMOUNT);\n\n    rootView.unmount(false);\n    if (router) {\n      await router[UNMOUNT]();\n    }\n    isMounted = false;\n\n    Context.emit(rootContext, LifecycleEvent.DID_UNMOUNT);\n  }\n\n  return unmount;\n}\n"],"names":["defaultKeyFn","x","For","props","context","RepeatNode","Show","DynamicNode","shouldShow","get","DefaultCrashView","m","when","isMounted","mount","view","rootElement","options","assertInstanceOf","rootView","router","crashView","rootContext","Context","onLoggerCrash","unmount","ViewNode","LifecycleEvent","Router","MOUNT","UNMOUNT"],"mappings":"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"}

package/dist/jsx-dev-runtime.js

@@ -1,4 +1,4 @@
-import { d as n } from "./markup-CX27GJ1M.js";
+import { d as n } from "./markup-UzKSsawX.js";
 import { F as m } from "./fragment-BahD_BJA.js";
 function u(e, r, t, o, a, i) {
   return new n(e, t != null ? { ...r, key: t } : r);

package/dist/jsx-runtime.js

@@ -1,4 +1,4 @@
-import { d as u } from "./markup-CX27GJ1M.js";
+import { d as u } from "./markup-UzKSsawX.js";
 import { F as m } from "./fragment-BahD_BJA.js";
 function o(t, n, r) {
   return new u(t, r != null ? { ...n, key: r } : n);

package/dist/{markup-CX27GJ1M.js → markup-UzKSsawX.js}

@@ -3,8 +3,8 @@ var B = (i) => {
   throw TypeError(i);
 };
 var nt = (i, o, t) => o in i ? it(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
-var a = (i, o, t) => nt(i, typeof o != "symbol" ? o + "" : o, t), V = (i, o, t) => o.has(i) || B("Cannot " + t);
-var O = (i, o, t) => (V(i, o, "read from private field"), t ? t.call(i) : o.get(i)), j = (i, o, t) => o.has(i) ? B("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, t), T = (i, o, t, e) => (V(i, o, "write to private field"), e ? e.call(i, t) : o.set(i, t), t);
+var a = (i, o, t) => nt(i, typeof o != "symbol" ? o + "" : o, t), j = (i, o, t) => o.has(i) || B("Cannot " + t);
+var O = (i, o, t) => (j(i, o, "read from private field"), t ? t.call(i) : o.get(i)), V = (i, o, t) => o.has(i) ? B("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, t), T = (i, o, t, e) => (j(i, o, "write to private field"), e ? e.call(i, t) : o.set(i, t), t);
 import { c as m, t as rt, i as C, b as D } from "./typeChecking-CbltMOUt.js";
 import { u as I, g as x, f as Y, h as M, e as v, t as J, o as ct, i as at, b as ht, $ as _, d as ut } from "./signals-gCwiIe5X.js";
 import { c as lt, g as dt } from "./logger-Bl496yfY.js";
@@ -82,7 +82,7 @@ var z, F, H, Z, K, N;
 K = U, Z = d, H = b, F = y, z = w;
 const L = class L {
   constructor(o, t) {
-    j(this, N);
+    V(this, N);
     a(this, K);
     a(this, Z, new ft(this));
     a(this, H);
@@ -215,24 +215,30 @@ const L = class L {
     }
   }
   getState(o, t) {
-    var e;
-    if (arguments.length > 0) {
-      let s = this, n;
-      for (; n = (e = s[w]) == null ? void 0 : e.get(o), n === void 0 && s[b] != null; )
-        s = s[b];
-      if (n === void 0) {
-        if (arguments.length > 1)
-          return t;
-        throw new Error(`Expected a value for '${String(o)}' but got undefined.`);
-      }
-      return n;
-    } else {
-      let s = this;
-      const n = [];
-      for (; s[w] && n.push(...s[w].entries()), s[b] != null; )
-        s = s[b];
-      return new Map(n.reverse());
+    var c;
+    const e = (t == null ? void 0 : t.immediate) ?? !1;
+    let s = this, n;
+    for (; n = (c = s[w]) == null ? void 0 : c.get(o), n === void 0 && !e && s[b] != null; )
+      s = s[b];
+    if (n === void 0) {
+      if (t != null && Object.hasOwn(t, "fallback"))
+        return t.fallback;
+      throw new Error(`Expected a value for '${String(o)}' but got undefined.`);
     }
+    return n;
+  }
+  /**
+   * Returns a Map containing all state values available to this context.
+   *
+   * Pass `options.immediate` to only include state stored on this context.
+   * By default all state stored on parent contexts is also included.
+   */
+  getStateMap(o) {
+    let t = this;
+    const e = (o == null ? void 0 : o.immediate) ?? !1, s = [];
+    for (; t[w] && s.push(...t[w].entries()), !e && t[b] != null; )
+      t = t[b];
+    return new Map(s.reverse());
   }
   setState(...o) {
     if (this[w] || (this[w] = /* @__PURE__ */ new Map()), o.length === 2)
@@ -448,8 +454,8 @@ class bt extends k {
     a(this, "ref");
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
     a(this, "canClickAway", !1);
-    if (this.tag = e, this.props = s, this.context = f.linked(t, q.bind(this)), e.toLowerCase() === "svg" && this.context.setState(P, !0), this.context.getState(P, !1) ? this.root = document.createElementNS("http://www.w3.org/2000/svg", e) : this.root = document.createElement(e), dt() === "development") {
-      const c = this.context.getState(Q, null);
+    if (this.tag = e, this.props = s, this.context = f.linked(t, q.bind(this)), e.toLowerCase() === "svg" && this.context.setState(P, !0), this.context.getState(P, { fallback: !1 }) ? this.root = document.createElementNS("http://www.w3.org/2000/svg", e) : this.root = document.createElement(e), dt() === "development") {
+      const c = this.context.getState(Q, { fallback: null });
       c && (this.root.dataset.view = c.context.getName());
     }
     if (s.mixin)
@@ -557,7 +563,7 @@ class bt extends k {
         this.attachProp(n, (c) => {
           c == null ? t.removeAttribute(s) : t.setAttribute(s, String(c));
         });
-      else if (this.context.getState(P, !1))
+      else if (this.context.getState(P, { fallback: !1 }))
         this.attachProp(n, (c) => {
           c != null ? t.setAttribute(s, String(e[s])) : t.removeAttribute(s);
         });
@@ -1016,6 +1022,7 @@ export {
   A as D,
   g as L,
   k as M,
+  vt as R,
   X as V,
   Tt as a,
   Nt as b,
@@ -1027,4 +1034,4 @@ export {
   Ot as u,
   kt as w
 };
-//# sourceMappingURL=markup-CX27GJ1M.js.map
+//# sourceMappingURL=markup-UzKSsawX.js.map