@e1011/es-kit 1.0.180 → 1.0.182

package/dist/types/src/core/utils/appState/store/simpleComponent/SimpleComponent2.d.ts

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from 'react';
+import { StoreWithActions } from '../store.vanillajs';
+export type SimpleState = {
+    title: string;
+    count: number;
+    data: number[];
+};
+export type SimpleComponentType = PropsWithChildren;
+export declare const simpleStore2: StoreWithActions<SimpleState>;
+export declare const getRenderCount: () => number;
+export declare const setRenderCount: (count: number) => void;
+export declare const SimpleComponent2: FC<SimpleComponentType>;
+//# sourceMappingURL=SimpleComponent2.d.ts.map

package/dist/types/src/core/utils/appState/store/simpleComponent/SimpleComponent2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleComponent2.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/utils/appState/store/simpleComponent/SimpleComponent2.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAA;AAIhE,OAAO,EAAE,gBAAgB,EAAe,MAAM,oBAAoB,CAAA;AAKlE,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,EAAE,CAAA;CACf,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAA;AAEnD,eAAO,MAAM,YAAY,EAAE,gBAAgB,CAAC,WAAW,CAsBpB,CAAA;AAInC,eAAO,MAAM,cAAc,QAAO,MAAqB,CAAA;AACvD,eAAO,MAAM,cAAc,UAAW,MAAM,SAE3C,CAAA;AAwBD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,mBAAmB,CA2BnD,CAAA"}

package/dist/types/src/core/utils/appState/store/useStore.react.d.ts

@@ -3,18 +3,15 @@ import { Store, StoreWithActions, Selector } from './store.vanillajs';
  * Represents the type for the partial store state used in the `useStore` hook.
  */
 export type useStoreType<T> = Partial<T>;
