react-state-bucket 1.2.16 → 1.2.18

package/readme.md

@@ -1,252 +1,252 @@
-<p align="center">
-  <img width="120" src="https://raw.githubusercontent.com/devnax/react-state-bucket/main/logo.png" alt="React State Bucket logo">
-</p>
-
-<h1 align="center">React State Bucket</h1>
-
-Effortlessly manage React application states with **react-state-bucket**, a lightweight yet powerful state management library.
-
----
-
-## 🚀 Features
-
-- **Global State Management**: Manage state across your entire React application with ease.
-- **CRUD Operations**: Create, Read, Update, and Delete state values effortlessly.
-- **Multiple Storage Options**: Store state in "memory," "session storage," "local storage," or "URL parameters."
-- **Reactivity**: Automatically update components when the state changes.
-- **Custom Hooks**: Seamlessly integrate with React’s functional components.
-- **TypeScript Support**: Fully typed for a better development experience.
-- **Lightweight**: Small bundle size with no unnecessary dependencies.
-- **Change Callbacks**: React to every `set` or `delete` via the optional `onChange` hook.
-
----
-
-## 📦 Installation
-
-Install the package via npm or yarn:
-
-```bash
-# Using npm
-npm install react-state-bucket
-
-# Using yarn
-yarn add react-state-bucket
-```
-
----
-
-## 🔧 Setup and Usage
-
-### Step 1: Create a State Bucket
-
-Define your initial state and actions:
-
-```javascript
-import { createBucket } from 'react-state-bucket';
-
-const initialState = {
-  count: 0,
-  user: 'Guest',
-};
-
-export const useGlobalState = createBucket(initialState);
-```
-
-### Step 2: Use the State Bucket in a Component
-
-Access state and actions in your React components:
-
-```javascript
-import React from 'react';
-import { useGlobalState } from './state';
-
-const App = () => {
-  const globalState = useGlobalState();
-
-  return (
-    <div>
-      <h1>Global State Management</h1>
-      <p>Count: {globalState.get('count')}</p>
-      <button onClick={() => globalState.set('count', globalState.get('count') + 1)}>Increment</button>
-      <button onClick={() => globalState.delete('count')}>Reset Count</button>
-      <pre>{JSON.stringify(globalState.getState(), null, 2)}</pre>
-    </div>
-  );
-};
-
-export default App;
-```
-
----
-
-## 🌟 Advanced Features
-
-### Using Multiple Buckets
-
-```javascript
-const useUserBucket = createBucket({ name: '', age: 0 });
-const useSettingsBucket = createBucket({ theme: 'light', notifications: true });
-
-function Profile() {
-  const userBucket = useUserBucket();
-  const settingsBucket = useSettingsBucket();
-
-  return (
-    <div>
-      <h1>User Profile</h1>
-      <button onClick={() => userBucket.set('name', 'John Doe')}>Set Name</button>
-      <button onClick={() => settingsBucket.set('theme', 'dark')}>Change Theme</button>
-      <pre>User State: {JSON.stringify(userBucket.getState(), null, 2)}</pre>
-      <p>Current Theme: {settingsBucket.get('theme')}</p>
-    </div>
-  );
-}
-```
-
-### Persistent Storage Options
-
-```javascript
-const usePersistentBucket = createBucket(
-  { token: '', language: 'en' },
-  { store: 'local' }
-);
-
-function PersistentExample() {
-  const persistentBucket = usePersistentBucket();
-
-  return (
-    <div>
-      <h1>Persistent Bucket</h1>
-      <button onClick={() => persistentBucket.set('token', 'abc123')}>Set Token</button>
-      <p>Token: {persistentBucket.get('token')}</p>
-    </div>
-  );
-}
-```
-
-### Reusing State Across Components
-
-```javascript
-import React from 'react';
-import { createBucket } from 'react-state-bucket';
-
-const useGlobalState = createBucket({ count: 0, user: 'Guest' });
-
-function Counter() {
-  const globalState = useGlobalState();
-
-  return (
-    <div>
-      <h2>Counter Component</h2>
-      <p>Count: {globalState.get('count')}</p>
-      <button onClick={() => globalState.set('count', globalState.get('count') + 1)}>Increment Count</button>
-    </div>
-  );
-}
-
-function UserDisplay() {
-  const globalState = useGlobalState();
-
-  return (
-    <div>
-      <h2>User Component</h2>
-      <p>Current User: {globalState.get('user')}</p>
-      <button onClick={() => globalState.set('user', 'John Doe')}>Set User to John Doe</button>
-    </div>
-  );
-}
-
-function App() {
-  return (
-    <div>
-      <h1>Global State Example</h1>
-      <Counter />
-      <UserDisplay />
-      <pre>Global State: {JSON.stringify(useGlobalState().getState(), null, 2)}</pre>
-    </div>
-  );
-}
-
-export default App;
-```
-
----
-
-## 📘 API Reference
-
-### `createBucket(initial: object, option?: BucketOptions)`
-
-Creates a new bucket for managing the global state.
-
-#### Parameters
-
-| Name      | Type      | Description                               |
-| --------- | --------- | ----------------------------------------- |
-| `initial` | `object`  | Initial state values.                     |
-| `option`  | `object?` | Optional configuration (default: memory). |
-
-#### `BucketOptions`
-
-`BucketOptions` allows you to configure how and where the state is stored. It includes:
-
-| Property   | Type                                  | Description                                                                  |
-| ---------- | ------------------------------------- | ---------------------------------------------------------------------------- |
-| `store`    | `'memory', 'session', 'local', 'url'` | Specifies the storage mechanism for the state.                               |
-| `onChange` | `(key, value, type) => void`          | Callback invoked after each `set`/`delete`. `type` is `'set'` or `'delete'`. |
-
-#### `onChange` Callback
-
-Use `onChange` to observe bucket mutations—for example, to sync analytics or trigger side effects.
-
-```javascript
-const useBucketWithLogger = createBucket(
-  { count: 0 },
-  {
-    onChange: (key, value, type) => {
-      console.log(`[bucket] ${type} -> ${key}`, value);
-    },
-  }
-);
-```
-
-When `set('count', 1)` runs, the callback fires with `(key='count', value=1, type='set')`. Deletions invoke the same hook with `type='delete'` and `value` as `undefined`.
-
-### Returned Functions
-
-#### State Management
-
-| Function          | Description                                           |
-| ----------------- | ----------------------------------------------------- |
-| `set(key, value)` | Sets the value of a specific key in the state.        |
-| `get(key)`        | Retrieves the value of a specific key from the state. |
-| `delete(key)`     | Removes a key-value pair from the state.              |
-| `clear()`         | Clears all state values.                              |
-| `getState()`      | Returns the entire state as an object.                |
-| `setState(state)` | Updates the state with a partial object.              |
-
-#### Change Detection
-
-| Function         | Description                                 |
-| ---------------- | ------------------------------------------- |
-| `isChange(key)`  | Checks if a specific key has been modified. |
-| `getChanges()`   | Returns an array of keys that have changed. |
-| `clearChanges()` | Resets the change detection for all keys.   |
-
----
-
-## 🤝 Contributing
-
-Contributions are welcome! Please check out the [contribution guidelines](https://github.com/devnax/react-state-bucket).
-
----
-
-## 📄 License
-
-This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).
-
----
-
-## 📞 Support
-
-For help or suggestions, feel free to open an issue on [GitHub](https://github.com/devnax/react-state-bucket/issues) or contact us via [devnaxrul@gmail.com](mailto:devnaxrul@gmail.com).
-
+<p align="center">
+  <img width="120" src="https://raw.githubusercontent.com/devnax/react-state-bucket/main/logo.png" alt="React State Bucket logo">
+</p>
+
+<h1 align="center">React State Bucket</h1>
+
+Effortlessly manage React application states with **react-state-bucket**, a lightweight yet powerful state management library.
+
+---
+
+## 🚀 Features
+
+- **Global State Management**: Manage state across your entire React application with ease.
+- **CRUD Operations**: Create, Read, Update, and Delete state values effortlessly.
+- **Multiple Storage Options**: Store state in "memory," "session storage," "local storage," or "URL parameters."
+- **Reactivity**: Automatically update components when the state changes.
+- **Custom Hooks**: Seamlessly integrate with React’s functional components.
+- **TypeScript Support**: Fully typed for a better development experience.
+- **Lightweight**: Small bundle size with no unnecessary dependencies.
+- **Change Callbacks**: React to every `set` or `delete` via the optional `onChange` hook.
+
+---
+
+## 📦 Installation
+
+Install the package via npm or yarn:
+
+```bash
+# Using npm
+npm install react-state-bucket
+
+# Using yarn
+yarn add react-state-bucket
+```
+
+---
+
+## 🔧 Setup and Usage
+
+### Step 1: Create a State Bucket
+
+Define your initial state and actions:
+
+```javascript
+import { createBucket } from 'react-state-bucket';
+
+const initialState = {
+  count: 0,
+  user: 'Guest',
+};
+
+export const useGlobalState = createBucket(initialState);
+```
+
+### Step 2: Use the State Bucket in a Component
+
+Access state and actions in your React components:
+
+```javascript
+import React from 'react';
+import { useGlobalState } from './state';
+
+const App = () => {
+  const globalState = useGlobalState();
+
+  return (
+    <div>
+      <h1>Global State Management</h1>
+      <p>Count: {globalState.get('count')}</p>
+      <button onClick={() => globalState.set('count', globalState.get('count') + 1)}>Increment</button>
+      <button onClick={() => globalState.delete('count')}>Reset Count</button>
+      <pre>{JSON.stringify(globalState.getState(), null, 2)}</pre>
+    </div>
+  );
+};
+
+export default App;
+```
+
+---
+
+## 🌟 Advanced Features
+
+### Using Multiple Buckets
+
+```javascript
+const useUserBucket = createBucket({ name: '', age: 0 });
+const useSettingsBucket = createBucket({ theme: 'light', notifications: true });
+
+function Profile() {
+  const userBucket = useUserBucket();
+  const settingsBucket = useSettingsBucket();
+
+  return (
+    <div>
+      <h1>User Profile</h1>
+      <button onClick={() => userBucket.set('name', 'John Doe')}>Set Name</button>
+      <button onClick={() => settingsBucket.set('theme', 'dark')}>Change Theme</button>
+      <pre>User State: {JSON.stringify(userBucket.getState(), null, 2)}</pre>
+      <p>Current Theme: {settingsBucket.get('theme')}</p>
+    </div>
+  );
+}
+```
+
+### Persistent Storage Options
+
+```javascript
+const usePersistentBucket = createBucket(
+  { token: '', language: 'en' },
+  { store: 'local' }
+);
+
+function PersistentExample() {
+  const persistentBucket = usePersistentBucket();
+
+  return (
+    <div>
+      <h1>Persistent Bucket</h1>
+      <button onClick={() => persistentBucket.set('token', 'abc123')}>Set Token</button>
+      <p>Token: {persistentBucket.get('token')}</p>
+    </div>
+  );
+}
+```
+
+### Reusing State Across Components
+
+```javascript
+import React from 'react';
+import { createBucket } from 'react-state-bucket';
+
+const useGlobalState = createBucket({ count: 0, user: 'Guest' });
+
+function Counter() {
+  const globalState = useGlobalState();
+
+  return (
+    <div>
+      <h2>Counter Component</h2>
+      <p>Count: {globalState.get('count')}</p>
+      <button onClick={() => globalState.set('count', globalState.get('count') + 1)}>Increment Count</button>
+    </div>
+  );
+}
+
+function UserDisplay() {
+  const globalState = useGlobalState();
+
+  return (
+    <div>
+      <h2>User Component</h2>
+      <p>Current User: {globalState.get('user')}</p>
+      <button onClick={() => globalState.set('user', 'John Doe')}>Set User to John Doe</button>
+    </div>
+  );
+}
+
+function App() {
+  return (
+    <div>
+      <h1>Global State Example</h1>
+      <Counter />
+      <UserDisplay />
+      <pre>Global State: {JSON.stringify(useGlobalState().getState(), null, 2)}</pre>
+    </div>
+  );
+}
+
+export default App;
+```
+
+---
+
+## 📘 API Reference
+
+### `createBucket(initial: object, option?: BucketOptions)`
+
+Creates a new bucket for managing the global state.
+
+#### Parameters
+
+| Name      | Type      | Description                               |
+| --------- | --------- | ----------------------------------------- |
+| `initial` | `object`  | Initial state values.                     |
+| `option`  | `object?` | Optional configuration (default: memory). |
+
+#### `BucketOptions`
+
+`BucketOptions` allows you to configure how and where the state is stored. It includes:
+
+| Property   | Type                                  | Description                                                                  |
+| ---------- | ------------------------------------- | ---------------------------------------------------------------------------- |
+| `store`    | `'memory', 'session', 'local', 'url'` | Specifies the storage mechanism for the state.                               |
+| `onChange` | `(key, value, type) => void`          | Callback invoked after each `set`/`delete`. `type` is `'set'` or `'delete'`. |
+
+#### `onChange` Callback
+
+Use `onChange` to observe bucket mutations—for example, to sync analytics or trigger side effects.
+
+```javascript
+const useBucketWithLogger = createBucket(
+  { count: 0 },
+  {
+    onChange: (key, value, type) => {
+      console.log(`[bucket] ${type} -> ${key}`, value);
+    },
+  }
+);
+```
+
+When `set('count', 1)` runs, the callback fires with `(key='count', value=1, type='set')`. Deletions invoke the same hook with `type='delete'` and `value` as `undefined`.
+
+### Returned Functions
+
+#### State Management
+
+| Function          | Description                                           |
+| ----------------- | ----------------------------------------------------- |
+| `set(key, value)` | Sets the value of a specific key in the state.        |
+| `get(key)`        | Retrieves the value of a specific key from the state. |
+| `delete(key)`     | Removes a key-value pair from the state.              |
+| `clear()`         | Clears all state values.                              |
+| `getState()`      | Returns the entire state as an object.                |
+| `setState(state)` | Updates the state with a partial object.              |
+
+#### Change Detection
+
+| Function         | Description                                 |
+| ---------------- | ------------------------------------------- |
+| `isChange(key)`  | Checks if a specific key has been modified. |
+| `getChanges()`   | Returns an array of keys that have changed. |
+| `clearChanges()` | Resets the change detection for all keys.   |
+
+---
+
+## 🤝 Contributing
+
+Contributions are welcome! Please check out the [contribution guidelines](https://github.com/devnax/react-state-bucket).
+
+---
+
+## 📄 License
+
+This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).
+
+---
+
+## 📞 Support
+
+For help or suggestions, feel free to open an issue on [GitHub](https://github.com/devnax/react-state-bucket/issues) or contact us via [devnaxrul@gmail.com](mailto:devnaxrul@gmail.com).
+

package/Cookie.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cookie.mjs","sources":["../src/Cookie.ts"],"sourcesContent":["export function setCookie(\n   key: string,\n   value: string,\n   days = 7\n) {\n   const expires = new Date(Date.now() + days * 864e5).toUTCString();\n   document.cookie =\n      `${encodeURIComponent(key)}=${encodeURIComponent(value)}; ` +\n      `expires=${expires}; path=/; SameSite=Lax`;\n}\n\nexport function getCookie(key: string): string | null {\n   const name = encodeURIComponent(key) + \"=\";\n   const parts = document.cookie.split(\"; \");\n\n   for (const part of parts) {\n      if (part.startsWith(name)) {\n         return decodeURIComponent(part.slice(name.length));\n      }\n   }\n\n   return null;\n}"],"names":[],"mappings":"AAAM,SAAU,SAAS,CACtB,GAAW,EACX,KAAa,EACb,IAAI,GAAG,CAAC,EAAA;AAER,IAAA,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC,WAAW,EAAE;AACjE,IAAA,QAAQ,CAAC,MAAM;QACZ,CAAA,EAAG,kBAAkB,CAAC,GAAG,CAAC,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAA,EAAA,CAAI;YAC3D,CAAA,QAAA,EAAW,OAAO,wBAAwB;AAChD;AAEM,SAAU,SAAS,CAAC,GAAW,EAAA;IAClC,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,GAAG,GAAG;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;AAEzC,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YACxB,OAAO,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrD;IACH;AAEA,IAAA,OAAO,IAAI;AACd"}

package/Initial.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Initial.mjs","sources":["../src/Initial.ts"],"sourcesContent":["import { BucketOptions, InitialBucketData } from \".\";\nimport { getCookie } from \"./Cookie\";\n\nconst Initial = (initial: InitialBucketData, data_key: string, option: BucketOptions) => {\n   let state = {} as Record<string, any>;\n   let data: any = \"\"\n\n   if (typeof window !== 'undefined') {\n      if (option.store === 'session' || option.store === 'local') {\n         let storage = option.store === \"session\" ? sessionStorage : localStorage\n         data = storage.getItem(data_key)\n      } else if (option.store === 'url') {\n         let url = new URL(window.location.href)\n         data = decodeURIComponent(url.searchParams.get(data_key) || \"\")\n      } else if (option.store === 'cookie') {\n         data = getCookie(data_key)\n      }\n   }\n\n   if (data) {\n      try {\n         data = JSON.parse(data)\n      } catch (error) {\n         data = {}\n      }\n   } else {\n      data = {}\n   }\n\n   for (let key in initial) {\n      try {\n         state[key] = initial[key].parse(data[key])\n      } catch (error) {\n         state[key] = data[key]\n      }\n   }\n\n   return state;\n}\n\nexport default Initial;"],"names":[],"mappings":"qCAGA,MAAM,OAAO,GAAG,CAAC,OAA0B,EAAE,QAAgB,EAAE,MAAqB,KAAI;IACrF,IAAI,KAAK,GAAG,EAAyB;IACrC,IAAI,IAAI,GAAQ,EAAE;AAElB,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,OAAO,EAAE;AACzD,YAAA,IAAI,OAAO,GAAG,MAAM,CAAC,KAAK,KAAK,SAAS,GAAG,cAAc,GAAG,YAAY;AACxE,YAAA,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;QACnC;AAAO,aAAA,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,EAAE;YAChC,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AACvC,YAAA,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClE;AAAO,aAAA,IAAI,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;AACnC,YAAA,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC;QAC7B;IACH;IAEA,IAAI,IAAI,EAAE;AACP,QAAA,IAAI;AACD,YAAA,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC1B;QAAE,OAAO,KAAK,EAAE;YACb,IAAI,GAAG,EAAE;QACZ;IACH;SAAO;QACJ,IAAI,GAAG,EAAE;IACZ;AAEA,IAAA,KAAK,IAAI,GAAG,IAAI,OAAO,EAAE;AACtB,QAAA,IAAI;AACD,YAAA,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7C;QAAE,OAAO,KAAK,EAAE;YACb,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;QACzB;IACH;AAEA,IAAA,OAAO,KAAK;AACf"}

