@zag-js/core 1.34.0 → 1.35.0

package/dist/index.d.ts

@@ -1,257 +1,7 @@
-import { isActiveElement } from '@zag-js/dom-query';
-
-interface Props {
-    [key: string | symbol]: any;
-}
-type TupleTypes<T extends any[]> = T[number];
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-declare function mergeProps<T extends Props>(...args: Array<T | undefined>): UnionToIntersection<TupleTypes<T[]>>;
-
-type NoInfer<T> = [T][T extends any ? 0 : never];
-declare function memo<TDeps extends any[], TDepArgs, TResult>(getDeps: (depArgs: TDepArgs) => [...TDeps], fn: (args: NoInfer<[...TDeps]>, deps: TDepArgs) => TResult, opts?: {
-    onChange?: ((result: TResult) => void) | undefined;
-}): (depArgs: TDepArgs) => TResult;
-
-type Dict = Record<string, any>;
-interface ComputedParams<T extends Dict> {
-    context: BindableContext<T>;
-    event: EventType<T["event"]>;
-    prop: PropFn<T>;
-    refs: BindableRefs<T>;
-    scope: Scope;
-    computed: ComputedFn<T>;
-}
-interface ContextParams<T extends Dict> {
-    prop: PropFn<T>;
-    bindable: BindableFn;
-    scope: Scope;
-    getContext: () => BindableContext<T>;
-    getComputed: () => ComputedFn<T>;
-    getRefs: () => BindableRefs<T>;
-    getEvent: () => EventType<T["event"]>;
-    flush: (fn: VoidFunction) => void;
-}
-interface PropFn<T extends Dict> {
-    <K extends keyof T["props"]>(key: K): T["props"][K];
-}
-interface ComputedFn<T extends Dict> {
-    <K extends keyof T["computed"]>(key: K): T["computed"][K];
-}
-type AnyFunction = () => string | number | boolean | null | undefined;
-type TrackFn = (deps: AnyFunction[], fn: VoidFunction) => void;
-interface BindableParams<T> {
-    defaultValue?: T | undefined;
-    value?: T | undefined;
-    hash?: ((a: T) => string) | undefined;
-    isEqual?: ((a: T, b: T | undefined) => boolean) | undefined;
-    onChange?: ((value: T, prev: T | undefined) => void) | undefined;
-    debug?: string | undefined;
-    sync?: boolean | undefined;
-}
-type ValueOrFn<T> = T | ((prev: T) => T);
-interface Bindable<T> {
-    initial: T | undefined;
-    ref: any;
-    get: () => T;
-    set(value: ValueOrFn<T>): void;
-    invoke(nextValue: T, prevValue: T): void;
-    hash(value: T): string;
-}
-interface BindableRefs<T extends Dict> {
-    set<K extends keyof T["refs"]>(key: K, value: T["refs"][K]): void;
-    get<K extends keyof T["refs"]>(key: K): T["refs"][K];
-}
-interface BindableContext<T extends Dict> {
-    set<K extends keyof T["context"]>(key: K, value: ValueOrFn<T["context"][K]>): void;
-    get<K extends keyof T["context"]>(key: K): T["context"][K];
-    initial<K extends keyof T["context"]>(key: K): T["context"][K];
-    hash<K extends keyof T["context"]>(key: K): string;
-}
-interface BindableRef<T> {
-    get: () => T;
-    set: (next: T) => void;
-}
-interface BindableFn {
-    <K>(params: () => BindableParams<K>): Bindable<K>;
-    cleanup: (fn: VoidFunction) => void;
-    ref: <T>(defaultValue: T) => BindableRef<T>;
-}
-interface Scope {
-    id?: string | undefined;
-    ids?: Record<string, any> | undefined;
-    getRootNode: () => ShadowRoot | Document | Node;
-    getById: <T extends Element = HTMLElement>(id: string) => T | null;
-    getActiveElement: () => HTMLElement | null;
-    isActiveElement: (elem: HTMLElement | null) => boolean;
-    getDoc: () => typeof document;
-    getWin: () => typeof window;
-}
-type EventType<T = any> = T & {
-    previousEvent?: (T & {
-        [key: string]: any;
-    }) | undefined;
-    src?: string | undefined;
-    [key: string]: any;
-};
-type EventObject = EventType<{
-    type: string;
-}>;
-interface Params<T extends Dict> {
-    prop: PropFn<T>;
-    action: (action: T["action"][]) => void;
-    context: BindableContext<T>;
-    refs: BindableRefs<T>;
-    track: TrackFn;
-    flush: (fn: VoidFunction) => void;
-    event: EventType<T["event"]> & {
-        current: () => EventType<T["event"]>;
-        previous: () => EventType<T["event"]>;
-    };
-    send: (event: EventType<T["event"]>) => void;
-    computed: ComputedFn<T>;
-    scope: Scope;
-    state: Bindable<T["state"]> & {
-        matches: (...values: T["state"][]) => boolean;
-        hasTag: (tag: T["tag"]) => boolean;
-    };
-    choose: ChooseFn<T>;
-    guard: (key: T["guard"] | GuardFn<T>) => boolean | undefined;
-}
-type GuardFn<T extends Dict> = (params: Params<T>) => boolean;
-interface Transition<T extends Dict> {
-    target?: T["state"] | undefined;
-    actions?: T["action"][] | undefined;
-    guard?: T["guard"] | GuardFn<T> | undefined;
-    reenter?: boolean | undefined;
-}
-type MaybeArray<T> = T | T[];
-type ChooseFn<T extends Dict> = (transitions: MaybeArray<Omit<Transition<T>, "target">>) => Transition<T> | undefined;
-interface PropsParams<T extends Dict> {
-    props: Partial<T["props"]>;
-    scope: Scope;
-}
-interface RefsParams<T extends Dict> {
-    prop: PropFn<T>;
-    context: BindableContext<T>;
-}
-type ActionsOrFn<T extends Dict> = T["action"][] | ((params: Params<T>) => T["action"][] | undefined);
-type EffectsOrFn<T extends Dict> = T["effect"][] | ((params: Params<T>) => T["effect"][] | undefined);
-interface Machine<T extends Dict> {
-    debug?: boolean | undefined;
-    props?: ((params: PropsParams<T>) => T["props"]) | undefined;
-    context?: ((params: ContextParams<T>) => {
-        [K in keyof T["context"]]: Bindable<T["context"][K]>;
-    }) | undefined;
-    computed?: {
-        [K in keyof T["computed"]]: (params: ComputedParams<T>) => T["computed"][K];
-    } | undefined;
-    initialState: (params: {
-        prop: PropFn<T>;
-    }) => T["state"];
-    entry?: ActionsOrFn<T> | undefined;
-    exit?: ActionsOrFn<T> | undefined;
-    effects?: EffectsOrFn<T> | undefined;
-    refs?: ((params: RefsParams<T>) => T["refs"]) | undefined;
-    watch?: ((params: Params<T>) => void) | undefined;
-    on?: {
-        [E in T["event"]["type"]]?: Transition<T> | Array<Transition<T>>;
-    } | undefined;
-    states: {
-        [K in T["state"]]: {
-            tags?: T["tag"][] | undefined;
-            entry?: ActionsOrFn<T> | undefined;
-            exit?: ActionsOrFn<T> | undefined;
-            effects?: EffectsOrFn<T> | undefined;
-            on?: {
-                [E in T["event"]["type"]]?: Transition<T> | Array<Transition<T>>;
-            } | undefined;
-        };
-    };
-    implementations?: {
-        guards?: {
-            [K in T["guard"]]: (params: Params<T>) => boolean;
-        } | undefined;
-        actions?: {
-            [K in T["action"]]: (params: Params<T>) => void;
-        } | undefined;
-        effects?: {
-            [K in T["effect"]]: (params: Params<T>) => void | VoidFunction;
-        } | undefined;
-    } | undefined;
-}
-interface MachineBaseProps {
-    id?: string | undefined;
-    ids?: Record<string, any> | undefined;
-    getRootNode?: (() => ShadowRoot | Document | Node) | undefined;
-    [key: string]: any;
-}
-interface MachineSchema {
-    props?: MachineBaseProps | undefined;
-    context?: Record<string, any> | undefined;
-    refs?: Record<string, any> | undefined;
-    computed?: Record<string, any> | undefined;
-    state?: string | undefined;
-    tag?: string | undefined;
-    guard?: string | undefined;
-    action?: string | undefined;
-    effect?: string | undefined;
-    event?: ({
-        type: string;
-    } & Dict) | undefined;
-}
-type State<T extends MachineSchema> = Bindable<T["state"]> & {
-    hasTag: (tag: T["tag"]) => boolean;
-    matches: (...values: T["state"][]) => boolean;
-};
-type Service<T extends MachineSchema> = {
-    getStatus: () => MachineStatus;
-    state: State<T> & {
-        matches: (...values: T["state"][]) => boolean;
-        hasTag: (tag: T["tag"]) => boolean;
-    };
-    context: BindableContext<T>;
-    send: (event: EventType<T["event"]>) => void;
-    prop: PropFn<T>;
-    scope: Scope;
-    computed: ComputedFn<T>;
-    refs: BindableRefs<T>;
-    event: EventType<T["event"]> & {
-        current: () => EventType<T["event"]>;
-        previous: () => EventType<T["event"]>;
-    };
-};
-declare enum MachineStatus {
-    NotStarted = "Not Started",
-    Started = "Started",
-    Stopped = "Stopped"
-}
-declare const INIT_STATE = "__init__";
-
-declare function createGuards<T extends MachineSchema>(): {
-    and: (...guards: Array<GuardFn<T> | T["guard"]>) => (params: any) => boolean;
-    or: (...guards: Array<GuardFn<T> | T["guard"]>) => (params: any) => boolean;
-    not: (guard: GuardFn<T> | T["guard"]) => (params: any) => boolean;
-};
-declare function createMachine<T extends MachineSchema>(config: Machine<T>): Machine<T>;
-declare function setup<T extends MachineSchema>(): {
-    guards: {
-        and: (...guards: (T["guard"] | GuardFn<T>)[]) => (params: any) => boolean;
-        or: (...guards: (T["guard"] | GuardFn<T>)[]) => (params: any) => boolean;
-        not: (guard: T["guard"] | GuardFn<T>) => (params: any) => boolean;
-    };
-    createMachine: (config: Machine<T>) => Machine<T>;
-    choose: (transitions: Transition<T> | Transition<T>[]) => ({ choose }: Params<T>) => T["action"][] | undefined;
-};
-
-declare function createScope(props: Pick<Scope, "id" | "ids" | "getRootNode">): {
-    getRootNode: () => Document | ShadowRoot;
-    getDoc: () => Document;
-    getWin: () => Window & typeof globalThis;
-    getActiveElement: () => HTMLElement | null;
-    isActiveElement: typeof isActiveElement;
-    getById: <T extends Element = HTMLElement>(id: string) => T | null;
-    id?: string | undefined | undefined;
-    ids?: Record<string, any> | undefined;
-};
-
-export { type ActionsOrFn, type Bindable, type BindableContext, type BindableFn, type BindableParams, type BindableRefs, type ChooseFn, type ComputedFn, type EffectsOrFn, type EventObject, type GuardFn, INIT_STATE, type Machine, type MachineSchema, MachineStatus, type Params, type PropFn, type Scope, type Service, type Transition, type ValueOrFn, createGuards, createMachine, createScope, memo, mergeProps, setup };
+export { mergeProps } from './merge-props.js';
+export { memo } from './memo.js';
+export { createGuards, createMachine, setup } from './create-machine.js';
+export { ensureStateIndex, findTransition, getExitEnterStates, getStateChain, getStateDefinition, hasTag, matchesState, resolveStateValue } from './state.js';
+export { ActionsOrFn, Bindable, BindableContext, BindableFn, BindableParams, BindableRefs, ChooseFn, ComputedFn, EffectsOrFn, EventObject, GuardFn, INIT_STATE, Machine, MachineSchema, MachineState, MachineStatus, Params, PropFn, Scope, Service, Transition, TransitionMap, TransitionMatch, TransitionSet, ValueOrFn } from './types.js';
+export { createScope } from './scope.js';
+import '@zag-js/dom-query';

