react-state-bucket 1.2.16 → 1.2.18

package/index.js

@@ -1,4 +1,11 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),xanv=require('xanv'),youid=require('youid'),Cookie=require('./Cookie.js'),Initial=require('./Initial.js');const createBucket = (initial, option) => {
+"use client";
+import { useId, useState, useEffect } from 'react';
+import { xv as xv$1 } from 'xanv';
+import youid from 'youid';
+import { setCookie } from './Cookie.js';
+import Initial from './Initial.js';
+
+const createBucket = (initial, option) => {
     option = Object.assign({ store: "memory" }, option);
     if (!(option === null || option === void 0 ? void 0 : option.data_key)) {
         let data_key = '';
@@ -9,149 +16,180 @@
         option.data_key = youid(data_key);
     }
     const hooks = new Map();
-    const state = Initial.default(initial, (option === null || option === void 0 ? void 0 : option.data_key) || '', option || {});
+    const state = Initial(initial, (option === null || option === void 0 ? void 0 : option.data_key) || '', option || {});
     const changes = {};
     const errors = {};
-    const useBucket = () => {
-        const id = "rsb_" + react.useId();
-        const [, setState] = react.useState(0);
-        react.useEffect(() => {
-            hooks.set(id, () => setState(Math.random()));
-            return () => {
-                hooks.delete(id);
-            };
-        }, []);
-        const get = (key, defaultValue) => {
-            if (!(key in initial)) {
-                throw new Error(`Property ${String(key)} is not defined in the bucket.`);
-            }
-            let value = state[key];
-            if (value === undefined && defaultValue !== undefined) {
-                value = defaultValue;
-            }
-            return value;
-        };
-        const set = (key, value, dispatch = true) => {
-            if (!(key in initial)) {
-                throw new Error(`Property ${String(key)} is not defined in the bucket.`);
-            }
-            state[key] = value;
-            if (dispatch) {
-                hooks.forEach((hook) => hook());
-            }
-            changes[key] = true;
-            if ((option === null || option === void 0 ? void 0 : option.onChange) && changes[key]) {
-                option.onChange(key, value);
-            }
-            if (typeof window !== 'undefined') {
-                value = JSON.stringify(value);
-                if (option.store === 'session' || option.store === 'local') {
-                    let storage = option.store === "session" ? sessionStorage : localStorage;
-                    storage.setItem(option.data_key, JSON.stringify(state));
-                }
-                else if (option.store === 'url') {
-                    let url = new URL(window.location.href);
-                    url.searchParams.set(option.data_key, encodeURIComponent(JSON.stringify(state)));
-                    window.history.replaceState({}, '', url.toString());
-                }
-                else if (option.store === 'cookie') {
-                    Cookie.setCookie(option.data_key, JSON.stringify(state));
-                }
-            }
-        };
-        const sets = (data, dispatch = true) => {
-            for (let k in data) {
-                let v = data[k];
-                set(k, v, false);
+    const useHook = () => {
+        try {
+            const id = "rsb_" + useId();
+            const [, setState] = useState(0);
+            useEffect(() => {
+                hooks.set(id, () => setState(Math.random()));
+                return () => {
+                    hooks.delete(id);
+                };
+            }, []);
+        }
+        catch (error) {
+        }
+    };
+    const get = (key, defaultValue, dispatch = true) => {
+        if (!(key in initial)) {
+            throw new Error(`Property ${String(key)} is not defined in the bucket.`);
+        }
+        if (dispatch) {
+            useHook();
+        }
+        let value = state[key];
+        if (value === undefined && defaultValue !== undefined) {
+            value = defaultValue;
+        }
+        return value;
+    };
+    const set = (key, value, dispatch = true) => {
+        if (!(key in initial)) {
+            throw new Error(`Property ${String(key)} is not defined in the bucket.`);
+        }
+        state[key] = value;
+        if (dispatch) {
+            hooks.forEach((hook) => hook());
+        }
+        changes[key] = true;
+        if ((option === null || option === void 0 ? void 0 : option.onChange) && changes[key]) {
+            option.onChange(key, value);
+        }
+        if (typeof window !== 'undefined') {
+            value = JSON.stringify(value);
+            if (option.store === 'session' || option.store === 'local') {
+                let storage = option.store === "session" ? sessionStorage : localStorage;
+                storage.setItem(option.data_key, JSON.stringify(state));
             }
-            if (dispatch) {
-                hooks.forEach((hook) => hook());
+            else if (option.store === 'url') {
+                let url = new URL(window.location.href);
+                url.searchParams.set(option.data_key, encodeURIComponent(JSON.stringify(state)));
+                window.history.replaceState({}, '', url.toString());
             }
-        };
-        const _delete = (key) => {
-            set(key, undefined);
-        };
-        const clear = () => {
-            const initVal = Initial.default(initial, (option === null || option === void 0 ? void 0 : option.data_key) || '', option || {});
-            for (let key in initial) {
-                state[key] = initVal[key];
-                delete changes[key];
+            else if (option.store === 'cookie') {
+                setCookie(option.data_key, JSON.stringify(state));
             }
+        }
+    };
+    const sets = (data, dispatch = true) => {
+        for (let k in data) {
+            let v = data[k];
+            set(k, v, false);
+        }
+        if (dispatch) {
             hooks.forEach((hook) => hook());
-        };
-        const getChanges = () => {
-            const changedData = {};
-            for (let k in changes) {
-                if (changes[k]) {
-                    changedData[k] = state[k];
-                }
+        }
+    };
+    const _delete = (key) => {
+        set(key, undefined);
+    };
+    const clear = () => {
+        const initVal = Initial(initial, (option === null || option === void 0 ? void 0 : option.data_key) || '', option || {});
+        for (let key in initial) {
+            state[key] = initVal[key];
+            delete changes[key];
+        }
+        hooks.forEach((hook) => hook());
+    };
+    const getChanges = (dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        const changedData = {};
+        for (let k in changes) {
+            if (changes[k]) {
+                changedData[k] = state[k];
             }
-            return changedData;
-        };
-        const isChanged = (k) => !!changes[k];
-        const isValid = (key) => {
+        }
+        return changedData;
+    };
+    const isChanged = (k, dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        return !!changes[k];
+    };
+    const isValid = (key, dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        try {
+            initial[key].parse(state[key]);
+        }
+        catch (error) {
+            errors[key] = error.message;
+        }
+        hooks.forEach((hook) => hook());
+        return !(key in errors);
+    };
+    const validate = () => {
+        for (let k in initial) {
             try {
-                initial[key].parse(state[key]);
+                initial[k].parse(state[k]);
             }
             catch (error) {
-                errors[key] = error.message;
-            }
-            hooks.forEach((hook) => hook());
-            return !(key in errors);
-        };
-        const validate = () => {
-            for (let k in initial) {
-                try {
-                    initial[k].parse(state[k]);
-                }
-                catch (error) {
-                    errors[k] = error.message;
-                }
+                errors[k] = error.message;
             }
-            hooks.forEach((hook) => hook());
-            return Object.keys(errors).length === 0;
-        };
-        const getError = (key) => {
-            if (key in errors) {
-                return errors[key];
-            }
-            return '';
-        };
-        const getErrors = () => {
-            return errors;
-        };
-        const setError = (key, message) => {
-            errors[key] = message;
-            hooks.forEach((hook) => hook());
-        };
-        const clearErrors = () => {
-            for (let k in errors) {
-                delete errors[k];
+        }
+        hooks.forEach((hook) => hook());
+        return Object.keys(errors).length === 0;
+    };
+    const getError = (key, dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        if (key in errors) {
+            return errors[key];
+        }
+        return '';
+    };
+    const getErrors = (dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        return errors;
+    };
+    const setError = (key, message) => {
+        errors[key] = message;
+        hooks.forEach((hook) => hook());
+    };
+    const clearErrors = () => {
+        for (let k in errors) {
+            delete errors[k];
+        }
+        hooks.forEach((hook) => hook());
+    };
+    const clearError = (key) => {
+        delete errors[key];
+        hooks.forEach((hook) => hook());
+    };
+    return {
+        state: (dispatch = true) => {
+            if (dispatch) {
+                useHook();
             }
-            hooks.forEach((hook) => hook());
-        };
-        const clearError = (key) => {
-            delete errors[key];
-            hooks.forEach((hook) => hook());
-        };
-        return {
-            state,
-            get,
-            set,
-            sets,
-            delete: _delete,
-            clear,
-            validate,
-            isValid,
-            getChanges,
-            isChanged,
-            getErrors,
-            getError,
-            setError,
-            clearErrors,
-            clearError
-        };
-    };
-    return useBucket;
+            return state;
+        },
+        get,
+        set,
+        sets,
+        delete: _delete,
+        clear,
+        validate,
+        isValid,
+        getChanges,
+        isChanged,
+        getErrors,
+        getError,
+        setError,
+        clearErrors,
+        clearError
+    };
 };
-const xv = xanv.xv;exports.createBucket=createBucket;exports.xv=xv;//# sourceMappingURL=index.js.map
+const xv = xv$1;
+
+export { createBucket, xv };
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { useEffect, useId, useState } from \"react\"\nimport { Infer, xv as XV, XVInstanceType } from \"xanv\"\nimport youid from \"youid\";\nimport { getCookie, setCookie } from \"./Cookie\";\nimport Initial from \"./Initial\";\n\nexport type StoreType = \"memory\" | \"session\" | \"local\" | \"url\" | \"cookie\"\nexport type BucketOptions = {\n  store?: StoreType;\n  data_key?: string;\n  onChange?: (key: string, value: any) => void\n}\n\nexport type InitialBucketData = {\n  [key: string]: XVInstanceType\n}\n\n\nexport const createBucket = <T extends InitialBucketData>(initial: T, option?: BucketOptions) => {\n  option = {\n    store: \"memory\",\n    ...option,\n  }\n\n  if (!option?.data_key) {\n    let data_key = ''\n    for (let key in initial) {\n      const field = initial[key]\n      data_key += key + ':' + JSON.stringify(field.meta) + ';'\n    }\n    option.data_key = youid(data_key)\n  }\n\n  const hooks = new Map<string, Function>()\n  const state: Record<keyof T, any> = Initial(initial, option?.data_key || '', option || {}) as Record<keyof T, any>;\n  const changes: Record<keyof T, boolean> = {} as any\n  const errors: Record<keyof T, string> = {} as any\n\n  const useBucket = () => {\n    const id = \"rsb_\" + useId()\n    const [, setState] = useState(0)\n\n    useEffect(() => {\n      hooks.set(id, () => setState(Math.random()))\n      return () => {\n        hooks.delete(id)\n      }\n    }, [])\n\n    const get = (key: keyof T, defaultValue?: any) => {\n      if (!(key in initial)) {\n        throw new Error(`Property ${String(key)} is not defined in the bucket.`)\n      }\n      let value = state[key];\n      if (value === undefined && defaultValue !== undefined) {\n        value = defaultValue\n      }\n      return value;\n    }\n\n    const set = (key: keyof T, value: any, dispatch = true) => {\n      if (!(key in initial)) {\n        throw new Error(`Property ${String(key)} is not defined in the bucket.`)\n      }\n      state[key] = value;\n      if (dispatch) {\n        hooks.forEach((hook) => hook());\n      }\n      changes[key] = true\n      if (option?.onChange && changes[key]) {\n        option.onChange(key as string, value)\n      }\n\n      if (typeof window !== 'undefined') {\n        value = JSON.stringify(value) as any\n        if (option.store === 'session' || option.store === 'local') {\n          let storage = option.store === \"session\" ? sessionStorage : localStorage\n          storage.setItem(option.data_key!, JSON.stringify(state))\n        } else if (option.store === 'url') {\n          let url = new URL(window.location.href)\n          url.searchParams.set(option.data_key!, encodeURIComponent(JSON.stringify(state)))\n          window.history.replaceState({}, '', url.toString())\n        } else if (option.store === 'cookie') {\n          setCookie(option.data_key!, JSON.stringify(state))\n        }\n      }\n    }\n\n    const sets = (data: Partial<Infer<T>>, dispatch = true) => {\n      for (let k in data) {\n        let v = data[k]\n        set(k, v, false)\n      }\n\n      if (dispatch) {\n        hooks.forEach((hook) => hook());\n      }\n    }\n\n    const _delete = (key: keyof T) => {\n      set(key, undefined)\n    }\n\n    const clear = () => {\n      const initVal = Initial(initial, option?.data_key || '', option || {}) as Record<keyof T, any>;\n      for (let key in initial) {\n        state[key] = initVal[key];\n        delete changes[key]\n      }\n      hooks.forEach((hook) => hook());\n    }\n\n    const getChanges = () => {\n      const changedData: Partial<Record<keyof T, any>> = {}\n      for (let k in changes) {\n        if (changes[k]) {\n          changedData[k] = state[k]\n        }\n      }\n      return changedData\n    }\n\n    const isChanged = (k: keyof T) => !!changes[k]\n\n    const isValid = (key: keyof T) => {\n      try {\n        initial[key].parse(state[key])\n      } catch (error: any) {\n        errors[key] = (error as any).message\n      }\n      hooks.forEach((hook) => hook());\n      return !(key in errors)\n    }\n\n    const validate = () => {\n      for (let k in initial) {\n        try {\n          initial[k].parse(state[k])\n        } catch (error: any) {\n          errors[k] = (error as any).message\n        }\n      }\n      hooks.forEach((hook) => hook());\n      return Object.keys(errors).length === 0\n    }\n\n    const getError = (key: keyof T) => {\n      if (key in errors) {\n        return errors[key]\n      }\n      return ''\n    }\n\n    const getErrors = () => {\n      return errors\n    }\n\n    const setError = (key: keyof T, message: string) => {\n      errors[key] = message\n      hooks.forEach((hook) => hook());\n    }\n\n    const clearErrors = () => {\n      for (let k in errors) {\n        delete errors[k]\n      }\n      hooks.forEach((hook) => hook());\n    }\n\n    const clearError = (key: keyof T) => {\n      delete errors[key]\n      hooks.forEach((hook) => hook());\n    }\n\n\n    return {\n      state,\n      get,\n      set,\n      sets,\n      delete: _delete,\n      clear,\n      validate,\n      isValid,\n      getChanges,\n      isChanged,\n      getErrors,\n      getError,\n      setError,\n      clearErrors,\n      clearError\n    }\n  }\n\n  return useBucket\n}\n\nexport const xv = XV"],"names":["Initial","useId","useState","useEffect","setCookie","XV"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["\"use client\"\r\nimport { useEffect, useId, useState } from \"react\"\r\nimport { Infer, xv as XV, XVAny, XVArray, XVBoolean, XVDate, XVEnum, XVFile, XVFunction, XVMap, XVNumber, XVObject, XVPromise, XVRecord, XVSet, XVString, XVTuple, XVType, XVUnion } from \"xanv\"\r\nimport youid from \"youid\";\r\nimport { setCookie } from \"./Cookie\";\r\nimport Initial from \"./Initial\";\r\n\r\nexport type StoreType = \"memory\" | \"session\" | \"local\" | \"url\" | \"cookie\"\r\nexport type BucketOptions = {\r\n  store?: StoreType;\r\n  data_key?: string;\r\n  onChange?: (key: string, value: any) => void\r\n}\r\n\r\nexport type InitialBucketData = {\r\n  [key: string]: XVAny\r\n  | XVArray<any>\r\n  | XVBoolean\r\n  | XVDate\r\n  | XVEnum<any>\r\n  | XVFile\r\n  | XVFunction<any, any>\r\n  | XVMap\r\n  | XVNumber\r\n  | XVObject<any>\r\n  | XVPromise<any>\r\n  | XVRecord<any, any>\r\n  | XVSet\r\n  | XVString\r\n  | XVTuple\r\n  | XVType<any>\r\n  | XVUnion\r\n}\r\n\r\n\r\nexport const createBucket = <T extends InitialBucketData>(initial: T, option?: BucketOptions) => {\r\n  option = {\r\n    store: \"memory\",\r\n    ...option,\r\n  }\r\n\r\n  if (!option?.data_key) {\r\n    let data_key = ''\r\n    for (let key in initial) {\r\n      const field = initial[key]\r\n      data_key += key + ':' + JSON.stringify(field.meta) + ';'\r\n    }\r\n    option.data_key = youid(data_key)\r\n  }\r\n\r\n  const hooks = new Map<string, Function>()\r\n  const state: Record<keyof T, any> = Initial(initial, option?.data_key || '', option || {}) as Record<keyof T, any>;\r\n  const changes: Record<keyof T, boolean> = {} as any\r\n  const errors: Record<keyof T, string> = {} as any\r\n\r\n  const useHook = () => {\r\n    try {\r\n      const id = \"rsb_\" + useId()\r\n      const [, setState] = useState(0)\r\n      useEffect(() => {\r\n        hooks.set(id, () => setState(Math.random()))\r\n        return () => {\r\n          hooks.delete(id)\r\n        }\r\n      }, [])\r\n    } catch (error) {\r\n\r\n    }\r\n  }\r\n\r\n\r\n\r\n  const get = (key: keyof T, defaultValue?: any, dispatch = true) => {\r\n    if (!(key in initial)) {\r\n      throw new Error(`Property ${String(key)} is not defined in the bucket.`)\r\n    }\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    let value = state[key];\r\n    if (value === undefined && defaultValue !== undefined) {\r\n      value = defaultValue\r\n    }\r\n    return value;\r\n  }\r\n\r\n  const set = (key: keyof T, value: any, dispatch = true) => {\r\n    if (!(key in initial)) {\r\n      throw new Error(`Property ${String(key)} is not defined in the bucket.`)\r\n    }\r\n    state[key] = value;\r\n    if (dispatch) {\r\n      hooks.forEach((hook) => hook());\r\n    }\r\n    changes[key] = true\r\n    if (option?.onChange && changes[key]) {\r\n      option.onChange(key as string, value)\r\n    }\r\n\r\n    if (typeof window !== 'undefined') {\r\n      value = JSON.stringify(value) as any\r\n      if (option.store === 'session' || option.store === 'local') {\r\n        let storage = option.store === \"session\" ? sessionStorage : localStorage\r\n        storage.setItem(option.data_key!, JSON.stringify(state))\r\n      } else if (option.store === 'url') {\r\n        let url = new URL(window.location.href)\r\n        url.searchParams.set(option.data_key!, encodeURIComponent(JSON.stringify(state)))\r\n        window.history.replaceState({}, '', url.toString())\r\n      } else if (option.store === 'cookie') {\r\n        setCookie(option.data_key!, JSON.stringify(state))\r\n      }\r\n    }\r\n  }\r\n\r\n  const sets = (data: Partial<Infer<T>>, dispatch = true) => {\r\n    for (let k in data) {\r\n      let v = data[k]\r\n      set(k, v, false)\r\n    }\r\n\r\n    if (dispatch) {\r\n      hooks.forEach((hook) => hook());\r\n    }\r\n  }\r\n\r\n  const _delete = (key: keyof T) => {\r\n    set(key, undefined)\r\n  }\r\n\r\n  const clear = () => {\r\n    const initVal = Initial(initial, option?.data_key || '', option || {}) as Record<keyof T, any>;\r\n    for (let key in initial) {\r\n      state[key] = initVal[key];\r\n      delete changes[key]\r\n    }\r\n    hooks.forEach((hook) => hook());\r\n  }\r\n\r\n  const getChanges = (dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    const changedData: Partial<Record<keyof T, any>> = {}\r\n    for (let k in changes) {\r\n      if (changes[k]) {\r\n        changedData[k] = state[k]\r\n      }\r\n    }\r\n    return changedData\r\n  }\r\n\r\n  const isChanged = (k: keyof T, dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    return !!changes[k]\r\n  }\r\n\r\n  const isValid = (key: keyof T, dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    try {\r\n      initial[key].parse(state[key])\r\n    } catch (error: any) {\r\n      errors[key] = (error as any).message\r\n    }\r\n    hooks.forEach((hook) => hook());\r\n    return !(key in errors)\r\n  }\r\n\r\n  const validate = () => {\r\n    for (let k in initial) {\r\n      try {\r\n        initial[k].parse(state[k])\r\n      } catch (error: any) {\r\n        errors[k] = (error as any).message\r\n      }\r\n    }\r\n    hooks.forEach((hook) => hook());\r\n    return Object.keys(errors).length === 0\r\n  }\r\n\r\n  const getError = (key: keyof T, dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    if (key in errors) {\r\n      return errors[key]\r\n    }\r\n    return ''\r\n  }\r\n\r\n  const getErrors = (dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    return errors\r\n  }\r\n\r\n  const setError = (key: keyof T, message: string) => {\r\n    errors[key] = message\r\n    hooks.forEach((hook) => hook());\r\n  }\r\n\r\n  const clearErrors = () => {\r\n    for (let k in errors) {\r\n      delete errors[k]\r\n    }\r\n    hooks.forEach((hook) => hook());\r\n  }\r\n\r\n  const clearError = (key: keyof T) => {\r\n    delete errors[key]\r\n    hooks.forEach((hook) => hook());\r\n  }\r\n\r\n  return {\r\n    state: (dispatch = true) => {\r\n      if (dispatch) {\r\n        useHook()\r\n      }\r\n      return state\r\n    },\r\n    get,\r\n    set,\r\n    sets,\r\n    delete: _delete,\r\n    clear,\r\n    validate,\r\n    isValid,\r\n    getChanges,\r\n    isChanged,\r\n    getErrors,\r\n    getError,\r\n    setError,\r\n    clearErrors,\r\n    clearError\r\n  }\r\n\r\n}\r\n\r\nexport const xv = XV"],"names":[],"mappings":";;;;;;;;AAoCE;;;AAOE;AACE;AACA;;AAEF;;AAGF;;;;;AAME;AACE;;;AAGE;AACA;AACE;AACF;;;;;AAKN;;AAKE;;;;AAIE;;AAEF;;;;AAIA;AACF;;AAGE;;;AAGA;;;;AAIA;AACA;AACE;;AAGF;AACE;AACA;AACE;AACA;;AACK;;AAEL;AACA;;AACK;AACL;;;AAGN;;AAGE;AACE;AACA;;;;;AAMJ;AAEA;AACE;AACF;;;AAIE;;AAEE;;;AAGJ;AAEA;;AAEI;;;AAGF;AACE;;;;AAIF;AACF;;;AAII;;AAEF;AACF;;;AAII;;AAEF;;;;AAGE;;;AAGF;AACF;;AAGE;AACE;;;;AAGE;;;;;AAKN;;;AAII;;AAEF;AACE;;AAEF;AACF;AAEA;;AAEI;;AAEF;AACF;AAEA;AACE;;AAEF;;AAGE;AACE;;;AAGJ;AAEA;AACE;;AAEF;;AAGE;;AAEI;;AAEF;;;;;AAKF;;;;;;;;;;;;AAaJ;AAEO;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.16",
+  "version": "1.2.18",
   "name": "react-state-bucket",
   "author": "Naxrul Ahmed",
   "license": "MIT",
@@ -9,17 +9,10 @@
   },
   "description": "A lightweight and powerful package designed to manage states globally in React applications. It provides CRUD operations for your state data with ease, enabling developers to handle complex state management scenarios without the need for heavy libraries.",
   "homepage": "https://github.com/devnax/react-state-bucket#readme",
-  "main": "./index.js",
-  "module": "./index.mjs",
+  "main": "./index.cjs",
+  "module": "./index.js",
   "types": "./index.d.ts",
-  "devDependencies": {
-    "@types/react": "^19.0.2",
-    "@types/react-dom": "^19.0.2",
-    "makepack": "^1.7.15",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "typescript": "^5.9.3"
-  },
+  "type": "module",
   "keywords": [
     "react",
     "state management",
@@ -30,15 +23,8 @@
     "lightweight",
     "typescript"
   ],
-  "exports": {
-    ".": {
-      "import": "./index.mjs",
-      "require": "./index.js",
-      "types": "./index.d.ts"
-    }
-  },
   "dependencies": {
-    "xanv": "^1.1.11",
+    "xanv": "^1.1.24",
     "youid": "^1.0.13"
   }
-}
+}