package/index.mjs

@@ -1,157 +0,0 @@
-import {useId,useState,useEffect}from'react';import {xv as xv$1}from'xanv';import youid from'youid';import {setCookie}from'./Cookie.mjs';import Initial from'./Initial.mjs';const createBucket = (initial, option) => {
-    option = Object.assign({ store: "memory" }, option);
-    if (!(option === null || option === void 0 ? void 0 : option.data_key)) {
-        let data_key = '';
-        for (let key in initial) {
-            const field = initial[key];
-            data_key += key + ':' + JSON.stringify(field.meta) + ';';
-        }
-        option.data_key = youid(data_key);
-    }
-    const hooks = new Map();
-    const state = Initial(initial, (option === null || option === void 0 ? void 0 : option.data_key) || '', option || {});
-    const changes = {};
-    const errors = {};
-    const useBucket = () => {
-        const id = "rsb_" + useId();
-        const [, setState] = useState(0);
-        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') {
-                    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 _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 = () => {
-            const changedData = {};
-            for (let k in changes) {
-                if (changes[k]) {
-                    changedData[k] = state[k];
-                }
-            }
-            return changedData;
-        };
-        const isChanged = (k) => !!changes[k];
-        const isValid = (key) => {
-            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[k].parse(state[k]);
-                }
-                catch (error) {
-                    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());
-        };
-        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;
-};
-const xv = xv$1;export{createBucket,xv};//# sourceMappingURL=index.mjs.map