-/**
- * Custom hook to subscribe to a store and retrieve the selected state.
- * @param store - The store to subscribe to.
- * @param selector - Optional selector function to transform the store state.
- * @returns The selected state from the store.
- */
-export declare function useStore<T>(store: Store<T> | StoreWithActions<T>, selector?: Selector<T>): useStoreType<T>;
+export type useStoreWithSetterType<T> = [Partial<T>, Store<T>['setState']];
+type returnSetterTrueType = true;
+export declare function useStore<T>(store: Store<T> | StoreWithActions<T>, selector: Selector<T>): useStoreType<T>;
+export declare function useStore<T>(store: Store<T> | StoreWithActions<T>, selector: Selector<T>, returnSetter: returnSetterTrueType): useStoreWithSetterType<T>;
 /**
  * Represents the type for the API returned by the `useStoreApi` hook.
  */
 export type useStoreApiType<T> = [
-    ReturnType<typeof useStore>,
+    useStoreType<T>,
     Store<T>['getState'],
     Store<T>['setState'],
     StoreWithActions<T>['actions']
@@ -26,4 +23,5 @@ export type useStoreApiType<T> = [
  * @returns The store API including state, getters, setters, and actions (if applicable).
  */
 export declare function useStoreApi<T>(store: Store<T>, selector?: Selector<T>): useStoreApiType<T>;
+export {};
 //# sourceMappingURL=useStore.react.d.ts.map

package/dist/types/src/core/utils/appState/store/useStore.react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStore.react.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrE;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;AAExC;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,EACrC,QAAQ,GAAE,QAAQ,CAAC,CAAC,CAAgC,GAInD,YAAY,CAAC,CAAC,CAAC,CAEjB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,UAAU,CAAC,OAAO,QAAQ,CAAC;IAC3B,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IACpB,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IACpB,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;CAC/B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EACf,QAAQ,GAAE,QAAQ,CAAC,CAAC,CAAgC,GACnD,eAAe,CAAC,CAAC,CAAC,CAOpB"}
+{"version":3,"file":"useStore.react.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrE;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;AAExC,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;AAE1E,KAAK,oBAAoB,GAAG,IAAI,CAAA;AAEhC,wBAAgB,QAAQ,CAAC,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,EACrC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;AAEzC,wBAAgB,QAAQ,CAAC,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,EACrC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,EACrB,YAAY,EAAE,oBAAoB,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAA;AAyBhE;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,YAAY,CAAC,CAAC,CAAC;IACf,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IACpB,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IACpB,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;CAC/B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EACf,QAAQ,GAAE,QAAQ,CAAC,CAAC,CAAgC,GACnD,eAAe,CAAC,CAAC,CAAC,CAOpB"}

package/dist/utils/esm/index.css

@@ -1,22 +1,3 @@
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .icon-module_icon-base-parent__nOMvW {
   line-height: 1px !important;
 }
@@ -47,6 +28,49 @@
   width: var(--height);
   height: var(--width);
 }
+.layoutBox-module_layout-box__faPND {
+  display: flex;
+  position: relative;
+  flex-direction: row;
+  flex: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: auto;
+  flex-wrap: nowrap;
+  gap: 0;
+  text-align: left;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-self: auto;
+  margin: 0;
+  padding: 0;
+  width: auto;
+  height: auto;
+  max-width: none;
+  max-height: none;
+  min-width: 0;
+  min-height: 0;
+  border-radius: initial;
+}
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -80,30 +104,6 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
-.layoutBox-module_layout-box__faPND {
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  flex: 0;
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex-basis: auto;
-  flex-wrap: nowrap;
-  gap: 0;
-  text-align: left;
-  justify-content: flex-start;
-  align-items: flex-start;
-  align-self: auto;
-  margin: 0;
-  padding: 0;
-  width: auto;
-  height: auto;
-  max-width: none;
-  max-height: none;
-  min-width: 0;
-  min-height: 0;
-  border-radius: initial;
-}
 .flowLayout-module_flowLayout__VHpnY {
   overflow: auto;
 }

package/dist/utils/esm/src/core/utils/appState/store/useStore.react.js

@@ -1,2 +1,2 @@
-import{useSyncExternalStore as t}from"react";function e(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t=>t;return t(e.subscribe,(()=>n(e.getState())))}function n(t){return[e(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:t=>t),t.getState,t.setState,t.actions]}export{e as useStore,n as useStoreApi};
+import{useSyncExternalStore as t}from"react";function e(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t=>t,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const r=t(e.subscribe,(()=>n(e.getState())));return o?[r,e.setState]:r}function n(t){return[e(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:t=>t),t.getState,t.setState,t.actions]}export{e as useStore,n as useStoreApi};
 //# sourceMappingURL=useStore.react.js.map

package/dist/utils/esm/src/core/utils/appState/store/useStore.react.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStore.react.js","sources":["../../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nimport { Store, StoreWithActions, Selector } from './store.vanillajs'\n\n\n/**\n * Represents the type for the partial store state used in the `useStore` hook.\n */\nexport type useStoreType<T> = Partial<T>\n\n/**\n * Custom hook to subscribe to a store and retrieve the selected state.\n * @param store - The store to subscribe to.\n * @param selector - Optional selector function to transform the store state.\n * @returns The selected state from the store.\n */\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T> = (state: Partial<T>) => state,\n  // TODO pass selector\n  // useSyncExternalStore((...args) => {\n  //  args[0].selector?? store.subscribe(...args) }, () => selector(store.getState()));\n): useStoreType<T> {\n  return useSyncExternalStore(store.subscribe, () => (selector(store.getState()) as Partial<T>))\n}\n\n/**\n * Represents the type for the API returned by the `useStoreApi` hook.\n */\nexport type useStoreApiType<T> = [\n  ReturnType<typeof useStore>,\n  Store<T>['getState'],\n  Store<T>['setState'],\n  StoreWithActions<T>['actions'],\n]\n\n/**\n * Custom hook to retrieve the store API including state, getters, setters, and actions (if applicable).\n * @param store - The store to retrieve the API from.\n * @param selector - Optional selector function to transform the store state.\n * @returns The store API including state, getters, setters, and actions (if applicable).\n */\nexport function useStoreApi<T>(\n  store: Store<T>,\n  selector: Selector<T> = (state: Partial<T>) => state,\n): useStoreApiType<T> {\n  return [\n    useStore(store, selector),\n    store.getState,\n    store.setState,\n    (store as StoreWithActions<T>).actions,\n  ]\n}\n"],"names":["useStore","store","selector","arguments","length","undefined","state","useSyncExternalStore","subscribe","getState","useStoreApi","setState","actions"],"mappings":"6CAgBO,SAASA,EACdC,GAKiB,IAJjBC,EAAqBC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIG,GAAAA,GAAsBA,EAK/C,OAAOC,EAAqBN,EAAMO,WAAW,IAAON,EAASD,EAAMQ,aACrE,CAkBO,SAASC,EACdT,GAGA,MAAO,CACLD,EAASC,EAHUE,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIG,GAAAA,GAAsBA,GAI7CL,EAAMQ,SACNR,EAAMU,SACLV,EAA8BW,QAEnC"}
+{"version":3,"file":"useStore.react.js","sources":["../../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nimport { Store, StoreWithActions, Selector } from './store.vanillajs'\n\n\n/**\n * Represents the type for the partial store state used in the `useStore` hook.\n */\nexport type useStoreType<T> = Partial<T>\n\nexport type useStoreWithSetterType<T> = [Partial<T>, Store<T>['setState']]\n\ntype returnSetterTrueType = true\n\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T>): useStoreType<T>\n\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T>,\n  returnSetter: returnSetterTrueType): useStoreWithSetterType<T>\n/**\n * Custom hook to subscribe to a store and retrieve the selected state.\n * @param store - The store to subscribe to.\n * @param selector - Optional selector function to transform the store state.\n * @param returnSetter - Optional flag to have setState returned\n * @returns The selected state from the store. or selected state and seState tuple\n */\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T> = (state: Partial<T>) => state,\n  returnSetter = false,\n  // TODO pass selector\n  // useSyncExternalStore((...args) => {\n  //  args[0].selector?? store.subscribe(...args) }, () => selector(store.getState()));\n): useStoreType<T> | useStoreWithSetterType<T> {\n  const getter = useSyncExternalStore(store.subscribe, () => (selector(store.getState()) as Partial<T>))\n\n  if (returnSetter) {\n    return [getter, store.setState] as useStoreWithSetterType<T>\n  }\n\n  return getter as useStoreType<T>\n}\n\n/**\n * Represents the type for the API returned by the `useStoreApi` hook.\n */\nexport type useStoreApiType<T> = [\n  useStoreType<T>,\n  Store<T>['getState'],\n  Store<T>['setState'],\n  StoreWithActions<T>['actions'],\n]\n\n/**\n * Custom hook to retrieve the store API including state, getters, setters, and actions (if applicable).\n * @param store - The store to retrieve the API from.\n * @param selector - Optional selector function to transform the store state.\n * @returns The store API including state, getters, setters, and actions (if applicable).\n */\nexport function useStoreApi<T>(\n  store: Store<T>,\n  selector: Selector<T> = (state: Partial<T>) => state,\n): useStoreApiType<T> {\n  return [\n    useStore(store, selector),\n    store.getState,\n    store.setState,\n    (store as StoreWithActions<T>).actions,\n  ]\n}\n"],"names":["useStore","store","selector","arguments","length","undefined","state","returnSetter","getter","useSyncExternalStore","subscribe","getState","setState","useStoreApi","actions"],"mappings":"6CA6BO,SAASA,EACdC,GAM6C,IAL7CC,EAAqBC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIG,GAAAA,GAAsBA,EAC/CC,EAAYJ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAKZ,MAAMK,EAASC,EAAqBR,EAAMS,WAAW,IAAOR,EAASD,EAAMU,cAE3E,OAAIJ,EACK,CAACC,EAAQP,EAAMW,UAGjBJ,CACT,CAkBO,SAASK,EACdZ,GAGA,MAAO,CACLD,EAASC,EAHUE,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIG,GAAAA,GAAsBA,GAI7CL,EAAMU,SACNV,EAAMW,SACLX,EAA8Ba,QAEnC"}

package/dist/utils/index.css

@@ -1,22 +1,3 @@
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .icon-module_icon-base-parent__nOMvW {
   line-height: 1px !important;
 }
@@ -47,6 +28,49 @@
   width: var(--height);
   height: var(--width);
 }
