@elliemae/ds-zustand-helpers 3.16.0 → 3.16.1

package/dist/cjs/AutoUpdaterComponent.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/AutoUpdaterComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AutoUpdaterComponent.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useEffect } from 'react';\nimport type { ZustandT } from './types';\n\nexport const AutoUpdaterComponent: ZustandT.AutoUpdaterComponentT = (props) => {\n  const { usePropsStore, autoCalculatedData, propsWithDefault, Component } = props;\n  const setProps = usePropsStore(useCallback((state) => state.set, []));\n\n  useEffect(() => {\n    setProps({ ...propsWithDefault, ...autoCalculatedData });\n  }, [propsWithDefault, setProps, autoCalculatedData]);\n\n  return <Component />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAXT,mBAA8C;AAGvC,MAAM,uBAAuD,CAAC,UAAU;AAC7E,QAAM,EAAE,eAAe,oBAAoB,kBAAkB,UAAU,IAAI;AAC3E,QAAM,WAAW,kBAAc,0BAAY,CAAC,UAAU,MAAM,KAAK,CAAC,CAAC,CAAC;AAEpE,8BAAU,MAAM;AACd,aAAS,EAAE,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAAA,EACzD,GAAG,CAAC,kBAAkB,UAAU,kBAAkB,CAAC;AAEnD,SAAO,4CAAC,aAAU;AACpB;",
+  "sourcesContent": ["import React, { useCallback, useEffect } from 'react';\nimport type { ZustandT } from './types.js';\n\nexport const AutoUpdaterComponent: ZustandT.AutoUpdaterComponentT = (props) => {\n  const { usePropsStore, autoCalculatedData, propsWithDefault, Component } = props;\n  const setProps = usePropsStore(useCallback((state) => state.set, []));\n\n  useEffect(() => {\n    setProps({ ...propsWithDefault, ...autoCalculatedData });\n  }, [propsWithDefault, setProps, autoCalculatedData]);\n\n  return <Component />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAXT,mBAA8C;AAGvC,MAAM,uBAAuD,CAAC,UAAU;AAC7E,QAAM,EAAE,eAAe,oBAAoB,kBAAkB,UAAU,IAAI;AAC3E,QAAM,WAAW,kBAAc,0BAAY,CAAC,UAAU,MAAM,KAAK,CAAC,CAAC,CAAC;AAEpE,8BAAU,MAAM;AACd,aAAS,EAAE,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAAA,EACzD,GAAG,CAAC,kBAAkB,UAAU,kBAAkB,CAAC;AAEnD,SAAO,4CAAC,aAAU;AACpB;",
   "names": []
 }

package/dist/cjs/builders.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/builders.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/builders.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { ZustandT } from './types';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst getKeys = <T extends object>(obj: T) => Object.keys(obj) as (keyof T)[];\n\nexport const buildGetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomGetters: ZustandT.AtomGetters<A> = {} as ZustandT.AtomGetters<A>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForGetter = `get${capitalize(key as string)}` as keyof ZustandT.AtomGetters<A>;\n\n    const getter = (() => get()[key]) as ZustandT.AtomGetters<A>[keyof ZustandT.AtomGetters<A>];\n\n    internalAtomGetters[keyForGetter] = getter;\n  });\n\n  return internalAtomGetters;\n};\n\nexport const buildSetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomSetters: ZustandT.AtomSetters<A, S, R> = {} as ZustandT.AtomSetters<A, S, R>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForSetter = `set${capitalize(key as string)}` as keyof ZustandT.AtomSetters<A, S, R>;\n\n    const setter = ((newVal: A[typeof key]) => {\n      if (typeof newVal === 'function') {\n        // If it's a function, we call it with the current store value, and the full store. We try to mimic react-setState's behavior\n        set({ [key]: newVal(get()[key], get()) as A[typeof key] } as Partial<ZustandT.InternalStore<A, S, R>>);\n      } else {\n        // We just received the new value, set it\n        set({ [key]: newVal } as Partial<ZustandT.InternalStore<A, S, R>>);\n      }\n    }) as ZustandT.AtomSetters<A, S, R>[keyof ZustandT.AtomSetters<A, S, R>];\n\n    // We add the setter to the internalAtomSetters object\n    internalAtomSetters[keyForSetter] = setter;\n  });\n\n  return internalAtomSetters;\n};\n\nexport const buildRefGetterAndSetter = <A extends object, S extends object, R extends object>(\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const getZustandRef = (key: string[]): HTMLElement | null => get().zustandRefs[key.join(',')];\n\n  const setZustandRef = (key: string[], value: HTMLElement | null) => {\n    set((state) => {\n      if (state instanceof Map || state instanceof Set) return;\n      const zustandRefs = state.zustandRefs;\n      return {\n        zustandRefs: {\n          ...zustandRefs,\n          [key.join(',')]: value,\n        },\n      };\n    });\n  };\n\n  return [getZustandRef, setZustandRef] as const;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,aAAa,CAAC,QAAgB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAE7E,MAAM,UAAU,CAAmB,QAAW,OAAO,KAAK,GAAG;AAEtD,MAAM,eAAe,CAC1B,2BACA,QACG;AACH,QAAM,sBAA+C,CAAC;AAEtD,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,MAAM,IAAI,EAAE;AAE5B,wBAAoB,gBAAgB;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,eAAe,CAC1B,2BACA,KACA,QACG;AACH,QAAM,sBAAqD,CAAC;AAE5D,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,CAAC,WAA0B;AACzC,UAAI,OAAO,WAAW,YAAY;AAEhC,YAAI,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,IAAI,CAAC,EAAmB,CAA6C;AAAA,MACvG,OAAO;AAEL,YAAI,EAAE,CAAC,MAAM,OAAO,CAA6C;AAAA,MACnE;AAAA,IACF;AAGA,wBAAoB,gBAAgB;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,KACA,QACG;AACH,QAAM,gBAAgB,CAAC,QAAsC,IAAI,EAAE,YAAY,IAAI,KAAK,GAAG;AAE3F,QAAM,gBAAgB,CAAC,KAAe,UAA8B;AAClE,QAAI,CAAC,UAAU;AACb,UAAI,iBAAiB,OAAO,iBAAiB;AAAK;AAClD,YAAM,cAAc,MAAM;AAC1B,aAAO;AAAA,QACL,aAAa;AAAA,UACX,GAAG;AAAA,UACH,CAAC,IAAI,KAAK,GAAG,IAAI;AAAA,QACnB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,CAAC,eAAe,aAAa;AACtC;",
+  "sourcesContent": ["import type { ZustandT } from './types.js';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst getKeys = <T extends object>(obj: T) => Object.keys(obj) as (keyof T)[];\n\nexport const buildGetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomGetters: ZustandT.AtomGetters<A> = {} as ZustandT.AtomGetters<A>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForGetter = `get${capitalize(key as string)}` as keyof ZustandT.AtomGetters<A>;\n\n    const getter = (() => get()[key]) as ZustandT.AtomGetters<A>[keyof ZustandT.AtomGetters<A>];\n\n    internalAtomGetters[keyForGetter] = getter;\n  });\n\n  return internalAtomGetters;\n};\n\nexport const buildSetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomSetters: ZustandT.AtomSetters<A, S, R> = {} as ZustandT.AtomSetters<A, S, R>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForSetter = `set${capitalize(key as string)}` as keyof ZustandT.AtomSetters<A, S, R>;\n\n    const setter = ((newVal: A[typeof key]) => {\n      if (typeof newVal === 'function') {\n        // If it's a function, we call it with the current store value, and the full store. We try to mimic react-setState's behavior\n        set({ [key]: newVal(get()[key], get()) as A[typeof key] } as Partial<ZustandT.InternalStore<A, S, R>>);\n      } else {\n        // We just received the new value, set it\n        set({ [key]: newVal } as Partial<ZustandT.InternalStore<A, S, R>>);\n      }\n    }) as ZustandT.AtomSetters<A, S, R>[keyof ZustandT.AtomSetters<A, S, R>];\n\n    // We add the setter to the internalAtomSetters object\n    internalAtomSetters[keyForSetter] = setter;\n  });\n\n  return internalAtomSetters;\n};\n\nexport const buildRefGetterAndSetter = <A extends object, S extends object, R extends object>(\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const getZustandRef = (key: string[]): HTMLElement | null => get().zustandRefs[key.join(',')];\n\n  const setZustandRef = (key: string[], value: HTMLElement | null) => {\n    set((state) => {\n      if (state instanceof Map || state instanceof Set) return;\n      const zustandRefs = state.zustandRefs;\n      return {\n        zustandRefs: {\n          ...zustandRefs,\n          [key.join(',')]: value,\n        },\n      };\n    });\n  };\n\n  return [getZustandRef, setZustandRef] as const;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,aAAa,CAAC,QAAgB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAE7E,MAAM,UAAU,CAAmB,QAAW,OAAO,KAAK,GAAG;AAEtD,MAAM,eAAe,CAC1B,2BACA,QACG;AACH,QAAM,sBAA+C,CAAC;AAEtD,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,MAAM,IAAI,EAAE,GAAG;AAE/B,wBAAoB,YAAY,IAAI;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,eAAe,CAC1B,2BACA,KACA,QACG;AACH,QAAM,sBAAqD,CAAC;AAE5D,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,CAAC,WAA0B;AACzC,UAAI,OAAO,WAAW,YAAY;AAEhC,YAAI,EAAE,CAAC,GAAG,GAAG,OAAO,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC,EAAmB,CAA6C;AAAA,MACvG,OAAO;AAEL,YAAI,EAAE,CAAC,GAAG,GAAG,OAAO,CAA6C;AAAA,MACnE;AAAA,IACF;AAGA,wBAAoB,YAAY,IAAI;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,KACA,QACG;AACH,QAAM,gBAAgB,CAAC,QAAsC,IAAI,EAAE,YAAY,IAAI,KAAK,GAAG,CAAC;AAE5F,QAAM,gBAAgB,CAAC,KAAe,UAA8B;AAClE,QAAI,CAAC,UAAU;AACb,UAAI,iBAAiB,OAAO,iBAAiB;AAAK;AAClD,YAAM,cAAc,MAAM;AAC1B,aAAO;AAAA,QACL,aAAa;AAAA,UACX,GAAG;AAAA,UACH,CAAC,IAAI,KAAK,GAAG,CAAC,GAAG;AAAA,QACnB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,CAAC,eAAe,aAAa;AACtC;",
   "names": []
 }

package/dist/cjs/createInternalAndPropsContext.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/createInternalAndPropsContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createInternalAndPropsContext.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import createContext from 'zustand/context';\nimport type { ZustandT } from './types';\n\nexport const createInternalAndPropsContext = <\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>() => {\n  const { Provider: PropsProvider, useStore: usePropsStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.PropsStore<P & C>>>();\n\n  const { Provider: InternalProvider, useStore: useInternalStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>>>();\n\n  return { PropsProvider, usePropsStore, InternalProvider, useInternalStore };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA0B;AAGnB,MAAM,gCAAgC,MAMtC;AACL,QAAM,EAAE,UAAU,eAAe,UAAU,cAAc,QACvD,eAAAA,SAAiE;AAEnE,QAAM,EAAE,UAAU,kBAAkB,UAAU,iBAAiB,QAC7D,eAAAA,SAAsE;AAExE,SAAO,EAAE,eAAe,eAAe,kBAAkB,iBAAiB;AAC5E;",
+  "sourcesContent": ["import createContext from 'zustand/context';\nimport type { ZustandT } from './types.js';\n\nexport const createInternalAndPropsContext = <\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>() => {\n  const { Provider: PropsProvider, useStore: usePropsStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.PropsStore<P & C>>>();\n\n  const { Provider: InternalProvider, useStore: useInternalStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>>>();\n\n  return { PropsProvider, usePropsStore, InternalProvider, useInternalStore };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA0B;AAGnB,MAAM,gCAAgC,MAMtC;AACL,QAAM,EAAE,UAAU,eAAe,UAAU,cAAc,QACvD,eAAAA,SAAiE;AAEnE,QAAM,EAAE,UAAU,kBAAkB,UAAU,iBAAiB,QAC7D,eAAAA,SAAsE;AAExE,SAAO,EAAE,eAAe,eAAe,kBAAkB,iBAAiB;AAC5E;",
   "names": ["createContext"]
 }

package/dist/cjs/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,6 +33,6 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_createInternalAndPropsContext = require("./createInternalAndPropsContext");
-var import_withZustand = require("./withZustand");
+var import_createInternalAndPropsContext = require("./createInternalAndPropsContext.js");
+var import_withZustand = require("./withZustand.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { createInternalAndPropsContext } from './createInternalAndPropsContext';\nexport { withZustand } from './withZustand';\nexport type { ZustandT } from './types';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2CAA8C;AAC9C,yBAA4B;",
+  "sourcesContent": ["export { createInternalAndPropsContext } from './createInternalAndPropsContext.js';\nexport { withZustand } from './withZustand.js';\nexport type { ZustandT } from './types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2CAA8C;AAC9C,yBAA4B;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/types.js

@@ -14,6 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/types.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport type { Draft } from 'immer';\nimport type { StoreApi, UseBoundStore } from 'zustand';\nimport type createContext from 'zustand/context';\n\n// U is a generic assigned to the user props for clarity\n// P is a generic assigned to the internal props for clarity\n// A is a generic assigned to the atoms for clarity\n// C is a generic assigned to the auto-calculated values for clarity\n// S is a generic assigned to selectors for clarity\n// R is a generic assigned to reducers for clarity\n\nexport namespace ZustandT {\n  type Write<T, U> = Omit<T, keyof U> & U;\n\n  type ImmerSetter<T extends object> = {\n    setState: (\n      nextStateOrUpdater: T | Partial<T> | ((state: Draft<T>) => void),\n      shouldReplace?: boolean | undefined,\n    ) => void;\n  };\n\n  type StoreSubscribeWithSelector<T> = {\n    subscribe: {\n      (listener: (selectedState: T, previousSelectedState: T) => void): () => void;\n      <U>(\n        selector: (state: T) => U,\n        listener: (selectedState: U, previousSelectedState: U) => void,\n        options?: {\n          equalityFn?: (a: U, b: U) => boolean;\n          fireImmediately?: boolean;\n        },\n      ): () => void;\n    };\n  };\n\n  // We add the immer setter method type\n  type StoreWithImmer<T extends object> = Write<StoreApi<T>, ImmerSetter<T>>;\n\n  // We add the subscribe with selector method type\n  type StoreWithImmerAndSubscriber<T extends object> = Write<StoreWithImmer<T>, StoreSubscribeWithSelector<T>>;\n\n  export type ZustandStore<T extends object> = UseBoundStore<StoreWithImmerAndSubscriber<T>>;\n\n  export type Getter<T extends object> = StoreWithImmerAndSubscriber<T>['getState'];\n  export type Setter<T extends object> = StoreWithImmerAndSubscriber<T>['setState'];\n\n  export type InternalStore<A extends object, S extends object, R extends object> = A &\n    AtomGetters<A> &\n    AtomSetters<A, S, R> &\n    S &\n    R & {\n      get: Getter<InternalStore<A, S, R>>;\n      set: Setter<InternalStore<A, S, R>>;\n      zustandRefs: Record<string, HTMLElement | null>;\n      getZustandRef: (key: string[]) => HTMLElement | null;\n      setZustandRef: (key: string[], value: HTMLElement | null) => void;\n    };\n\n  export type PropsStore<T> = T & {\n    set: Setter<PropsStore<T>>;\n  };\n\n  export type AtomGetters<A extends object> = {\n    [key in keyof A as `get${Capitalize<string & key>}`]: () => A[key];\n  };\n\n  export type AtomSetters<A extends object, S extends object, R extends object> = {\n    [key in keyof A as `set${Capitalize<string & key>}`]: (\n      newVal: A[key] | ((arg: A[key], store: InternalStore<A, S, R>) => A[key]),\n    ) => void;\n  };\n\n  export type SelectorObject<T extends object, S extends object> = (get: Getter<T>) => S;\n  export type ReducerObject<T extends object, R extends object> = (get: Getter<T>, set: Setter<T>) => R;\n  export type Subscribers<T extends object> = (api: StoreWithImmerAndSubscriber<T>) => void;\n\n  export type InternalParameters<A extends object, S extends object, R extends object> = {\n    internalAtomDefaultValues: A;\n    selectors: SelectorObject<InternalStore<A, S, R>, S>;\n    reducers: ReducerObject<InternalStore<A, S, R>, R>;\n    subscribers: Subscribers<InternalStore<A, S, R>>;\n  };\n\n  export type Config<P extends object, A extends object, C extends object, S extends object, R extends object> = {\n    defaultProps: P;\n    internalAtomDefaultValues: A;\n    useAutoCalculated: (props: P) => C;\n    selectors?: SelectorObject<InternalStore<A, S, R>, S>;\n    reducers?: ReducerObject<InternalStore<A, S, R>, R>;\n    subscribers?: Subscribers<InternalStore<A, S, R>>;\n    PropsProvider: ReturnType<typeof createContext<ZustandStore<PropsStore<P & C>>>>['Provider'];\n    InternalProvider: ReturnType<typeof createContext<ZustandStore<InternalStore<A, S, R>>>>['Provider'];\n    usePropsStore: ReturnType<typeof createContext<ZustandStore<PropsStore<P & C>>>>['useStore'];\n  };\n\n  export type AutoUpdaterComponentT = <\n    P extends object,\n    A extends object,\n    C extends object,\n    S extends object,\n    R extends object,\n  >(\n    props: Pick<Config<P, A, C, S, R>, 'usePropsStore'> & { autoCalculatedData: C } & {\n      propsWithDefault: P;\n    } & { Component: React.ComponentType<Record<string, never>> },\n  ) => JSX.Element;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport type React from 'react';\nimport type { Draft } from 'immer';\nimport type { StoreApi, UseBoundStore } from 'zustand';\nimport type createContext from 'zustand/context';\n\n// U is a generic assigned to the user props for clarity\n// P is a generic assigned to the internal props for clarity\n// A is a generic assigned to the atoms for clarity\n// C is a generic assigned to the auto-calculated values for clarity\n// S is a generic assigned to selectors for clarity\n// R is a generic assigned to reducers for clarity\n\nexport namespace ZustandT {\n  type Write<T, U> = Omit<T, keyof U> & U;\n\n  type ImmerSetter<T extends object> = {\n    setState: (\n      nextStateOrUpdater: T | Partial<T> | ((state: Draft<T>) => void),\n      shouldReplace?: boolean | undefined,\n    ) => void;\n  };\n\n  type StoreSubscribeWithSelector<T> = {\n    subscribe: {\n      (listener: (selectedState: T, previousSelectedState: T) => void): () => void;\n      <U>(\n        selector: (state: T) => U,\n        listener: (selectedState: U, previousSelectedState: U) => void,\n        options?: {\n          equalityFn?: (a: U, b: U) => boolean;\n          fireImmediately?: boolean;\n        },\n      ): () => void;\n    };\n  };\n\n  // We add the immer setter method type\n  type StoreWithImmer<T extends object> = Write<StoreApi<T>, ImmerSetter<T>>;\n\n  // We add the subscribe with selector method type\n  type StoreWithImmerAndSubscriber<T extends object> = Write<StoreWithImmer<T>, StoreSubscribeWithSelector<T>>;\n\n  export type ZustandStore<T extends object> = UseBoundStore<StoreWithImmerAndSubscriber<T>>;\n\n  export type Getter<T extends object> = StoreWithImmerAndSubscriber<T>['getState'];\n  export type Setter<T extends object> = StoreWithImmerAndSubscriber<T>['setState'];\n\n  export type InternalStore<A extends object, S extends object, R extends object> = A &\n    AtomGetters<A> &\n    AtomSetters<A, S, R> &\n    S &\n    R & {\n      get: Getter<InternalStore<A, S, R>>;\n      set: Setter<InternalStore<A, S, R>>;\n      zustandRefs: Record<string, HTMLElement | null>;\n      getZustandRef: (key: string[]) => HTMLElement | null;\n      setZustandRef: (key: string[], value: HTMLElement | null) => void;\n      apiRef: React.MutableRefObject<ZustandStore<InternalStore<A, S, R>>>;\n    };\n\n  export type PropsStore<T> = T & {\n    set: Setter<PropsStore<T>>;\n  };\n\n  export type AtomGetters<A extends object> = {\n    [key in keyof A as `get${Capitalize<string & key>}`]: () => A[key];\n  };\n\n  export type AtomSetters<A extends object, S extends object, R extends object> = {\n    [key in keyof A as `set${Capitalize<string & key>}`]: (\n      newVal: A[key] | ((arg: A[key], store: InternalStore<A, S, R>) => A[key]),\n    ) => void;\n  };\n\n  export type SelectorObject<T extends object, S extends object> = (get: Getter<T>) => S;\n  export type ReducerObject<T extends object, R extends object> = (get: Getter<T>, set: Setter<T>) => R;\n  export type Subscribers<T extends object> = (api: StoreWithImmerAndSubscriber<T>) => void;\n\n  export type InternalParameters<A extends object, S extends object, R extends object> = {\n    internalAtomDefaultValues: A;\n    selectors: SelectorObject<InternalStore<A, S, R>, S>;\n    reducers: ReducerObject<InternalStore<A, S, R>, R>;\n    subscribers: Subscribers<InternalStore<A, S, R>>;\n  };\n\n  export type Config<P extends object, A extends object, C extends object, S extends object, R extends object> = {\n    defaultProps: P;\n    internalAtomDefaultValues: A;\n    useAutoCalculated: (props: P) => C;\n    selectors?: SelectorObject<InternalStore<A, S, R>, S>;\n    reducers?: ReducerObject<InternalStore<A, S, R>, R>;\n    subscribers?: Subscribers<InternalStore<A, S, R>>;\n    PropsProvider: ReturnType<typeof createContext<ZustandStore<PropsStore<P & C>>>>['Provider'];\n    InternalProvider: ReturnType<typeof createContext<ZustandStore<InternalStore<A, S, R>>>>['Provider'];\n    usePropsStore: ReturnType<typeof createContext<ZustandStore<PropsStore<P & C>>>>['useStore'];\n  };\n\n  export type AutoUpdaterComponentT = <\n    P extends object,\n    A extends object,\n    C extends object,\n    S extends object,\n    R extends object,\n  >(\n    props: Pick<Config<P, A, C, S, R>, 'usePropsStore'> & { autoCalculatedData: C } & {\n      propsWithDefault: P;\n    } & { Component: React.ComponentType<Record<string, never>> },\n  ) => JSX.Element;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/useInternalStoreCreator.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,13 +36,14 @@ var import_react = require("react");
 var import_zustand = __toESM(require("zustand"));
 var import_middleware = require("zustand/middleware");
 var import_immer = require("zustand/middleware/immer");
-var import_builders = require("./builders");
+var import_builders = require("./builders.js");
 const createInternalStore = ({
   internalAtomDefaultValues,
   selectors,
   reducers,
   subscribers
 }) => {
+  const apiRef = (0, import_react.createRef)();
   const store = (0, import_zustand.default)(
     (0, import_middleware.subscribeWithSelector)(
       (0, import_immer.immer)((set, get) => {
@@ -51,6 +56,7 @@ const createInternalStore = ({
           ...internalAtomSetters,
           ...selectors(get),
           ...reducers(get, set),
+          apiRef,
           zustandRefs: {},
           getZustandRef,
           setZustandRef,
@@ -61,6 +67,7 @@ const createInternalStore = ({
     )
   );
   subscribers(store);
+  apiRef.current = store;
   return store;
 };
 const useInternalStoreCreator = ({

package/dist/cjs/useInternalStoreCreator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useInternalStoreCreator.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useCallback } from 'react';\nimport create from 'zustand';\nimport { subscribeWithSelector } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { buildGetters, buildRefGetterAndSetter, buildSetters } from './builders';\nimport type { ZustandT } from './types';\n\n// Function that will create the store, putting:\n// 1) the atoms\n// 2) the getters for the atoms (which we auto-calculate and are mutable)\n// 3) the setters for the atoms (which we auto-calculate)\n// 4) the auto-calculated values\n// 5) selectors\n// 6) reducers\n// 7) ref object, getters and setters\n// 8) the get function\n// 9) the set function\n// After that, we configure the subscribers\n// The store is fully typed, and the setters are typed as well\nconst createInternalStore = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const store = create(\n    subscribeWithSelector(\n      immer<ZustandT.InternalStore<A, S, R>>((set, get) => {\n        // We build the atom getters\n        const internalAtomGetters = buildGetters(internalAtomDefaultValues, get);\n\n        // We build the atom setters\n        const internalAtomSetters = buildSetters(internalAtomDefaultValues, get, set);\n\n        // We build an object to store references to elements\n        const [getZustandRef, setZustandRef] = buildRefGetterAndSetter(get, set);\n\n        return {\n          ...internalAtomDefaultValues,\n          ...internalAtomGetters,\n          ...internalAtomSetters,\n          ...selectors(get),\n          ...reducers(get, set),\n          zustandRefs: {},\n          getZustandRef,\n          setZustandRef,\n          get,\n          set,\n        };\n      }),\n    ),\n  );\n\n  // We setup all subscribers\n  subscribers(store);\n\n  return store;\n};\n\nexport const useInternalStoreCreator = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const storeCreator = useCallback(\n    () => createInternalStore({ internalAtomDefaultValues, selectors, reducers, subscribers }),\n    [internalAtomDefaultValues, selectors, reducers, subscribers],\n  );\n\n  return storeCreator;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAmB;AACnB,wBAAsC;AACtC,mBAAsB;AACtB,sBAAoE;AAepE,MAAM,sBAAsB,CAAuD;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,YAAQ,eAAAA;AAAA,QACZ;AAAA,UACE,oBAAuC,CAAC,KAAK,QAAQ;AAEnD,cAAM,0BAAsB,8BAAa,2BAA2B,GAAG;AAGvE,cAAM,0BAAsB,8BAAa,2BAA2B,KAAK,GAAG;AAG5E,cAAM,CAAC,eAAe,aAAa,QAAI,yCAAwB,KAAK,GAAG;AAEvE,eAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG,UAAU,GAAG;AAAA,UAChB,GAAG,SAAS,KAAK,GAAG;AAAA,UACpB,aAAa,CAAC;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAGA,cAAY,KAAK;AAEjB,SAAO;AACT;AAEO,MAAM,0BAA0B,CAAuD;AAAA,EAC5F;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,mBAAe;AAAA,IACnB,MAAM,oBAAoB,EAAE,2BAA2B,WAAW,UAAU,YAAY,CAAC;AAAA,IACzF,CAAC,2BAA2B,WAAW,UAAU,WAAW;AAAA,EAC9D;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { useCallback, createRef } from 'react';\nimport create from 'zustand';\nimport { subscribeWithSelector } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { buildGetters, buildRefGetterAndSetter, buildSetters } from './builders.js';\nimport type { ZustandT } from './types.js';\n\n// Function that will create the store, putting:\n// 1) the atoms\n// 2) the getters for the atoms (which we auto-calculate and are mutable)\n// 3) the setters for the atoms (which we auto-calculate)\n// 4) the auto-calculated values\n// 5) selectors\n// 6) reducers\n// 7) ref object, getters and setters\n// 8) the get function\n// 9) the set function\n// After that, we configure the subscribers\n// The store is fully typed, and the setters are typed as well\nconst createInternalStore = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const apiRef = createRef() as React.MutableRefObject<ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>>>;\n  const store = create(\n    subscribeWithSelector(\n      immer<ZustandT.InternalStore<A, S, R>>((set, get) => {\n        // We build the atom getters\n        const internalAtomGetters = buildGetters(internalAtomDefaultValues, get);\n\n        // We build the atom setters\n        const internalAtomSetters = buildSetters(internalAtomDefaultValues, get, set);\n\n        // We build an object to store references to elements\n        const [getZustandRef, setZustandRef] = buildRefGetterAndSetter(get, set);\n\n        return {\n          ...internalAtomDefaultValues,\n          ...internalAtomGetters,\n          ...internalAtomSetters,\n          ...selectors(get),\n          ...reducers(get, set),\n          apiRef,\n          zustandRefs: {},\n          getZustandRef,\n          setZustandRef,\n          get,\n          set,\n        };\n      }),\n    ),\n  );\n\n  // We setup all subscribers\n  subscribers(store);\n  apiRef.current = store;\n\n  return store;\n};\n\nexport const useInternalStoreCreator = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const storeCreator = useCallback(\n    () => createInternalStore({ internalAtomDefaultValues, selectors, reducers, subscribers }),\n    [internalAtomDefaultValues, selectors, reducers, subscribers],\n  );\n\n  return storeCreator;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuC;AACvC,qBAAmB;AACnB,wBAAsC;AACtC,mBAAsB;AACtB,sBAAoE;AAepE,MAAM,sBAAsB,CAAuD;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,aAAS,wBAAU;AACzB,QAAM,YAAQ,eAAAA;AAAA,QACZ;AAAA,UACE,oBAAuC,CAAC,KAAK,QAAQ;AAEnD,cAAM,0BAAsB,8BAAa,2BAA2B,GAAG;AAGvE,cAAM,0BAAsB,8BAAa,2BAA2B,KAAK,GAAG;AAG5E,cAAM,CAAC,eAAe,aAAa,QAAI,yCAAwB,KAAK,GAAG;AAEvE,eAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG,UAAU,GAAG;AAAA,UAChB,GAAG,SAAS,KAAK,GAAG;AAAA,UACpB;AAAA,UACA,aAAa,CAAC;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAGA,cAAY,KAAK;AACjB,SAAO,UAAU;AAEjB,SAAO;AACT;AAEO,MAAM,0BAA0B,CAAuD;AAAA,EAC5F;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,mBAAe;AAAA,IACnB,MAAM,oBAAoB,EAAE,2BAA2B,WAAW,UAAU,YAAY,CAAC;AAAA,IACzF,CAAC,2BAA2B,WAAW,UAAU,WAAW;AAAA,EAC9D;AAEA,SAAO;AACT;",
   "names": ["create"]
 }

package/dist/cjs/usePropsStoreCreator.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/usePropsStoreCreator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/usePropsStoreCreator.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useCallback } from 'react';\nimport create from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport type { ZustandT } from './types';\n\nconst createPropsStore = <P extends object, C extends object>(propsWithDefault: P, autoCalculatedData: C) =>\n  create(\n    immer<ZustandT.PropsStore<P & C>>((set) => ({\n      set,\n      ...propsWithDefault,\n      ...autoCalculatedData,\n    })),\n  );\n\nexport const usePropsStoreCreator = <P extends object, C extends object>(props: P, autoCalculatedData: C) => {\n  // we want to memoize the creation of the store,\n  // it doesn't make sense to create a new store every time the props change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const storeCreator = useCallback(() => createPropsStore(props, autoCalculatedData), []);\n\n  return storeCreator;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAmB;AACnB,mBAAsB;AAGtB,MAAM,mBAAmB,CAAqC,kBAAqB,2BACjF,eAAAA;AAAA,MACE,oBAAkC,CAAC,SAAS;AAAA,IAC1C;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE;AACJ;AAEK,MAAM,uBAAuB,CAAqC,OAAU,uBAA0B;AAI3G,QAAM,mBAAe,0BAAY,MAAM,iBAAiB,OAAO,kBAAkB,GAAG,CAAC,CAAC;AAEtF,SAAO;AACT;",
+  "sourcesContent": ["import { useCallback } from 'react';\nimport create from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport type { ZustandT } from './types.js';\n\nconst createPropsStore = <P extends object, C extends object>(propsWithDefault: P, autoCalculatedData: C) =>\n  create(\n    immer<ZustandT.PropsStore<P & C>>((set) => ({\n      set,\n      ...propsWithDefault,\n      ...autoCalculatedData,\n    })),\n  );\n\nexport const usePropsStoreCreator = <P extends object, C extends object>(props: P, autoCalculatedData: C) => {\n  // we want to memoize the creation of the store,\n  // it doesn't make sense to create a new store every time the props change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const storeCreator = useCallback(() => createPropsStore(props, autoCalculatedData), []);\n\n  return storeCreator;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAmB;AACnB,mBAAsB;AAGtB,MAAM,mBAAmB,CAAqC,kBAAqB,2BACjF,eAAAA;AAAA,MACE,oBAAkC,CAAC,SAAS;AAAA,IAC1C;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE;AACJ;AAEK,MAAM,uBAAuB,CAAqC,OAAU,uBAA0B;AAI3G,QAAM,mBAAe,0BAAY,MAAM,iBAAiB,OAAO,kBAAkB,GAAG,CAAC,CAAC;AAEtF,SAAO;AACT;",
   "names": ["create"]
 }

package/dist/cjs/withZustand.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,9 +34,9 @@ module.exports = __toCommonJS(withZustand_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_useInternalStoreCreator = require("./useInternalStoreCreator");
-var import_AutoUpdaterComponent = require("./AutoUpdaterComponent");
-var import_usePropsStoreCreator = require("./usePropsStoreCreator");
+var import_useInternalStoreCreator = require("./useInternalStoreCreator.js");
+var import_AutoUpdaterComponent = require("./AutoUpdaterComponent.js");
+var import_usePropsStoreCreator = require("./usePropsStoreCreator.js");
 const noopish = () => ({});
 const withZustand = (Component, config) => {
   const {

package/dist/cjs/withZustand.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/withZustand.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\n\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useInternalStoreCreator } from './useInternalStoreCreator';\nimport type { ZustandT } from './types';\nimport { AutoUpdaterComponent } from './AutoUpdaterComponent';\nimport { usePropsStoreCreator } from './usePropsStoreCreator';\n\nconst noopish = <T extends object>() => ({} as T);\n\nexport const withZustand = <\n  U extends object,\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>(\n  Component: React.ComponentType<Record<string, never>>,\n  config: ZustandT.Config<P, A, C, S, R>,\n) => {\n  const {\n    defaultProps,\n    internalAtomDefaultValues,\n    useAutoCalculated,\n    selectors = noopish,\n    reducers = noopish,\n    subscribers = noopish,\n    PropsProvider,\n    InternalProvider,\n    usePropsStore,\n  } = config;\n\n  const ComponentWithStore = (props: U) => {\n    const propsWithDefault = useMemoMergePropsWithDefault<P>(props, defaultProps);\n\n    const autoCalculatedData = useAutoCalculated(propsWithDefault);\n\n    const internalStoreCreator = useInternalStoreCreator({\n      internalAtomDefaultValues,\n      selectors,\n      reducers,\n      subscribers,\n    });\n\n    const propsStoreCreator = usePropsStoreCreator(propsWithDefault, autoCalculatedData);\n\n    return (\n      <PropsProvider createStore={propsStoreCreator}>\n        <InternalProvider createStore={internalStoreCreator}>\n          <AutoUpdaterComponent\n            Component={Component}\n            usePropsStore={usePropsStore}\n            autoCalculatedData={autoCalculatedData}\n            propsWithDefault={propsWithDefault}\n          />\n        </InternalProvider>\n      </PropsProvider>\n    );\n  };\n  return ComponentWithStore;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkDb;AAhDV,8BAA6C;AAC7C,qCAAwC;AAExC,kCAAqC;AACrC,kCAAqC;AAErC,MAAM,UAAU,OAAyB,CAAC;AAEnC,MAAM,cAAc,CAQzB,WACA,WACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqB,CAAC,UAAa;AACvC,UAAM,uBAAmB,sDAAgC,OAAO,YAAY;AAE5E,UAAM,qBAAqB,kBAAkB,gBAAgB;AAE7D,UAAM,2BAAuB,wDAAwB;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,wBAAoB,kDAAqB,kBAAkB,kBAAkB;AAEnF,WACE,4CAAC,iBAAc,aAAa,mBAC1B,sDAAC,oBAAiB,aAAa,sBAC7B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable indent */\nimport React from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useInternalStoreCreator } from './useInternalStoreCreator.js';\nimport type { ZustandT } from './types.js';\nimport { AutoUpdaterComponent } from './AutoUpdaterComponent.js';\nimport { usePropsStoreCreator } from './usePropsStoreCreator.js';\n\nconst noopish = <T extends object>() => ({} as T);\n\nexport const withZustand = <\n  U extends object,\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>(\n  Component: React.ComponentType<Record<string, never>>,\n  config: ZustandT.Config<P, A, C, S, R>,\n) => {\n  const {\n    defaultProps,\n    internalAtomDefaultValues,\n    useAutoCalculated,\n    selectors = noopish,\n    reducers = noopish,\n    subscribers = noopish,\n    PropsProvider,\n    InternalProvider,\n    usePropsStore,\n  } = config;\n\n  const ComponentWithStore = (props: U) => {\n    const propsWithDefault = useMemoMergePropsWithDefault<P>(props, defaultProps);\n\n    const autoCalculatedData = useAutoCalculated(propsWithDefault);\n\n    const internalStoreCreator = useInternalStoreCreator({\n      internalAtomDefaultValues,\n      selectors,\n      reducers,\n      subscribers,\n    });\n\n    const propsStoreCreator = usePropsStoreCreator(propsWithDefault, autoCalculatedData);\n\n    return (\n      <PropsProvider createStore={propsStoreCreator}>\n        <InternalProvider createStore={internalStoreCreator}>\n          <AutoUpdaterComponent\n            Component={Component}\n            usePropsStore={usePropsStore}\n            autoCalculatedData={autoCalculatedData}\n            propsWithDefault={propsWithDefault}\n          />\n        </InternalProvider>\n      </PropsProvider>\n    );\n  };\n  return ComponentWithStore;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkDb;AAhDV,8BAA6C;AAC7C,qCAAwC;AAExC,kCAAqC;AACrC,kCAAqC;AAErC,MAAM,UAAU,OAAyB,CAAC;AAEnC,MAAM,cAAc,CAQzB,WACA,WACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqB,CAAC,UAAa;AACvC,UAAM,uBAAmB,sDAAgC,OAAO,YAAY;AAE5E,UAAM,qBAAqB,kBAAkB,gBAAgB;AAE7D,UAAM,2BAAuB,wDAAwB;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,wBAAoB,kDAAqB,kBAAkB,kBAAkB;AAEnF,WACE,4CAAC,iBAAc,aAAa,mBAC1B,sDAAC,oBAAiB,aAAa,sBAC7B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,EAEJ;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/AutoUpdaterComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/AutoUpdaterComponent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useEffect } from 'react';\nimport type { ZustandT } from './types';\n\nexport const AutoUpdaterComponent: ZustandT.AutoUpdaterComponentT = (props) => {\n  const { usePropsStore, autoCalculatedData, propsWithDefault, Component } = props;\n  const setProps = usePropsStore(useCallback((state) => state.set, []));\n\n  useEffect(() => {\n    setProps({ ...propsWithDefault, ...autoCalculatedData });\n  }, [propsWithDefault, setProps, autoCalculatedData]);\n\n  return <Component />;\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useEffect } from 'react';\nimport type { ZustandT } from './types.js';\n\nexport const AutoUpdaterComponent: ZustandT.AutoUpdaterComponentT = (props) => {\n  const { usePropsStore, autoCalculatedData, propsWithDefault, Component } = props;\n  const setProps = usePropsStore(useCallback((state) => state.set, []));\n\n  useEffect(() => {\n    setProps({ ...propsWithDefault, ...autoCalculatedData });\n  }, [propsWithDefault, setProps, autoCalculatedData]);\n\n  return <Component />;\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACWd;AAXT,SAAgB,aAAa,iBAAiB;AAGvC,MAAM,uBAAuD,CAAC,UAAU;AAC7E,QAAM,EAAE,eAAe,oBAAoB,kBAAkB,UAAU,IAAI;AAC3E,QAAM,WAAW,cAAc,YAAY,CAAC,UAAU,MAAM,KAAK,CAAC,CAAC,CAAC;AAEpE,YAAU,MAAM;AACd,aAAS,EAAE,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAAA,EACzD,GAAG,CAAC,kBAAkB,UAAU,kBAAkB,CAAC;AAEnD,SAAO,oBAAC,aAAU;AACpB;",
   "names": []
 }

package/dist/esm/builders.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/builders.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { ZustandT } from './types';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst getKeys = <T extends object>(obj: T) => Object.keys(obj) as (keyof T)[];\n\nexport const buildGetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomGetters: ZustandT.AtomGetters<A> = {} as ZustandT.AtomGetters<A>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForGetter = `get${capitalize(key as string)}` as keyof ZustandT.AtomGetters<A>;\n\n    const getter = (() => get()[key]) as ZustandT.AtomGetters<A>[keyof ZustandT.AtomGetters<A>];\n\n    internalAtomGetters[keyForGetter] = getter;\n  });\n\n  return internalAtomGetters;\n};\n\nexport const buildSetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomSetters: ZustandT.AtomSetters<A, S, R> = {} as ZustandT.AtomSetters<A, S, R>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForSetter = `set${capitalize(key as string)}` as keyof ZustandT.AtomSetters<A, S, R>;\n\n    const setter = ((newVal: A[typeof key]) => {\n      if (typeof newVal === 'function') {\n        // If it's a function, we call it with the current store value, and the full store. We try to mimic react-setState's behavior\n        set({ [key]: newVal(get()[key], get()) as A[typeof key] } as Partial<ZustandT.InternalStore<A, S, R>>);\n      } else {\n        // We just received the new value, set it\n        set({ [key]: newVal } as Partial<ZustandT.InternalStore<A, S, R>>);\n      }\n    }) as ZustandT.AtomSetters<A, S, R>[keyof ZustandT.AtomSetters<A, S, R>];\n\n    // We add the setter to the internalAtomSetters object\n    internalAtomSetters[keyForSetter] = setter;\n  });\n\n  return internalAtomSetters;\n};\n\nexport const buildRefGetterAndSetter = <A extends object, S extends object, R extends object>(\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const getZustandRef = (key: string[]): HTMLElement | null => get().zustandRefs[key.join(',')];\n\n  const setZustandRef = (key: string[], value: HTMLElement | null) => {\n    set((state) => {\n      if (state instanceof Map || state instanceof Set) return;\n      const zustandRefs = state.zustandRefs;\n      return {\n        zustandRefs: {\n          ...zustandRefs,\n          [key.join(',')]: value,\n        },\n      };\n    });\n  };\n\n  return [getZustandRef, setZustandRef] as const;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,MAAM,aAAa,CAAC,QAAgB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAE7E,MAAM,UAAU,CAAmB,QAAW,OAAO,KAAK,GAAG;AAEtD,MAAM,eAAe,CAC1B,2BACA,QACG;AACH,QAAM,sBAA+C,CAAC;AAEtD,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,MAAM,IAAI,EAAE;AAE5B,wBAAoB,gBAAgB;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,eAAe,CAC1B,2BACA,KACA,QACG;AACH,QAAM,sBAAqD,CAAC;AAE5D,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,CAAC,WAA0B;AACzC,UAAI,OAAO,WAAW,YAAY;AAEhC,YAAI,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,IAAI,CAAC,EAAmB,CAA6C;AAAA,MACvG,OAAO;AAEL,YAAI,EAAE,CAAC,MAAM,OAAO,CAA6C;AAAA,MACnE;AAAA,IACF;AAGA,wBAAoB,gBAAgB;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,KACA,QACG;AACH,QAAM,gBAAgB,CAAC,QAAsC,IAAI,EAAE,YAAY,IAAI,KAAK,GAAG;AAE3F,QAAM,gBAAgB,CAAC,KAAe,UAA8B;AAClE,QAAI,CAAC,UAAU;AACb,UAAI,iBAAiB,OAAO,iBAAiB;AAAK;AAClD,YAAM,cAAc,MAAM;AAC1B,aAAO;AAAA,QACL,aAAa;AAAA,UACX,GAAG;AAAA,UACH,CAAC,IAAI,KAAK,GAAG,IAAI;AAAA,QACnB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,CAAC,eAAe,aAAa;AACtC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { ZustandT } from './types.js';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst getKeys = <T extends object>(obj: T) => Object.keys(obj) as (keyof T)[];\n\nexport const buildGetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomGetters: ZustandT.AtomGetters<A> = {} as ZustandT.AtomGetters<A>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForGetter = `get${capitalize(key as string)}` as keyof ZustandT.AtomGetters<A>;\n\n    const getter = (() => get()[key]) as ZustandT.AtomGetters<A>[keyof ZustandT.AtomGetters<A>];\n\n    internalAtomGetters[keyForGetter] = getter;\n  });\n\n  return internalAtomGetters;\n};\n\nexport const buildSetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomSetters: ZustandT.AtomSetters<A, S, R> = {} as ZustandT.AtomSetters<A, S, R>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForSetter = `set${capitalize(key as string)}` as keyof ZustandT.AtomSetters<A, S, R>;\n\n    const setter = ((newVal: A[typeof key]) => {\n      if (typeof newVal === 'function') {\n        // If it's a function, we call it with the current store value, and the full store. We try to mimic react-setState's behavior\n        set({ [key]: newVal(get()[key], get()) as A[typeof key] } as Partial<ZustandT.InternalStore<A, S, R>>);\n      } else {\n        // We just received the new value, set it\n        set({ [key]: newVal } as Partial<ZustandT.InternalStore<A, S, R>>);\n      }\n    }) as ZustandT.AtomSetters<A, S, R>[keyof ZustandT.AtomSetters<A, S, R>];\n\n    // We add the setter to the internalAtomSetters object\n    internalAtomSetters[keyForSetter] = setter;\n  });\n\n  return internalAtomSetters;\n};\n\nexport const buildRefGetterAndSetter = <A extends object, S extends object, R extends object>(\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const getZustandRef = (key: string[]): HTMLElement | null => get().zustandRefs[key.join(',')];\n\n  const setZustandRef = (key: string[], value: HTMLElement | null) => {\n    set((state) => {\n      if (state instanceof Map || state instanceof Set) return;\n      const zustandRefs = state.zustandRefs;\n      return {\n        zustandRefs: {\n          ...zustandRefs,\n          [key.join(',')]: value,\n        },\n      };\n    });\n  };\n\n  return [getZustandRef, setZustandRef] as const;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,MAAM,aAAa,CAAC,QAAgB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAE7E,MAAM,UAAU,CAAmB,QAAW,OAAO,KAAK,GAAG;AAEtD,MAAM,eAAe,CAC1B,2BACA,QACG;AACH,QAAM,sBAA+C,CAAC;AAEtD,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,MAAM,IAAI,EAAE,GAAG;AAE/B,wBAAoB,YAAY,IAAI;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,eAAe,CAC1B,2BACA,KACA,QACG;AACH,QAAM,sBAAqD,CAAC;AAE5D,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,CAAC,WAA0B;AACzC,UAAI,OAAO,WAAW,YAAY;AAEhC,YAAI,EAAE,CAAC,GAAG,GAAG,OAAO,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC,EAAmB,CAA6C;AAAA,MACvG,OAAO;AAEL,YAAI,EAAE,CAAC,GAAG,GAAG,OAAO,CAA6C;AAAA,MACnE;AAAA,IACF;AAGA,wBAAoB,YAAY,IAAI;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,KACA,QACG;AACH,QAAM,gBAAgB,CAAC,QAAsC,IAAI,EAAE,YAAY,IAAI,KAAK,GAAG,CAAC;AAE5F,QAAM,gBAAgB,CAAC,KAAe,UAA8B;AAClE,QAAI,CAAC,UAAU;AACb,UAAI,iBAAiB,OAAO,iBAAiB;AAAK;AAClD,YAAM,cAAc,MAAM;AAC1B,aAAO;AAAA,QACL,aAAa;AAAA,UACX,GAAG;AAAA,UACH,CAAC,IAAI,KAAK,GAAG,CAAC,GAAG;AAAA,QACnB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,CAAC,eAAe,aAAa;AACtC;",
   "names": []
 }

package/dist/esm/createInternalAndPropsContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/createInternalAndPropsContext.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import createContext from 'zustand/context';\nimport type { ZustandT } from './types';\n\nexport const createInternalAndPropsContext = <\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>() => {\n  const { Provider: PropsProvider, useStore: usePropsStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.PropsStore<P & C>>>();\n\n  const { Provider: InternalProvider, useStore: useInternalStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>>>();\n\n  return { PropsProvider, usePropsStore, InternalProvider, useInternalStore };\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import createContext from 'zustand/context';\nimport type { ZustandT } from './types.js';\n\nexport const createInternalAndPropsContext = <\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>() => {\n  const { Provider: PropsProvider, useStore: usePropsStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.PropsStore<P & C>>>();\n\n  const { Provider: InternalProvider, useStore: useInternalStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>>>();\n\n  return { PropsProvider, usePropsStore, InternalProvider, useInternalStore };\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,mBAAmB;AAGnB,MAAM,gCAAgC,MAMtC;AACL,QAAM,EAAE,UAAU,eAAe,UAAU,cAAc,IACvD,cAAiE;AAEnE,QAAM,EAAE,UAAU,kBAAkB,UAAU,iBAAiB,IAC7D,cAAsE;AAExE,SAAO,EAAE,eAAe,eAAe,kBAAkB,iBAAiB;AAC5E;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { createInternalAndPropsContext } from "./createInternalAndPropsContext";
-import { withZustand } from "./withZustand";
+import { createInternalAndPropsContext } from "./createInternalAndPropsContext.js";
+import { withZustand } from "./withZustand.js";
 export {
   createInternalAndPropsContext,
   withZustand

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { createInternalAndPropsContext } from './createInternalAndPropsContext';\nexport { withZustand } from './withZustand';\nexport type { ZustandT } from './types';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { createInternalAndPropsContext } from './createInternalAndPropsContext.js';\nexport { withZustand } from './withZustand.js';\nexport type { ZustandT } from './types.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qCAAqC;AAC9C,SAAS,mBAAmB;",
   "names": []
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/useInternalStoreCreator.js

@@ -1,15 +1,16 @@
 import * as React from "react";
-import { useCallback } from "react";
+import { useCallback, createRef } from "react";
 import create from "zustand";
 import { subscribeWithSelector } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { buildGetters, buildRefGetterAndSetter, buildSetters } from "./builders";
+import { buildGetters, buildRefGetterAndSetter, buildSetters } from "./builders.js";
 const createInternalStore = ({
   internalAtomDefaultValues,
   selectors,
   reducers,
   subscribers
 }) => {
+  const apiRef = createRef();
   const store = create(
     subscribeWithSelector(
       immer((set, get) => {
@@ -22,6 +23,7 @@ const createInternalStore = ({
           ...internalAtomSetters,
           ...selectors(get),
           ...reducers(get, set),
+          apiRef,
           zustandRefs: {},
           getZustandRef,
           setZustandRef,
@@ -32,6 +34,7 @@ const createInternalStore = ({
     )
   );
   subscribers(store);
+  apiRef.current = store;
   return store;
 };
 const useInternalStoreCreator = ({

package/dist/esm/useInternalStoreCreator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useInternalStoreCreator.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport create from 'zustand';\nimport { subscribeWithSelector } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { buildGetters, buildRefGetterAndSetter, buildSetters } from './builders';\nimport type { ZustandT } from './types';\n\n// Function that will create the store, putting:\n// 1) the atoms\n// 2) the getters for the atoms (which we auto-calculate and are mutable)\n// 3) the setters for the atoms (which we auto-calculate)\n// 4) the auto-calculated values\n// 5) selectors\n// 6) reducers\n// 7) ref object, getters and setters\n// 8) the get function\n// 9) the set function\n// After that, we configure the subscribers\n// The store is fully typed, and the setters are typed as well\nconst createInternalStore = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const store = create(\n    subscribeWithSelector(\n      immer<ZustandT.InternalStore<A, S, R>>((set, get) => {\n        // We build the atom getters\n        const internalAtomGetters = buildGetters(internalAtomDefaultValues, get);\n\n        // We build the atom setters\n        const internalAtomSetters = buildSetters(internalAtomDefaultValues, get, set);\n\n        // We build an object to store references to elements\n        const [getZustandRef, setZustandRef] = buildRefGetterAndSetter(get, set);\n\n        return {\n          ...internalAtomDefaultValues,\n          ...internalAtomGetters,\n          ...internalAtomSetters,\n          ...selectors(get),\n          ...reducers(get, set),\n          zustandRefs: {},\n          getZustandRef,\n          setZustandRef,\n          get,\n          set,\n        };\n      }),\n    ),\n  );\n\n  // We setup all subscribers\n  subscribers(store);\n\n  return store;\n};\n\nexport const useInternalStoreCreator = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const storeCreator = useCallback(\n    () => createInternalStore({ internalAtomDefaultValues, selectors, reducers, subscribers }),\n    [internalAtomDefaultValues, selectors, reducers, subscribers],\n  );\n\n  return storeCreator;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AACnB,SAAS,6BAA6B;AACtC,SAAS,aAAa;AACtB,SAAS,cAAc,yBAAyB,oBAAoB;AAepE,MAAM,sBAAsB,CAAuD;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,QAAQ;AAAA,IACZ;AAAA,MACE,MAAuC,CAAC,KAAK,QAAQ;AAEnD,cAAM,sBAAsB,aAAa,2BAA2B,GAAG;AAGvE,cAAM,sBAAsB,aAAa,2BAA2B,KAAK,GAAG;AAG5E,cAAM,CAAC,eAAe,aAAa,IAAI,wBAAwB,KAAK,GAAG;AAEvE,eAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG,UAAU,GAAG;AAAA,UAChB,GAAG,SAAS,KAAK,GAAG;AAAA,UACpB,aAAa,CAAC;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAGA,cAAY,KAAK;AAEjB,SAAO;AACT;AAEO,MAAM,0BAA0B,CAAuD;AAAA,EAC5F;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,eAAe;AAAA,IACnB,MAAM,oBAAoB,EAAE,2BAA2B,WAAW,UAAU,YAAY,CAAC;AAAA,IACzF,CAAC,2BAA2B,WAAW,UAAU,WAAW;AAAA,EAC9D;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, createRef } from 'react';\nimport create from 'zustand';\nimport { subscribeWithSelector } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { buildGetters, buildRefGetterAndSetter, buildSetters } from './builders.js';\nimport type { ZustandT } from './types.js';\n\n// Function that will create the store, putting:\n// 1) the atoms\n// 2) the getters for the atoms (which we auto-calculate and are mutable)\n// 3) the setters for the atoms (which we auto-calculate)\n// 4) the auto-calculated values\n// 5) selectors\n// 6) reducers\n// 7) ref object, getters and setters\n// 8) the get function\n// 9) the set function\n// After that, we configure the subscribers\n// The store is fully typed, and the setters are typed as well\nconst createInternalStore = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const apiRef = createRef() as React.MutableRefObject<ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>>>;\n  const store = create(\n    subscribeWithSelector(\n      immer<ZustandT.InternalStore<A, S, R>>((set, get) => {\n        // We build the atom getters\n        const internalAtomGetters = buildGetters(internalAtomDefaultValues, get);\n\n        // We build the atom setters\n        const internalAtomSetters = buildSetters(internalAtomDefaultValues, get, set);\n\n        // We build an object to store references to elements\n        const [getZustandRef, setZustandRef] = buildRefGetterAndSetter(get, set);\n\n        return {\n          ...internalAtomDefaultValues,\n          ...internalAtomGetters,\n          ...internalAtomSetters,\n          ...selectors(get),\n          ...reducers(get, set),\n          apiRef,\n          zustandRefs: {},\n          getZustandRef,\n          setZustandRef,\n          get,\n          set,\n        };\n      }),\n    ),\n  );\n\n  // We setup all subscribers\n  subscribers(store);\n  apiRef.current = store;\n\n  return store;\n};\n\nexport const useInternalStoreCreator = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const storeCreator = useCallback(\n    () => createInternalStore({ internalAtomDefaultValues, selectors, reducers, subscribers }),\n    [internalAtomDefaultValues, selectors, reducers, subscribers],\n  );\n\n  return storeCreator;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,iBAAiB;AACvC,OAAO,YAAY;AACnB,SAAS,6BAA6B;AACtC,SAAS,aAAa;AACtB,SAAS,cAAc,yBAAyB,oBAAoB;AAepE,MAAM,sBAAsB,CAAuD;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ;AAAA,IACZ;AAAA,MACE,MAAuC,CAAC,KAAK,QAAQ;AAEnD,cAAM,sBAAsB,aAAa,2BAA2B,GAAG;AAGvE,cAAM,sBAAsB,aAAa,2BAA2B,KAAK,GAAG;AAG5E,cAAM,CAAC,eAAe,aAAa,IAAI,wBAAwB,KAAK,GAAG;AAEvE,eAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG,UAAU,GAAG;AAAA,UAChB,GAAG,SAAS,KAAK,GAAG;AAAA,UACpB;AAAA,UACA,aAAa,CAAC;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAGA,cAAY,KAAK;AACjB,SAAO,UAAU;AAEjB,SAAO;AACT;AAEO,MAAM,0BAA0B,CAAuD;AAAA,EAC5F;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,eAAe;AAAA,IACnB,MAAM,oBAAoB,EAAE,2BAA2B,WAAW,UAAU,YAAY,CAAC;AAAA,IACzF,CAAC,2BAA2B,WAAW,UAAU,WAAW;AAAA,EAC9D;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/usePropsStoreCreator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/usePropsStoreCreator.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport create from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport type { ZustandT } from './types';\n\nconst createPropsStore = <P extends object, C extends object>(propsWithDefault: P, autoCalculatedData: C) =>\n  create(\n    immer<ZustandT.PropsStore<P & C>>((set) => ({\n      set,\n      ...propsWithDefault,\n      ...autoCalculatedData,\n    })),\n  );\n\nexport const usePropsStoreCreator = <P extends object, C extends object>(props: P, autoCalculatedData: C) => {\n  // we want to memoize the creation of the store,\n  // it doesn't make sense to create a new store every time the props change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const storeCreator = useCallback(() => createPropsStore(props, autoCalculatedData), []);\n\n  return storeCreator;\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport create from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport type { ZustandT } from './types.js';\n\nconst createPropsStore = <P extends object, C extends object>(propsWithDefault: P, autoCalculatedData: C) =>\n  create(\n    immer<ZustandT.PropsStore<P & C>>((set) => ({\n      set,\n      ...propsWithDefault,\n      ...autoCalculatedData,\n    })),\n  );\n\nexport const usePropsStoreCreator = <P extends object, C extends object>(props: P, autoCalculatedData: C) => {\n  // we want to memoize the creation of the store,\n  // it doesn't make sense to create a new store every time the props change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const storeCreator = useCallback(() => createPropsStore(props, autoCalculatedData), []);\n\n  return storeCreator;\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AACnB,SAAS,aAAa;AAGtB,MAAM,mBAAmB,CAAqC,kBAAqB,uBACjF;AAAA,EACE,MAAkC,CAAC,SAAS;AAAA,IAC1C;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE;AACJ;AAEK,MAAM,uBAAuB,CAAqC,OAAU,uBAA0B;AAI3G,QAAM,eAAe,YAAY,MAAM,iBAAiB,OAAO,kBAAkB,GAAG,CAAC,CAAC;AAEtF,SAAO;AACT;",
   "names": []
 }

package/dist/esm/withZustand.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
-import { useInternalStoreCreator } from "./useInternalStoreCreator";
-import { AutoUpdaterComponent } from "./AutoUpdaterComponent";
-import { usePropsStoreCreator } from "./usePropsStoreCreator";
+import { useInternalStoreCreator } from "./useInternalStoreCreator.js";
+import { AutoUpdaterComponent } from "./AutoUpdaterComponent.js";
+import { usePropsStoreCreator } from "./usePropsStoreCreator.js";
 const noopish = () => ({});
 const withZustand = (Component, config) => {
   const {

package/dist/esm/withZustand.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/withZustand.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useInternalStoreCreator } from './useInternalStoreCreator';\nimport type { ZustandT } from './types';\nimport { AutoUpdaterComponent } from './AutoUpdaterComponent';\nimport { usePropsStoreCreator } from './usePropsStoreCreator';\n\nconst noopish = <T extends object>() => ({} as T);\n\nexport const withZustand = <\n  U extends object,\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>(\n  Component: React.ComponentType<Record<string, never>>,\n  config: ZustandT.Config<P, A, C, S, R>,\n) => {\n  const {\n    defaultProps,\n    internalAtomDefaultValues,\n    useAutoCalculated,\n    selectors = noopish,\n    reducers = noopish,\n    subscribers = noopish,\n    PropsProvider,\n    InternalProvider,\n    usePropsStore,\n  } = config;\n\n  const ComponentWithStore = (props: U) => {\n    const propsWithDefault = useMemoMergePropsWithDefault<P>(props, defaultProps);\n\n    const autoCalculatedData = useAutoCalculated(propsWithDefault);\n\n    const internalStoreCreator = useInternalStoreCreator({\n      internalAtomDefaultValues,\n      selectors,\n      reducers,\n      subscribers,\n    });\n\n    const propsStoreCreator = usePropsStoreCreator(propsWithDefault, autoCalculatedData);\n\n    return (\n      <PropsProvider createStore={propsStoreCreator}>\n        <InternalProvider createStore={internalStoreCreator}>\n          <AutoUpdaterComponent\n            Component={Component}\n            usePropsStore={usePropsStore}\n            autoCalculatedData={autoCalculatedData}\n            propsWithDefault={propsWithDefault}\n          />\n        </InternalProvider>\n      </PropsProvider>\n    );\n  };\n  return ComponentWithStore;\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport React from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useInternalStoreCreator } from './useInternalStoreCreator.js';\nimport type { ZustandT } from './types.js';\nimport { AutoUpdaterComponent } from './AutoUpdaterComponent.js';\nimport { usePropsStoreCreator } from './usePropsStoreCreator.js';\n\nconst noopish = <T extends object>() => ({} as T);\n\nexport const withZustand = <\n  U extends object,\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>(\n  Component: React.ComponentType<Record<string, never>>,\n  config: ZustandT.Config<P, A, C, S, R>,\n) => {\n  const {\n    defaultProps,\n    internalAtomDefaultValues,\n    useAutoCalculated,\n    selectors = noopish,\n    reducers = noopish,\n    subscribers = noopish,\n    PropsProvider,\n    InternalProvider,\n    usePropsStore,\n  } = config;\n\n  const ComponentWithStore = (props: U) => {\n    const propsWithDefault = useMemoMergePropsWithDefault<P>(props, defaultProps);\n\n    const autoCalculatedData = useAutoCalculated(propsWithDefault);\n\n    const internalStoreCreator = useInternalStoreCreator({\n      internalAtomDefaultValues,\n      selectors,\n      reducers,\n      subscribers,\n    });\n\n    const propsStoreCreator = usePropsStoreCreator(propsWithDefault, autoCalculatedData);\n\n    return (\n      <PropsProvider createStore={propsStoreCreator}>\n        <InternalProvider createStore={internalStoreCreator}>\n          <AutoUpdaterComponent\n            Component={Component}\n            usePropsStore={usePropsStore}\n            autoCalculatedData={autoCalculatedData}\n            propsWithDefault={propsWithDefault}\n          />\n        </InternalProvider>\n      </PropsProvider>\n    );\n  };\n  return ComponentWithStore;\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACkDb;AAhDV,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AAExC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAErC,MAAM,UAAU,OAAyB,CAAC;AAEnC,MAAM,cAAc,CAQzB,WACA,WACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqB,CAAC,UAAa;AACvC,UAAM,mBAAmB,6BAAgC,OAAO,YAAY;AAE5E,UAAM,qBAAqB,kBAAkB,gBAAgB;AAE7D,UAAM,uBAAuB,wBAAwB;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,oBAAoB,qBAAqB,kBAAkB,kBAAkB;AAEnF,WACE,oBAAC,iBAAc,aAAa,mBAC1B,8BAAC,oBAAiB,aAAa,sBAC7B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,EAEJ;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/types/AutoUpdaterComponent.d.ts

@@ -1,2 +1,2 @@
-import type { ZustandT } from './types';
+import type { ZustandT } from './types.js';
 export declare const AutoUpdaterComponent: ZustandT.AutoUpdaterComponentT;

package/dist/types/builders.d.ts

@@ -1,4 +1,4 @@
-import type { ZustandT } from './types';
+import type { ZustandT } from './types.js';
 export declare const buildGetters: <A extends object, S extends object, R extends object>(internalAtomDefaultValues: A, get: () => ZustandT.InternalStore<A, S, R>) => ZustandT.AtomGetters<A>;
 export declare const buildSetters: <A extends object, S extends object, R extends object>(internalAtomDefaultValues: A, get: () => ZustandT.InternalStore<A, S, R>, set: (nextStateOrUpdater: ZustandT.InternalStore<A, S, R> | Partial<ZustandT.InternalStore<A, S, R>> | ((state: import("immer").Draft<ZustandT.InternalStore<A, S, R>>) => void), shouldReplace?: boolean | undefined) => void) => ZustandT.AtomSetters<A, S, R>;
 export declare const buildRefGetterAndSetter: <A extends object, S extends object, R extends object>(get: () => ZustandT.InternalStore<A, S, R>, set: (nextStateOrUpdater: ZustandT.InternalStore<A, S, R> | Partial<ZustandT.InternalStore<A, S, R>> | ((state: import("immer").Draft<ZustandT.InternalStore<A, S, R>>) => void), shouldReplace?: boolean | undefined) => void) => readonly [(key: string[]) => HTMLElement | null, (key: string[], value: HTMLElement | null) => void];

package/dist/types/createInternalAndPropsContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ZustandT } from './types';
+import type { ZustandT } from './types.js';
 export declare const createInternalAndPropsContext: <P extends object, A extends object, C extends object, S extends object, R extends object>() => {
     PropsProvider: ({ createStore, children, }: {
         createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<P & C>>;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { createInternalAndPropsContext } from './createInternalAndPropsContext';
-export { withZustand } from './withZustand';
-export type { ZustandT } from './types';
+export { createInternalAndPropsContext } from './createInternalAndPropsContext.js';
+export { withZustand } from './withZustand.js';
+export type { ZustandT } from './types.js';

package/dist/types/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type React from 'react';
 import type { Draft } from 'immer';
 import type { StoreApi, UseBoundStore } from 'zustand';
 import type createContext from 'zustand/context';
@@ -27,6 +27,7 @@ export declare namespace ZustandT {
         zustandRefs: Record<string, HTMLElement | null>;
         getZustandRef: (key: string[]) => HTMLElement | null;
         setZustandRef: (key: string[], value: HTMLElement | null) => void;
+        apiRef: React.MutableRefObject<ZustandStore<InternalStore<A, S, R>>>;
     };
     export type PropsStore<T> = T & {
         set: Setter<PropsStore<T>>;

package/dist/types/useInternalStoreCreator.d.ts

@@ -1,4 +1,4 @@
-import type { ZustandT } from './types';
+import type { ZustandT } from './types.js';
 export declare const useInternalStoreCreator: <A extends object, S extends object, R extends object>({ internalAtomDefaultValues, selectors, reducers, subscribers, }: ZustandT.InternalParameters<A, S, R>) => () => import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<ZustandT.InternalStore<A, S, R>>, "subscribe"> & {
     subscribe: {
         (listener: (selectedState: ZustandT.InternalStore<A, S, R>, previousSelectedState: ZustandT.InternalStore<A, S, R>) => void): () => void;

package/dist/types/usePropsStoreCreator.d.ts

@@ -1,4 +1,4 @@
-import type { ZustandT } from './types';
+import type { ZustandT } from './types.js';
 export declare const usePropsStoreCreator: <P extends object, C extends object>(props: P, autoCalculatedData: C) => () => import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ZustandT.PropsStore<P & C>>, "setState"> & {
     setState(nextStateOrUpdater: ZustandT.PropsStore<P & C> | Partial<ZustandT.PropsStore<P & C>> | ((state: import("immer").Draft<ZustandT.PropsStore<P & C>>) => void), shouldReplace?: boolean | undefined): void;
 }>;

package/dist/types/withZustand.d.ts

@@ -1,2 +1,3 @@
-import type { ZustandT } from './types';
+import React from 'react';
+import type { ZustandT } from './types.js';
 export declare const withZustand: <U extends object, P extends object, A extends object, C extends object, S extends object, R extends object>(Component: React.ComponentType<Record<string, never>>, config: ZustandT.Config<P, A, C, S, R>) => (props: U) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-zustand-helpers",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Zustand Helpers",
   "files": [
@@ -39,10 +39,10 @@
     "typeSafety": false
   },
   "dependencies": {
-    "immer": "9.0.19",
-    "zustand": "4.1.4",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "immer": "9.0.21",
+    "zustand": "4.3.6",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.5",