storion 0.2.3 → 0.4.0

package/dist/devtools-panel/mount.d.ts

@@ -0,0 +1,41 @@
+import { PanelPosition } from './DevtoolsPanel';
+
+export interface MountOptions {
+    /** Container element to mount into. If string, will query for element. */
+    container?: HTMLElement | string;
+    /** Position when creating default container */
+    position?: PanelPosition;
+    /** Initial height/width depending on position */
+    size?: number;
+    /** Z-index for the panel */
+    zIndex?: number;
+    /** Start collapsed */
+    collapsed?: boolean;
+}
+/**
+ * Mount the devtools panel.
+ *
+ * @example
+ * ```ts
+ * import { mountDevtoolsPanel } from "storion/devtools-panel";
+ *
+ * // Mount with default left panel
+ * mountDevtoolsPanel();
+ *
+ * // Mount at bottom
+ * mountDevtoolsPanel({ position: "bottom", size: 300 });
+ *
+ * // Mount at left
+ * mountDevtoolsPanel({ position: "left", size: 400 });
+ * ```
+ */
+export declare function mountDevtoolsPanel(options?: MountOptions): () => void;
+/**
+ * Unmount the devtools panel.
+ */
+export declare function unmountDevtoolsPanel(): void;
+/**
+ * Toggle the devtools panel visibility.
+ */
+export declare function toggleDevtoolsPanel(options?: MountOptions): void;
+//# sourceMappingURL=mount.d.ts.map

package/dist/devtools-panel/mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/devtools-panel/mount.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA2BpE,MAAM,WAAW,YAAY;IAC3B,0EAA0E;IAC1E,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACjC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA8ID;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,YAAiB,GAAG,MAAM,IAAI,CA6LzE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAU3C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAMhE"}

package/dist/devtools-panel/styles.d.ts

@@ -0,0 +1,50 @@
+/**
+ * CSS styles for devtools panel.
+ * shadcn UI inspired theme with clean, minimal design.
+ *
+ * Font strategy:
+ * - Sans-serif (Inter/system) for UI labels, buttons, headings
+ * - Monospace for data values, timestamps, code, inputs
+ */
+export declare const colors: {
+    bg: {
+        base: string;
+        card: string;
+        panel: string;
+        elevated: string;
+        hover: string;
+        muted: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        dim: string;
+    };
+    border: {
+        default: string;
+        subtle: string;
+        focus: string;
+    };
+    syntax: {
+        key: string;
+        string: string;
+        number: string;
+        boolean: string;
+        null: string;
+    };
+    accent: {
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+        blue: string;
+        purple: string;
+        green: string;
+        red: string;
+        yellow: string;
+    };
+};
+export declare const panelStyles: string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/devtools-panel/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/devtools-panel/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ClB,CAAC;AAQF,eAAO,MAAM,WAAW,QAm1CvB,CAAC"}

