@e1011/es-kit 1.0.180 → 1.0.182

package/dist/hooks/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/hooks/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/lib/cjs/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/lib/cjs/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/dist/lib/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/lib/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/lib/src/core/utils/appState/store/simpleComponent/SimpleComponent2.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from 'react';
+import { createSelector } from 'reselect';
+import { useStore } from '../useStore.react';
+import { createStore } from '../store.vanillajs';
+import { LayoutBox } from '../../../../ui/components/container/LayoutBox';
+import { delay } from '../../../helpers/other';
+export const simpleStore2 = createStore({
+    title: 'Initial Title',
+    count: 0,
+    data: [1, 2, 3],
+}, {
+    addData: async (getState, setState) => {
+        console.log('addData start');
+        await delay(1000);
+        console.log('addData end');
+        setState({
+            ...getState(),
+            title: 'Added Data Title',
+        });
+    },
+    addCount: (getState, setState) => {
+        const prevState = getState();
+        setState({
+            ...prevState,
+            count: (prevState.count || 0) + 1,
+        });
+    },
+});
+let renderCount = 0;
+export const getRenderCount = () => renderCount;
+export const setRenderCount = (count) => {
+    renderCount = count;
+};
+const titleSelector = (state) => state.title;
+const countSelector = (state) => state.count;
+// const dataSelector = (state: Partial<SimpleState>) => state.data
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const simpleSelector = createSelector(titleSelector, countSelector, 
+// dataSelector,
+(title, count, data) => {
+    console.log('simpleSelector called');
+    return {
+        title,
+        count,
+        data,
+    };
+});
+export const SimpleComponent2 = memo(({ children }) => {
+    renderCount += 1;
+    const [{ title, count, data }, setState] = useStore(simpleStore2, simpleSelector, true);
+    const simpleComponentButtonClickHandler = useCallback(() => {
+        setState({
+            ...simpleStore2.getState(),
+            count: 111,
+        });
+    }, [setState]);
+    return (_jsxs(LayoutBox, { direction: 'column', children: [_jsx("h3", { children: title }), _jsx("p", { children: count }), _jsx("p", { children: JSON.stringify(data) }), _jsx("button", { type: 'button', id: 'simpleComponentButton', onClick: simpleComponentButtonClickHandler, children: "Add Count" }), children && (_jsx(LayoutBox, { children: children }))] }));
+});
+SimpleComponent2.displayName = 'SimpleComponent2';
+//# sourceMappingURL=SimpleComponent2.js.map

package/dist/lib/src/core/utils/appState/store/simpleComponent/SimpleComponent2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleComponent2.js","sourceRoot":"","sources":["../../../../../../../../src/core/utils/appState/store/simpleComponent/SimpleComponent2.tsx"],"names":[],"mappings":"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"}

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

@@ -3,10 +3,15 @@ import { useSyncExternalStore } from 'react';
  * 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.
+ * @param returnSetter - Optional flag to have setState returned
+ * @returns The selected state from the store. or selected state and seState tuple
  */
-export function useStore(store, selector = (state) => state) {
-    return useSyncExternalStore(store.subscribe, () => selector(store.getState()));
+export function useStore(store, selector = (state) => state, returnSetter = false) {
+    const getter = useSyncExternalStore(store.subscribe, () => selector(store.getState()));
+    if (returnSetter) {
+        return [getter, store.setState];
+    }
+    return getter;
 }
 /**
  * Custom hook to retrieve the store API including state, getters, setters, and actions (if applicable).

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

@@ -1 +1 @@
-{"version":3,"file":"useStore.react.js","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAU5C;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CACtB,KAAqC,EACrC,WAAwB,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK;IAKpD,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,CAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAgB,CAAC,CAAA;AAChG,CAAC;AAYD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CACzB,KAAe,EACf,WAAwB,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK;IAEpD,OAAO;QACL,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;QACzB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ;QACb,KAA6B,CAAC,OAAO;KACvC,CAAA;AACH,CAAC"}
+{"version":3,"file":"useStore.react.js","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAsB5C;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ,CACtB,KAAqC,EACrC,WAAwB,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,EACpD,YAAY,GAAG,KAAK;IAKpB,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,CAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAgB,CAAC,CAAA;IAEtG,IAAI,YAAY,EAAE;QAChB,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAA8B,CAAA;KAC7D;IAED,OAAO,MAAyB,CAAA;AAClC,CAAC;AAYD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CACzB,KAAe,EACf,WAAwB,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK;IAEpD,OAAO;QACL,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;QACzB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ;QACb,KAA6B,CAAC,OAAO;KACvC,CAAA;AACH,CAAC"}