package/dist/index.js

@@ -1,140 +1,34 @@
-'use strict';
-
-var utils = require('@zag-js/utils');
-var domQuery = require('@zag-js/dom-query');
-
-// src/merge-props.ts
-var clsx = (...args) => args.map((str) => str?.trim?.()).filter(Boolean).join(" ");
-var CSS_REGEX = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g;
-var serialize = (style) => {
-  const res = {};
-  let match;
-  while (match = CSS_REGEX.exec(style)) {
-    res[match[1]] = match[2];
-  }
-  return res;
-};
-var css = (a, b) => {
-  if (utils.isString(a)) {
-    if (utils.isString(b)) return `${a};${b}`;
-    a = serialize(a);
-  } else if (utils.isString(b)) {
-    b = serialize(b);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return Object.assign({}, a ?? {}, b ?? {});
+  return to;
 };
-function mergeProps(...args) {
-  let result = {};
-  for (let props of args) {
-    if (!props) continue;
-    for (let key in result) {
-      if (key.startsWith("on") && typeof result[key] === "function" && typeof props[key] === "function") {
-        result[key] = utils.callAll(props[key], result[key]);
-        continue;
-      }
-      if (key === "className" || key === "class") {
-        result[key] = clsx(result[key], props[key]);
-        continue;
-      }
-      if (key === "style") {
-        result[key] = css(result[key], props[key]);
-        continue;
-      }
-      result[key] = props[key] !== void 0 ? props[key] : result[key];
-    }
-    for (let key in props) {
-      if (result[key] === void 0) {
-        result[key] = props[key];
-      }
-    }
-    const symbols = Object.getOwnPropertySymbols(props);
-    for (let symbol of symbols) {
-      result[symbol] = props[symbol];
-    }
-  }
-  return result;
-}
-function memo(getDeps, fn, opts) {
-  let deps = [];
-  let result;
-  return (depArgs) => {
-    const newDeps = getDeps(depArgs);
-    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => !utils.isEqual(deps[index], dep));
-    if (!depsChanged) return result;
-    deps = newDeps;
-    result = fn(newDeps, depArgs);
-    opts?.onChange?.(result);
-    return result;
-  };
-}
-
-// src/create-machine.ts
-function createGuards() {
-  return {
-    and: (...guards) => {
-      return function andGuard(params) {
-        return guards.every((str) => params.guard(str));
-      };
-    },
-    or: (...guards) => {
-      return function orGuard(params) {
-        return guards.some((str) => params.guard(str));
-      };
-    },
-    not: (guard) => {
-      return function notGuard(params) {
-        return !params.guard(guard);
-      };
-    }
-  };
-}
-function createMachine(config) {
-  return config;
-}
-function setup() {
-  return {
-    guards: createGuards(),
-    createMachine: (config) => {
-      return createMachine(config);
-    },
-    choose: (transitions) => {
-      return function chooseFn({ choose }) {
-        return choose(transitions)?.actions;
-      };
-    }
-  };
-}
-
-// src/types.ts
-var MachineStatus = /* @__PURE__ */ ((MachineStatus2) => {
-  MachineStatus2["NotStarted"] = "Not Started";
-  MachineStatus2["Started"] = "Started";
-  MachineStatus2["Stopped"] = "Stopped";
-  return MachineStatus2;
-})(MachineStatus || {});
-var INIT_STATE = "__init__";
-function createScope(props) {
-  const getRootNode = () => props.getRootNode?.() ?? document;
-  const getDoc = () => domQuery.getDocument(getRootNode());
-  const getWin = () => getDoc().defaultView ?? window;
-  const getActiveElementFn = () => domQuery.getActiveElement(getRootNode());
-  const getById = (id) => getRootNode().getElementById(id);
-  return {
-    ...props,
-    getRootNode,
-    getDoc,
-    getWin,
-    getActiveElement: getActiveElementFn,
-    isActiveElement: domQuery.isActiveElement,
-    getById
-  };
-}
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-exports.INIT_STATE = INIT_STATE;
-exports.MachineStatus = MachineStatus;
-exports.createGuards = createGuards;
-exports.createMachine = createMachine;
-exports.createScope = createScope;
-exports.memo = memo;
-exports.mergeProps = mergeProps;
-exports.setup = setup;
+// src/index.ts
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./merge-props.cjs"), module.exports);
+__reExport(index_exports, require("./memo.cjs"), module.exports);
+__reExport(index_exports, require("./create-machine.cjs"), module.exports);
+__reExport(index_exports, require("./state.cjs"), module.exports);
+__reExport(index_exports, require("./types.cjs"), module.exports);
+__reExport(index_exports, require("./scope.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./merge-props.cjs"),
+  ...require("./memo.cjs"),
+  ...require("./create-machine.cjs"),
+  ...require("./state.cjs"),
+  ...require("./types.cjs"),
+  ...require("./scope.cjs")
+});