package/dist/devtools-panel/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Types for devtools panel.
+ */
+export type Tab = "stores" | "history" | "graph";
+export interface PanelState {
+    /** Currently active tab */
+    activeTab: Tab;
+    /** Search query */
+    searchQuery: string;
+    /** Selected store ID */
+    selectedStoreId: string | null;
+    /** Whether panel is collapsed */
+    collapsed: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/devtools-panel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/devtools-panel/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,GAAG,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,2BAA2B;IAC3B,SAAS,EAAE,GAAG,CAAC;IACf,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iCAAiC;IACjC,SAAS,EAAE,OAAO,CAAC;CACpB"}

package/dist/devtools-panel/utils.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Devtools Utility Functions
+ *
+ * Shared utility functions for the devtools panel.
+ */
+/**
+ * Format a timestamp to time string with milliseconds (HH:MM:SS.mmm)
+ */
+export declare function formatTime(timestamp: number): string;
+/**
+ * Format a timestamp to time string with milliseconds (HH:MM:SS.mmm)
+ */
+export declare function formatDateTime(timestamp: number): string;
+/**
+ * Format a value for display with type information
+ */
+export declare function formatValue(value: unknown): {
+    text: string;
+    type: string;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/devtools-panel/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/devtools-panel/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAUpD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAiB1E"}

package/dist/index.d.ts

@@ -3,11 +3,16 @@
  *
  * @packageDocumentation
  */
-export type { StateBase, ActionsBase, Equality, EqualityMap, Lifetime, DispatchEvent, ActionDispatchEvent, ReactiveAction, ReactiveActions, StoreMeta, StoreSpec, StoreContext, StoreMixin, StoreOptions, StoreInstance, StoreResolver, StoreContainer, ContainerOptions, StoreMiddleware, SelectorContext, SelectorMixin, Selector, StableResult, PickEquality, } from './types';
+export { STORION_TYPE, type StorionKind, type StorionObject, type StateBase, type ActionsBase, type Equality, type EqualityMap, type Lifetime, type DispatchEvent, type ActionDispatchEvent, type ReactiveAction, type ReactiveActions, type StoreMeta, type StoreSpec, type StoreContext, type StoreMixin, type StoreOptions, type StoreInstance, type StoreContainer, type ContainerOptions, type StoreMiddleware, type SelectorContext, type SelectorMixin, type Selector, type StoreTuple, type StableResult, type PickEquality, type StatePath, type PathValue, type Focus, type FocusOptions, type FocusChangeEvent, type NonNullish, type Factory, type Middleware, type MiddlewareContext, type Resolver, type ResolverOptions, } from './types';
+export { is, isStorion, getKind, isSpec, isContainer, isStore, isFocus, isAction, isStoreContext, isSelectorContext, } from './is';
 export { store } from './core/store';
 export { container } from './core/container';
 export { batch, untrack } from './core/tracking';
+export { createResolver, when, createLoggingMiddleware, createValidationMiddleware, } from './core/createResolver';
 export { pick } from './core/pick';
 export { effect, type EffectFn, type EffectContext, type EffectOptions, type EffectErrorStrategy, type EffectErrorContext, type EffectRetryConfig, } from './core/effect';
 export { applyFor, applyExcept, compose, type SpecPattern, } from './core/middleware';
+export { equality, shallowEqual, deepEqual, strictEqual, } from './core/equality';
+export { trigger, type TriggerOptions } from './trigger';
+export { wrapFn as wrapFn, unwrapFn, isWrappedFn } from './core/fnWrapper';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EACV,SAAS,EACT,WAAW,EACX,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,EACL,MAAM,EACN,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,KAAK,WAAW,GACjB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EACL,YAAY,EACZ,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,YAAY,EAEjB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,KAAK,EACV,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAEf,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,QAAQ,EACb,KAAK,eAAe,GACrB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,EAAE,EACF,SAAS,EACT,OAAO,EACP,MAAM,EACN,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,cAAc,EACd,iBAAiB,GAClB,MAAM,MAAM,CAAC;AAGd,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,EACL,cAAc,EACd,IAAI,EACJ,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,EACL,MAAM,EACN,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,KAAK,WAAW,GACjB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAGzD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/is.d.ts

@@ -0,0 +1,69 @@
+import { StorionKind, StorionObject, StoreSpec, StoreContainer, StoreInstance, StoreContext, SelectorContext, Focus, StateBase, ActionsBase } from './types';
+
+/**
+ * Check if a value is a Storion object of a specific kind.
+ *
+ * @example
+ * if (is(value, "store.spec")) {
+ *   // value is StoreSpec
+ * }
+ *
+ * if (is(value, "store")) {
+ *   // value is StoreInstance
+ * }
+ *
+ * if (is(value, "focus")) {
+ *   // value is Focus
+ * }
+ */
+export declare function is<K extends StorionKind>(value: unknown, kind: K): value is StorionObjectForKind<K>;
+/**
+ * Check if a value is any Storion object.
+ *
+ * @example
+ * if (isStorion(value)) {
+ *   console.log(value[STORION_SYMBOL]); // "spec" | "store" | ...
+ * }
+ */
+export declare function isStorion(value: unknown): value is StorionObject;
+/**
+ * Get the kind of a Storion object.
+ *
+ * @example
+ * const kind = getKind(myStore); // "store"
+ */
+export declare function getKind(value: StorionObject): StorionKind;
+/**
+ * Check if a value is a StoreSpec.
+ */
+export declare function isSpec<TState extends StateBase = StateBase, TActions extends ActionsBase = ActionsBase>(value: unknown): value is StoreSpec<TState, TActions>;
+/**
+ * Check if a value is a StoreContainer.
+ */
+export declare function isContainer(value: unknown): value is StoreContainer;
+/**
+ * Check if a value is a StoreInstance.
+ */
+export declare function isStore<TState extends StateBase = StateBase, TActions extends ActionsBase = ActionsBase>(value: unknown): value is StoreInstance<TState, TActions>;
+/**
+ * Check if a value is a Focus.
+ */
+export declare function isFocus<TValue = unknown>(value: unknown): value is Focus<TValue>;
+/**
+ * Check if a value is a StoreContext.
+ */
+export declare function isStoreContext<TState extends StateBase = StateBase>(value: unknown): value is StoreContext<TState>;
+/**
+ * Check if a value is a SelectorContext.
+ */
+export declare function isSelectorContext(value: unknown): value is SelectorContext;
+/**
+ * Check if a value is a store Action.
+ */
+export declare function isAction(value: unknown): value is StorionObject<"store.action">;
+/**
+ * Maps StorionKind to the corresponding type.
+ */
+type StorionObjectForKind<K extends StorionKind> = K extends "store.spec" ? StoreSpec<any, any> : K extends "container" ? StoreContainer : K extends "store" ? StoreInstance<any, any> : K extends "focus" ? Focus<any> : K extends "store.action" ? StorionObject<"store.action"> : K extends "store.context" ? StoreContext<any> : K extends "selector.context" ? SelectorContext : K extends "async.meta" ? StorionObject<"async.meta"> : never;
+export {};
+//# sourceMappingURL=is.d.ts.map

package/dist/is.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is.d.ts","sourceRoot":"","sources":["../src/is.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAEL,WAAW,EACX,aAAa,EACb,SAAS,EACT,cAAc,EACd,aAAa,EACb,YAAY,EACZ,eAAe,EACf,KAAK,EACL,SAAS,EACT,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,EAAE,CAAC,CAAC,SAAS,WAAW,EACtC,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,CAAC,GACN,KAAK,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAOlC;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,aAAa,CAOhE;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,WAAW,CAEzD;AAMD;;GAEG;AACH,wBAAgB,MAAM,CACpB,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,QAAQ,SAAS,WAAW,GAAG,WAAW,EAC1C,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAEtD;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,cAAc,CAEnE;AAED;;GAEG;AACH,wBAAgB,OAAO,CACrB,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,QAAQ,SAAS,WAAW,GAAG,WAAW,EAC1C,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAE1D;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,MAAM,GAAG,OAAO,EACtC,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAExB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,SAAS,SAAS,GAAG,SAAS,EACjE,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,YAAY,CAAC,MAAM,CAAC,CAE/B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,eAAe,CAE1E;AAED;;GAEG;AACH,wBAAgB,QAAQ,CACtB,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,aAAa,CAAC,cAAc,CAAC,CAExC;AAMD;;GAEG;AACH,KAAK,oBAAoB,CAAC,CAAC,SAAS,WAAW,IAAI,CAAC,SAAS,YAAY,GACrE,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,GACnB,CAAC,SAAS,WAAW,GACrB,cAAc,GACd,CAAC,SAAS,OAAO,GACjB,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,GACvB,CAAC,SAAS,OAAO,GACjB,KAAK,CAAC,GAAG,CAAC,GACV,CAAC,SAAS,cAAc,GACxB,aAAa,CAAC,cAAc,CAAC,GAC7B,CAAC,SAAS,eAAe,GACzB,YAAY,CAAC,GAAG,CAAC,GACjB,CAAC,SAAS,kBAAkB,GAC5B,eAAe,GACf,CAAC,SAAS,YAAY,GACtB,aAAa,CAAC,YAAY,CAAC,GAC3B,KAAK,CAAC"}

package/dist/react/create.d.ts

@@ -2,7 +2,7 @@ import { StateBase, ActionsBase, StoreOptions, StoreInstance, StableResult } fro
 
 /**
  * Selector for create() hook.
- * Receives state and actions directly (no resolve needed).
+ * Receives state and actions directly (no get needed).
  */
 export type CreateSelector<TState extends StateBase, TActions extends ActionsBase, T> = (state: Readonly<TState>, actions: TActions) => T;
 /**

package/dist/react/index.d.ts

@@ -6,6 +6,7 @@
 export { StoreProvider, useContainer } from './context';
 export { useStore } from './useStore';
 export { type LocalStoreResult } from './useLocalStore';
+export { withStore, type WithStoreHook, type WithStoreRender, type WithStoreRenderWithRef, type WithStoreOptions, } from './withStore';
 export { create, type CreateSelector, type UseCreatedStore, type CreateResult, } from './create';
 export * from '../index';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,OAAO,EACL,MAAM,EACN,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,YAAY,GAClB,MAAM,UAAU,CAAC;AAGlB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EACL,SAAS,EACT,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,GACtB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,MAAM,EACN,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,YAAY,GAClB,MAAM,UAAU,CAAC;AAGlB,cAAc,UAAU,CAAC"}

package/dist/react/index.js

@@ -1,9 +1,12 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { memo, useMemo, createElement, createContext, useContext, useReducer, useRef, useLayoutEffect, useState, useEffect } from "react";
-import { c as container, w as withHooks, s as store } from "../index-rLf6DusB.js";
-import { d, a, b, f, e, p, u } from "../index-rLf6DusB.js";
+import { memo, useMemo, createElement, createContext, useContext, useReducer, useRef, useEffect, useLayoutEffect, useState, forwardRef } from "react";
+import { container } from "../storion.js";
+import { applyExcept, applyFor, compose, createLoggingMiddleware, createResolver, createValidationMiddleware, effect, pick, trigger, when } from "../storion.js";
+import { w as withHooks, i as isSpec, S as STORION_TYPE, r as resolveEquality, s as store } from "../store-Yv-9gPVf.js";
+import { m, p, n, g, a, j, d, h, l, f, k, b, x, o, q, u, v, t } from "../store-Yv-9gPVf.js";
+import { jsx } from "react/jsx-runtime";
 const StoreContext = createContext(null);
 const StoreProvider = memo(
   ({ container: value, children }) => {
@@ -22,9 +25,60 @@ function useContainer() {
   }
   return ctx;
 }
+function checkIsDev() {
+  if (typeof __DEV__ !== "undefined") {
+    return __DEV__;
+  }
+  try {
+    return process.env.NODE_ENV !== "production";
+  } catch {
+    return false;
+  }
+}
+function dev(fn) {
+  const isDev = checkIsDev();
+  if (fn) {
+    if (isDev) {
+      fn();
+    }
+    return isDev;
+  }
+  return isDev;
+}
+((dev2) => {
+  function log(message, ...args) {
+    if (checkIsDev()) {
+      console.log(`[rextive] ${message}`, ...args);
+    }
+  }
+  dev2.log = log;
+  function warn(message, ...args) {
+    if (checkIsDev()) {
+      console.warn(`[rextive] ${message}`, ...args);
+    }
+  }
+  dev2.warn = warn;
+  function error(message, ...args) {
+    if (checkIsDev()) {
+      console.error(`[rextive] ${message}`, ...args);
+    }
+  }
+  dev2.error = error;
+  function assert(condition, message) {
+    if (checkIsDev()) {
+      if (!condition) {
+        throw new Error(`[rextive] Assertion failed: ${message}`);
+      }
+    }
+  }
+  dev2.assert = assert;
+})(dev || (dev = {}));
+const isServer = typeof window === "undefined";
+const useIsomorphicLayoutEffect = isServer ? useEffect : useLayoutEffect;
+const shouldScheduleDispose = !isServer && typeof useLayoutEffect === "function" && dev();
 function useLocalStore(spec) {
   var _a;
-  const [, forceUpdate] = useReducer((x) => x + 1, 0);
+  const [, forceUpdate] = useReducer((x2) => x2 + 1, 0);
   const prevControllerRef = useRef(null);
   const controller = useMemo(() => new LocalStoreController(spec), [spec]);
   if (prevControllerRef.current !== controller) {
@@ -32,7 +86,7 @@ function useLocalStore(spec) {
     prevControllerRef.current = controller;
   }
   const store2 = controller.getStore();
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     controller.commit();
     const unsubscribe = store2.subscribe(() => forceUpdate());
     return () => {
@@ -82,11 +136,15 @@ class LocalStoreController {
      */
     __publicField(this, "_disposeIfUnused", () => {
       if (this._committed || this._disposed) return;
-      Promise.resolve().then(() => {
-        if (!this._committed) {
-          this.dispose();
-        }
-      });
+      if (shouldScheduleDispose) {
+        Promise.resolve().then(() => {
+          if (!this._committed) {
+            this.dispose();
+          }
+        });
+      } else {
+        this.dispose();
+      }
     });
     /**
      * Get or create the store instance.
@@ -103,10 +161,12 @@ class LocalStoreController {
       if (depsCount > 0) {
         this.dispose();
         throw new Error(
-          `Local store must not have dependencies, but "${this.spec.name}" has ${depsCount} dependencies. Use useStore() with a global container for stores with dependencies.`
+          `Local store must not have dependencies, but "${this.spec.displayName}" has ${depsCount} dependencies. Use useStore() with a global container for stores with dependencies.`
         );
       }
-      this._disposeIfUnused();
+      if (shouldScheduleDispose) {
+        this._disposeIfUnused();
+      }
       return this._store;
     });
     /**
@@ -128,27 +188,44 @@ class LocalStoreController {
   }
 }
 function useStoreWithContainer(selector, container2) {
-  const [, forceUpdate] = useReducer((x) => x + 1, 0);
+  const [, forceUpdate] = useReducer((x2) => x2 + 1, 0);
   const [refs] = useState(() => ({
-    selector,
+    fresh: void 0,
     stableFns: /* @__PURE__ */ new Map(),
     trackedDeps: /* @__PURE__ */ new Map(),
-    subscriptions: /* @__PURE__ */ new Map()
+    subscriptions: /* @__PURE__ */ new Map(),
+    id: {},
+    onceRan: false
   }));