+.layoutBox-module_layout-box__faPND {
+  display: flex;
+  position: relative;
+  flex-direction: row;
+  flex: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: auto;
+  flex-wrap: nowrap;
+  gap: 0;
+  text-align: left;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-self: auto;
+  margin: 0;
+  padding: 0;
+  width: auto;
+  height: auto;
+  max-width: none;
+  max-height: none;
+  min-width: 0;
+  min-height: 0;
+  border-radius: initial;
+}
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -80,30 +104,6 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
-.layoutBox-module_layout-box__faPND {
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  flex: 0;
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex-basis: auto;
-  flex-wrap: nowrap;
-  gap: 0;
-  text-align: left;
-  justify-content: flex-start;
-  align-items: flex-start;
-  align-self: auto;
-  margin: 0;
-  padding: 0;
-  width: auto;
-  height: auto;
-  max-width: none;
-  max-height: none;
-  min-width: 0;
-  min-height: 0;
-  border-radius: initial;
-}
 .flowLayout-module_flowLayout__VHpnY {
   overflow: auto;
 }

package/dist/utils/src/core/utils/appState/store/useStore.react.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;return e.useSyncExternalStore(t.subscribe,(()=>r(t.getState())))}exports.useStore=t,exports.useStoreApi=function(e){return[t(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e),e.getState,e.setState,e.actions]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const s=e.useSyncExternalStore(t.subscribe,(()=>r(t.getState())));return o?[s,t.setState]:s}exports.useStore=t,exports.useStoreApi=function(e){return[t(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e),e.getState,e.setState,e.actions]};
 //# sourceMappingURL=useStore.react.js.map