package/dist/index.mjs

@@ -1,131 +1,7 @@
-import { callAll, isEqual, isString } from '@zag-js/utils';
-import { isActiveElement, getDocument, getActiveElement } from '@zag-js/dom-query';
-
-// src/merge-props.ts
-var clsx = (...args) => args.map((str) => str?.trim?.()).filter(Boolean).join(" ");
-var CSS_REGEX = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g;
-var serialize = (style) => {
-  const res = {};
-  let match;
-  while (match = CSS_REGEX.exec(style)) {
-    res[match[1]] = match[2];
-  }
-  return res;
-};
-var css = (a, b) => {
-  if (isString(a)) {
-    if (isString(b)) return `${a};${b}`;
-    a = serialize(a);
-  } else if (isString(b)) {
-    b = serialize(b);
-  }
-  return Object.assign({}, a ?? {}, b ?? {});
-};
-function mergeProps(...args) {
-  let result = {};
-  for (let props of args) {
-    if (!props) continue;
-    for (let key in result) {
-      if (key.startsWith("on") && typeof result[key] === "function" && typeof props[key] === "function") {
-        result[key] = callAll(props[key], result[key]);
-        continue;
-      }
-      if (key === "className" || key === "class") {
-        result[key] = clsx(result[key], props[key]);
-        continue;
-      }
-      if (key === "style") {
-        result[key] = css(result[key], props[key]);
-        continue;
-      }
-      result[key] = props[key] !== void 0 ? props[key] : result[key];
-    }
-    for (let key in props) {
-      if (result[key] === void 0) {
-        result[key] = props[key];
-      }
-    }
-    const symbols = Object.getOwnPropertySymbols(props);
-    for (let symbol of symbols) {
-      result[symbol] = props[symbol];
-    }
-  }
-  return result;
-}
-function memo(getDeps, fn, opts) {
-  let deps = [];
-  let result;
-  return (depArgs) => {
-    const newDeps = getDeps(depArgs);
-    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => !isEqual(deps[index], dep));
-    if (!depsChanged) return result;
-    deps = newDeps;
-    result = fn(newDeps, depArgs);
-    opts?.onChange?.(result);
-    return result;
-  };
-}
-
-// src/create-machine.ts
-function createGuards() {
-  return {
-    and: (...guards) => {
-      return function andGuard(params) {
-        return guards.every((str) => params.guard(str));
-      };
-    },
-    or: (...guards) => {
-      return function orGuard(params) {
-        return guards.some((str) => params.guard(str));
-      };
-    },
-    not: (guard) => {
-      return function notGuard(params) {
-        return !params.guard(guard);
-      };
-    }
-  };
-}
-function createMachine(config) {
-  return config;
-}
-function setup() {
-  return {
-    guards: createGuards(),
-    createMachine: (config) => {
-      return createMachine(config);
-    },
-    choose: (transitions) => {
-      return function chooseFn({ choose }) {
-        return choose(transitions)?.actions;
-      };
-    }
-  };
-}
-
-// src/types.ts
-var MachineStatus = /* @__PURE__ */ ((MachineStatus2) => {
-  MachineStatus2["NotStarted"] = "Not Started";
-  MachineStatus2["Started"] = "Started";
-  MachineStatus2["Stopped"] = "Stopped";
-  return MachineStatus2;
-})(MachineStatus || {});
-var INIT_STATE = "__init__";
-function createScope(props) {
-  const getRootNode = () => props.getRootNode?.() ?? document;
-  const getDoc = () => getDocument(getRootNode());
-  const getWin = () => getDoc().defaultView ?? window;
-  const getActiveElementFn = () => getActiveElement(getRootNode());
-  const getById = (id) => getRootNode().getElementById(id);
-  return {
-    ...props,
-    getRootNode,
-    getDoc,
-    getWin,
-    getActiveElement: getActiveElementFn,
-    isActiveElement,
-    getById
-  };
-}
-
-export { INIT_STATE, MachineStatus, createGuards, createMachine, createScope, memo, mergeProps, setup };
+// src/index.ts
+export * from "./merge-props.mjs";
+export * from "./memo.mjs";
+export * from "./create-machine.mjs";
+export * from "./state.mjs";
+export * from "./types.mjs";
+export * from "./scope.mjs";