-  refs.selector = selector;
   refs.trackedDeps.clear();
+  const shouldRunOnce = !refs.onceRan;
   const selectorContext = useMemo(() => {
     const ctx = {
-      resolve(spec) {
-        const instance = container2.get(spec);
-        return [instance.state, instance.actions];
+      [STORION_TYPE]: "selector.context",
+      id: refs.id,
+      // Implementation handles both StoreSpec and Factory overloads
+      get(specOrFactory) {
+        if (!isSpec(specOrFactory)) {
+          return container2.get(specOrFactory);
+        }
+        const instance = container2.get(specOrFactory);
+        const tuple = [instance.state, instance.actions];
+        return Object.assign(tuple, {
+          state: instance.state,
+          actions: instance.actions
+        });
       },
-      use(mixin, ...args) {
+      mixin(mixin, ...args) {
         return mixin(ctx, ...args);
+      },
+      once(callback) {
+        if (shouldRunOnce) {
+          callback();
+        }
       }
     };
     return ctx;
-  }, [container2]);
+  }, [container2, shouldRunOnce]);
   const result = withHooks(
     {
       onRead: (event) => {
@@ -157,18 +234,22 @@ function useStoreWithContainer(selector, container2) {
     },
     () => selector(selectorContext)
   );
+  if (shouldRunOnce) {
+    refs.onceRan = true;
+  }
   if (result && typeof result.then === "function") {
     throw new Error(
       "useStore selector must be synchronous. Do not return a Promise from the selector function."
     );
   }
+  refs.fresh = result;
   const output = Array.isArray(result) ? [] : {};
   for (const [key, value] of Object.entries(result)) {
     if (typeof value === "function") {
       if (!refs.stableFns.has(key)) {
         refs.stableFns.set(key, (...args) => {
-          const fresh = refs.selector(selectorContext);
-          return fresh[key](...args);
+          var _a, _b;
+          return (_b = (_a = refs.fresh) == null ? void 0 : _a[key]) == null ? void 0 : _b.call(_a, ...args);
         });
       }
       output[key] = refs.stableFns.get(key);
@@ -203,21 +284,92 @@ function useStoreWithContainer(selector, container2) {
   return output;
 }
 function useStore(selectorOrSpec) {
-  const isSpec = typeof selectorOrSpec === "object" && selectorOrSpec !== null && "options" in selectorOrSpec;
-  if (isSpec) {
+  const isSpec2 = typeof selectorOrSpec === "object" && selectorOrSpec !== null && "options" in selectorOrSpec;
+  if (isSpec2) {
     return useLocalStore(selectorOrSpec);
   }
   const container2 = useContainer();
   return useStoreWithContainer(selectorOrSpec, container2);
 }
+function withStore(hook, renderOrOptions, maybeOptions) {
+  const render = typeof renderOrOptions === "function" ? renderOrOptions : void 0;
+  const options = render ? maybeOptions : renderOrOptions;
+  const equalityFn = (options == null ? void 0 : options.equality) ? resolveEquality(options.equality) : void 0;
+  const customDisplayName = options == null ? void 0 : options.displayName;
+  if (render) {
+    if (render.length >= 2) {
+      const WrappedComponent2 = forwardRef((props, ref) => {
+        const output = useStore((ctx) => hook(ctx, props));
+        return render(output, ref);
+      });
+      const MemoizedComponent = equalityFn ? memo(
+        WrappedComponent2,
+        (prev, next) => equalityFn(prev, next)
+      ) : memo(WrappedComponent2);
+      if (customDisplayName) {
+        MemoizedComponent.displayName = customDisplayName;
+      }
+      MemoizedComponent.use = hook;
+      MemoizedComponent.render = (props) => render(props, null);
+      return MemoizedComponent;
+    }
+    const MemoizedRender = equalityFn ? memo(
+      render,
+      (prev, next) => equalityFn(prev, next)
+    ) : memo(render);
+    const WrappedComponent = (props) => {
+      const output = useStore((ctx) => hook(ctx, props));
+      return /* @__PURE__ */ jsx(MemoizedRender, { ...output });
+    };
+    if (customDisplayName) {
+      WrappedComponent.displayName = customDisplayName;
+    }
+    WrappedComponent.use = hook;
+    WrappedComponent.render = render;
+    return WrappedComponent;
+  }
+  const hoc = (Component) => {
+    const isForwardRef = Component.$$typeof === Symbol.for("react.forward_ref");
+    const componentDisplayName = Component.displayName || Component.name;
+    const finalDisplayName = customDisplayName || (componentDisplayName ? `withStore(${componentDisplayName})` : void 0);
+    if (isForwardRef || Component.length >= 2) {
+      const WrappedComponent2 = forwardRef((props, ref) => {
+        const output = useStore((ctx) => hook(ctx, props));
+        return isForwardRef ? /* @__PURE__ */ jsx(Component, { ...output, ref }) : Component(output, ref);
+      });
+      const MemoizedComponent2 = equalityFn ? memo(
+        WrappedComponent2,
+        (prev, next) => equalityFn(prev, next)
+      ) : memo(WrappedComponent2);
+      if (finalDisplayName) {
+        MemoizedComponent2.displayName = finalDisplayName;
+      }
+      return MemoizedComponent2;
+    }
+    const MemoizedComponent = equalityFn ? memo(
+      Component,
+      (prev, next) => equalityFn(prev, next)
+    ) : memo(Component);
+    const WrappedComponent = (props) => {
+      const output = useStore((ctx) => hook(ctx, props));
+      return /* @__PURE__ */ jsx(MemoizedComponent, { ...output });
+    };
+    if (finalDisplayName) {
+      WrappedComponent.displayName = finalDisplayName;
+    }
+    return WrappedComponent;
+  };
+  hoc.use = hook;
+  return hoc;
+}
 function create(options) {
   const spec = store(options);
   const dedicatedContainer = container();
   const instance = dedicatedContainer.get(spec);
   const useCreatedStore = (selector) => {
     return useStoreWithContainer(
-      ({ resolve }) => {
-        const [state, actions] = resolve(spec);
+      ({ get }) => {
+        const [state, actions] = get(spec);
         return selector(state, actions);
       },
       dedicatedContainer
@@ -226,17 +378,41 @@ function create(options) {
   return [instance, useCreatedStore];
 }
 export {
+  STORION_TYPE,
   StoreProvider,
-  d as applyExcept,
-  a as applyFor,
-  b as batch,
-  f as compose,
+  applyExcept,
+  applyFor,
+  m as batch,
+  compose,
   container,
   create,
-  e as effect,
-  p as pick,
+  createLoggingMiddleware,
+  createResolver,
+  createValidationMiddleware,
+  p as deepEqual,
+  effect,
+  n as equality,
+  g as getKind,
+  a as is,
+  j as isAction,
+  d as isContainer,
+  h as isFocus,
+  l as isSelectorContext,
+  isSpec,
+  f as isStore,
+  k as isStoreContext,
+  b as isStorion,
+  x as isWrappedFn,
+  pick,
+  o as shallowEqual,
   store,
+  q as strictEqual,
+  trigger,
   u as untrack,
+  v as unwrapFn,
   useContainer,
-  useStore
+  useStore,
+  when,
+  withStore,
+  t as wrapFn
 };

package/dist/react/useLocalStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStore.d.ts","sourceRoot":"","sources":["../../src/react/useLocalStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,EACL,WAAW,EACX,SAAS,EAET,aAAa,EACb,SAAS,EACV,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAC1B,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,IAC1B,SAAS;IACX,QAAQ,CAAC,MAAM,CAAC;IAChB,QAAQ;IACR,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CACzD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,aAAa,CAC3B,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,EAC5B,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CA8CvE"}
+{"version":3,"file":"useLocalStore.d.ts","sourceRoot":"","sources":["../../src/react/useLocalStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,EACL,WAAW,EACX,SAAS,EAET,aAAa,EACb,SAAS,EACV,MAAM,UAAU,CAAC;AAGlB;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAC1B,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,IAC1B,SAAS;IACX,QAAQ,CAAC,MAAM,CAAC;IAChB,QAAQ;IACR,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CACzD,CAAC;AASF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,aAAa,CAC3B,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,EAC5B,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CA8CvE"}

package/dist/react/useStore.d.ts

@@ -18,8 +18,8 @@ export declare function useStoreWithContainer<T extends object>(selector: Select
  * @example
  * ```tsx
  * // With selector - access global stores
- * const { count, increment } = useStore(({ resolve }) => {
- *   const [state, actions] = resolve(counterSpec);
+ * const { count, increment } = useStore(({ get }) => {
+ *   const [state, actions] = get(counterSpec);
  *   return { count: state.count, increment: actions.increment };
  * });
  *

package/dist/react/useStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStore.d.ts","sourceRoot":"","sources":["../../src/react/useStore.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,cAAc,EAEd,QAAQ,EACR,YAAY,EACb,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAoBvE;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,EACpD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,EACrB,SAAS,EAAE,cAAc,GACxB,YAAY,CAAC,CAAC,CAAC,CAoHjB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EACvC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GACpB,YAAY,CAAC,CAAC,CAAC,CAAC;AACnB,wBAAgB,QAAQ,CACtB,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,EAC5B,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"useStore.d.ts","sourceRoot":"","sources":["../../src/react/useStore.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,cAAc,EAEnB,KAAK,QAAQ,EACb,KAAK,YAAY,EAClB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAuBvE;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,EACpD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,EACrB,SAAS,EAAE,cAAc,GACxB,YAAY,CAAC,CAAC,CAAC,CA8IjB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EACvC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GACpB,YAAY,CAAC,CAAC,CAAC,CAAC;AACnB,wBAAgB,QAAQ,CACtB,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,EAC5B,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC"}