package/dist/utils/src/core/utils/appState/store/useStore.react.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStore.react.js","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nimport { Store, StoreWithActions, Selector } from './store.vanillajs'\n\n\n/**\n * Represents the type for the partial store state used in the `useStore` hook.\n */\nexport type useStoreType<T> = Partial<T>\n\n/**\n * Custom hook to subscribe to a store and retrieve the selected state.\n * @param store - The store to subscribe to.\n * @param selector - Optional selector function to transform the store state.\n * @returns The selected state from the store.\n */\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T> = (state: Partial<T>) => state,\n  // TODO pass selector\n  // useSyncExternalStore((...args) => {\n  //  args[0].selector?? store.subscribe(...args) }, () => selector(store.getState()));\n): useStoreType<T> {\n  return useSyncExternalStore(store.subscribe, () => (selector(store.getState()) as Partial<T>))\n}\n\n/**\n * Represents the type for the API returned by the `useStoreApi` hook.\n */\nexport type useStoreApiType<T> = [\n  ReturnType<typeof useStore>,\n  Store<T>['getState'],\n  Store<T>['setState'],\n  StoreWithActions<T>['actions'],\n]\n\n/**\n * Custom hook to retrieve the store API including state, getters, setters, and actions (if applicable).\n * @param store - The store to retrieve the API from.\n * @param selector - Optional selector function to transform the store state.\n * @returns The store API including state, getters, setters, and actions (if applicable).\n */\nexport function useStoreApi<T>(\n  store: Store<T>,\n  selector: Selector<T> = (state: Partial<T>) => state,\n): useStoreApiType<T> {\n  return [\n    useStore(store, selector),\n    store.getState,\n    store.setState,\n    (store as StoreWithActions<T>).actions,\n  ]\n}\n"],"names":["useStore","store","selector","arguments","length","undefined","state","useSyncExternalStore","subscribe","getState","setState","actions"],"mappings":"2FAgBO,SAASA,EACdC,GAKiB,IAJjBC,EAAqBC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIG,GAAAA,GAAsBA,EAK/C,OAAOC,EAAoBA,qBAACN,EAAMO,WAAW,IAAON,EAASD,EAAMQ,aACrE,wCAkBO,SACLR,GAGA,MAAO,CACLD,EAASC,EAHUE,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIG,GAAAA,GAAsBA,GAI7CL,EAAMQ,SACNR,EAAMS,SACLT,EAA8BU,QAEnC"}
+{"version":3,"file":"useStore.react.js","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nimport { Store, StoreWithActions, Selector } from './store.vanillajs'\n\n\n/**\n * Represents the type for the partial store state used in the `useStore` hook.\n */\nexport type useStoreType<T> = Partial<T>\n\nexport type useStoreWithSetterType<T> = [Partial<T>, Store<T>['setState']]\n\ntype returnSetterTrueType = true\n\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T>): useStoreType<T>\n\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T>,\n  returnSetter: returnSetterTrueType): useStoreWithSetterType<T>\n/**\n * Custom hook to subscribe to a store and retrieve the selected state.\n * @param store - The store to subscribe to.\n * @param selector - Optional selector function to transform the store state.\n * @param returnSetter - Optional flag to have setState returned\n * @returns The selected state from the store. or selected state and seState tuple\n */\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T> = (state: Partial<T>) => state,\n  returnSetter = false,\n  // TODO pass selector\n  // useSyncExternalStore((...args) => {\n  //  args[0].selector?? store.subscribe(...args) }, () => selector(store.getState()));\n): useStoreType<T> | useStoreWithSetterType<T> {\n  const getter = useSyncExternalStore(store.subscribe, () => (selector(store.getState()) as Partial<T>))\n\n  if (returnSetter) {\n    return [getter, store.setState] as useStoreWithSetterType<T>\n  }\n\n  return getter as useStoreType<T>\n}\n\n/**\n * Represents the type for the API returned by the `useStoreApi` hook.\n */\nexport type useStoreApiType<T> = [\n  useStoreType<T>,\n  Store<T>['getState'],\n  Store<T>['setState'],\n  StoreWithActions<T>['actions'],\n]\n\n/**\n * Custom hook to retrieve the store API including state, getters, setters, and actions (if applicable).\n * @param store - The store to retrieve the API from.\n * @param selector - Optional selector function to transform the store state.\n * @returns The store API including state, getters, setters, and actions (if applicable).\n */\nexport function useStoreApi<T>(\n  store: Store<T>,\n  selector: Selector<T> = (state: Partial<T>) => state,\n): useStoreApiType<T> {\n  return [\n    useStore(store, selector),\n    store.getState,\n    store.setState,\n    (store as StoreWithActions<T>).actions,\n  ]\n}\n"],"names":["useStore","store","selector","arguments","length","undefined","state","returnSetter","getter","useSyncExternalStore","subscribe","getState","setState","actions"],"mappings":"2FA6BO,SAASA,EACdC,GAM6C,IAL7CC,EAAqBC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIG,GAAAA,GAAsBA,EAC/CC,EAAYJ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAKZ,MAAMK,EAASC,uBAAqBR,EAAMS,WAAW,IAAOR,EAASD,EAAMU,cAE3E,OAAIJ,EACK,CAACC,EAAQP,EAAMW,UAGjBJ,CACT,wCAkBO,SACLP,GAGA,MAAO,CACLD,EAASC,EAHUE,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIG,GAAAA,GAAsBA,GAI7CL,EAAMU,SACNV,EAAMW,SACLX,EAA8BY,QAEnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@e1011/es-kit",
-  "version": "1.0.180",
+  "version": "1.0.182",
   "main": "dist/lib/cjs/src/index.js",
   "module": "dist/lib/esm/src/index.js",
   "sideEffects": false,