package/dist/memo.d.mts

@@ -0,0 +1,6 @@
+type NoInfer<T> = [T][T extends any ? 0 : never];
+declare function memo<TDeps extends any[], TDepArgs, TResult>(getDeps: (depArgs: TDepArgs) => [...TDeps], fn: (args: NoInfer<[...TDeps]>, deps: TDepArgs) => TResult, opts?: {
+    onChange?: ((result: TResult) => void) | undefined;
+}): (depArgs: TDepArgs) => TResult;
+
+export { memo };

package/dist/memo.d.ts

@@ -0,0 +1,6 @@
+type NoInfer<T> = [T][T extends any ? 0 : never];
+declare function memo<TDeps extends any[], TDepArgs, TResult>(getDeps: (depArgs: TDepArgs) => [...TDeps], fn: (args: NoInfer<[...TDeps]>, deps: TDepArgs) => TResult, opts?: {
+    onChange?: ((result: TResult) => void) | undefined;
+}): (depArgs: TDepArgs) => TResult;
+
+export { memo };

package/dist/memo.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/memo.ts
+var memo_exports = {};
+__export(memo_exports, {
+  memo: () => memo
+});
+module.exports = __toCommonJS(memo_exports);
+var import_utils = require("@zag-js/utils");
+function memo(getDeps, fn, opts) {
+  let deps = [];
+  let result;
+  return (depArgs) => {
+    const newDeps = getDeps(depArgs);
+    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => !(0, import_utils.isEqual)(deps[index], dep));
+    if (!depsChanged) return result;
+    deps = newDeps;
+    result = fn(newDeps, depArgs);
+    opts?.onChange?.(result);
+    return result;
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  memo
+});

package/dist/memo.mjs

@@ -0,0 +1,18 @@
+// src/memo.ts
+import { isEqual } from "@zag-js/utils";
+function memo(getDeps, fn, opts) {
+  let deps = [];
+  let result;
+  return (depArgs) => {
+    const newDeps = getDeps(depArgs);
+    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => !isEqual(deps[index], dep));
+    if (!depsChanged) return result;
+    deps = newDeps;
+    result = fn(newDeps, depArgs);
+    opts?.onChange?.(result);
+    return result;
+  };
+}
+export {
+  memo
+};

package/dist/merge-props.d.mts

@@ -0,0 +1,8 @@
+interface Props {
+    [key: string | symbol]: any;
+}
+type TupleTypes<T extends any[]> = T[number];
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+declare function mergeProps<T extends Props>(...args: Array<T | undefined>): UnionToIntersection<TupleTypes<T[]>>;
+
+export { mergeProps };

package/dist/merge-props.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    [key: string | symbol]: any;
+}
+type TupleTypes<T extends any[]> = T[number];
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+declare function mergeProps<T extends Props>(...args: Array<T | undefined>): UnionToIntersection<TupleTypes<T[]>>;
+
+export { mergeProps };