kvozy 0.0.1

package/README.md

@@ -0,0 +1,360 @@
+# Kvozy - React localStorage Binding Library
+
+Simple, minimal React library for binding localStorage keys to React state.
+
+## Overview
+
+Kvozy separates storage logic from React integration:
+
+- **bindValue** - Framework-agnostic core with all localStorage logic
+- **useStorage** - Thin React hook wrapper
+
+This architecture makes it easy to add connectors for other frameworks (Vue, Svelte, Angular, etc.) in the future.
+
+## Features
+
+- Framework-agnostic core (bindValue)
+- Thin React integration (useStorage)
+- String-only values (simple, predictable)
+- Real localStorage backend
+- Subscription-based reactivity
+- TypeScript support
+- Easy to extend to other frameworks
+
+## Installation
+
+```bash
+npm install kvozy
+```
+
+## Quick Start
+
+```typescript
+import { bindValue, useStorage } from 'kvozy';
+
+// Define the binding
+const myValue = bindValue({ key: 'my-key' });
+
+// Use in component
+const Component = () => {
+  const { value, setValue } = useStorage(myValue);
+
+  return <input value={value || ''} onChange={(e) => setValue(e.target.value)} />;
+};
+```
+
+## API Reference
+
+### bindValue(options)
+
+Creates a storage binding to localStorage.
+
+**Parameters:**
+
+- `options` (object, required)
+  - `key` (string, required) - localStorage key
+
+**Returns:** `BindValue` instance
+
+**Methods:**
+
+- `getValue()` - returns `string | undefined`
+- `set(value: string)` - updates localStorage and notifies subscribers
+- `subscribe(callback)` - subscribe to value changes, returns unsubscribe function
+
+**Behavior:**
+
+- `subscribe()` does NOT call the callback immediately when subscribing
+- Callbacks are only invoked when value changes via `set()`
+
+**Example:**
+
+```typescript
+const binding = bindValue({ key: "user-name" });
+
+// Get current value
+const currentValue = binding.getValue();
+
+// Set new value
+binding.set("Alice");
+
+// Subscribe to changes
+const unsubscribe = binding.subscribe((newValue) => {
+  console.log("Value changed:", newValue);
+});
+
+// Unsubscribe when done
+unsubscribe();
+```
+
+### useStorage(binding)
+
+React hook that connects a BindValue instance to React state.
+
+**Parameters:**
+
+- `binding` (BindValue, required) - binding instance from bindValue
+
+**Returns:** `{ value, setValue }`
+
+- `value` - `string | undefined` - current value from localStorage
+- `setValue` - `(value: string) => void` - function to update value
+
+**Behavior:**
+
+- `subscribe()` does NOT call the callback immediately when subscribing
+- Callbacks are only invoked when the value changes via `set()`
+
+**Example:**
+
+```typescript
+const Component = () => {
+  const { value, setValue } = useStorage(myBinding);
+
+  return <div>
+    <p>Current value: {value || '(empty)'}</p>
+    <button onClick={() => setValue('new value')}>
+      Update Value
+    </button>
+  </div>;
+};
+```
+
+## Usage Examples
+
+### Basic Usage
+
+```typescript
+import { bindValue, useStorage } from 'kvozy';
+
+const usernameBinding = bindValue({ key: 'username' });
+
+const LoginForm = () => {
+  const { value, setValue } = useStorage(usernameBinding);
+
+  return (
+    <div>
+      <label>
+        Username:
+        <input
+          value={value || ''}
+          onChange={(e) => setValue(e.target.value)}
+        />
+      </label>
+    </div>
+  );
+};
+```
+
+### Multiple Components Sharing State
+
+```typescript
+import { bindValue, useStorage } from 'kvozy';
+
+const themeBinding = bindValue({ key: 'theme' });
+
+const ThemeToggle = () => {
+  const { value, setValue } = useStorage(themeBinding);
+
+  return (
+    <button onClick={() => setValue(value === 'dark' ? 'light' : 'dark')}>
+      Switch to {value === 'dark' ? 'Light' : 'Dark'} Mode
+    </button>
+  );
+};
+
+const ThemeDisplay = () => {
+  const { value } = useStorage(themeBinding);
+
+  return <p>Current theme: {value}</p>;
+};
+
+const App = () => (
+  <div>
+    <ThemeToggle />
+    <ThemeDisplay />
+  </div>
+);
+```
+
+Both components stay in sync automatically!
+
+### Handling Undefined Values
+
+When a localStorage key doesn't exist, `getValue()` and `useStorage` return `undefined`:
+
+```typescript
+const binding = bindValue({ key: 'non-existent-key' });
+console.log(binding.getValue()); // undefined
+
+const Component = () => {
+  const { value } = useStorage(binding);
+  return <div>{value || 'No value set'}</div>;
+};
+```
+
+### Persisting Form Data
+
+```typescript
+const formBinding = bindValue({ key: 'form-data' });
+
+const Form = () => {
+  const { value, setValue } = useStorage(formBinding);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const data = Object.fromEntries(formData);
+    setValue(JSON.stringify(data));
+  };
+
+  const formData = value ? JSON.parse(value) : {};
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <input name="name" defaultValue={formData.name || ''} />
+      <input name="email" defaultValue={formData.email || ''} />
+      <button type="submit">Save</button>
+    </form>
+  );
+};
+```
+
+### Counter Example
+
+```typescript
+const counterBinding = bindValue({ key: 'counter' });
+
+const Counter = () => {
+  const { value, setValue } = useStorage(counterBinding);
+  const count = parseInt(value || '0', 10);
+
+  return (
+    <div>
+      <p>Count: {count}</p>
+      <button onClick={() => setValue(String(count + 1))}>
+        Increment
+      </button>
+      <button onClick={() => setValue(String(count - 1))}>
+        Decrement
+      </button>
+      <button onClick={() => setValue('0')}>
+        Reset
+      </button>
+    </div>
+  );
+};
+```
+
+## Architecture
+
+### Core: bindValue
+
+All storage logic lives in `bindValue` class:
+
+- Framework-agnostic
+- Manages localStorage operations
+- Handles subscriptions
+- Can be used with any UI framework
+
+```typescript
+class BindValue {
+  private value: string | undefined;
+  private subscribers: Set<(value: string | undefined) => void>;
+
+  getValue(): string | undefined;
+  set(value: string): void;
+  subscribe(callback): () => void;
+}
+```
+
+### React: useStorage
+
+Thin wrapper that connects `bindValue` to React:
+
+- Subscribes to changes on mount
+- Unsubscribes on unmount
+- Manages React state with `useState`
+- Returns `{ value, setValue }`
+
+```typescript
+function useStorage(binding: BindValue): UseStorageReturn {
+  const [value, setValue] = useState(binding.getValue());
+
+  useEffect(() => {
+    const unsubscribe = binding.subscribe(setValue);
+    return unsubscribe;
+  }, [binding]);
+
+  const set = (newValue: string) => binding.set(newValue);
+
+  return { value, setValue: set };
+}
+```
+
+## Testing
+
+### Unit Tests (Node)
+
+Run unit tests for `bindValue`:
+
+```bash
+npm test
+```
+
+Tests are located in `unitTests/bindValue.test.ts` and use mocked localStorage.
+
+### Browser Tests (Playwright)
+
+Run browser tests for React integration:
+
+```bash
+npm run test:browser
+```
+
+Tests are located in `browserTests/useStorage.test.ts` and run on Chrome, Firefox, and Webkit.
+
+## Browser Support
+
+- Chrome >= 87
+- Firefox >= 78
+- Safari >= 15.4
+- Edge >= 88
+
+## TypeScript Support
+
+Kvozy is written in TypeScript and provides full type definitions:
+
+```typescript
+import {
+  bindValue,
+  useStorage,
+  type BindValue,
+  type UseStorageReturn,
+} from "kvozy";
+
+const binding: BindValue = bindValue({ key: "test" });
+const { value, setValue }: UseStorageReturn = useStorage(binding);
+```
+
+## Limitations
+
+- **String-only values**: Kvozy only supports string values. For objects or arrays, serialize them as JSON.
+- **No SSR support**: Currently designed for client-side only (requires `window.localStorage`).
+- **No cross-tab sync**: Changes in one tab don't update other tabs automatically.
+
+## Future Plans
+
+- [ ] Vue connector (`useStorageVue`)
+- [ ] Svelte connector (`useStorageSvelte`)
+- [ ] Angular connector
+- [ ] SSR support
+- [ ] Cross-tab synchronization
+
+## License
+
+ISC
+
+## Contributing
+
+Contributions are welcome! Please read `src/AGENTS.md` for development guidelines.

package/__compiled__/cjs/src/bindValue.d.ts

@@ -0,0 +1,16 @@
+export interface BindValueOptions {
+    key: string;
+}
+export declare class BindValue {
+    private options;
+    private value;
+    private subscribers;
+    constructor(options: BindValueOptions);
+    getValue(): string | undefined;
+    set(newValue: string): void;
+    subscribe(callback: (value: string | undefined) => void): () => void;
+    private loadFromStorage;
+    private saveToStorage;
+    private notifySubscribers;
+}
+export declare function bindValue(options: BindValueOptions): BindValue;

package/__compiled__/cjs/src/bindValue.js

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class BindValue {
+  constructor(options) {
+    __publicField(this, "value");
+    __publicField(this, "subscribers");
+    this.options = options;
+    this.subscribers = /* @__PURE__ */ new Set();
+    this.value = this.loadFromStorage();
+  }
+  getValue() {
+    return this.value;
+  }
+  set(newValue) {
+    this.value = newValue;
+    this.saveToStorage(newValue);
+    this.notifySubscribers();
+  }
+  subscribe(callback) {
+    this.subscribers.add(callback);
+    return () => {
+      this.subscribers.delete(callback);
+    };
+  }
+  loadFromStorage() {
+    const value = localStorage.getItem(this.options.key);
+    return value !== null ? value : void 0;
+  }
+  saveToStorage(value) {
+    localStorage.setItem(this.options.key, value);
+  }
+  notifySubscribers() {
+    for (const subscriber of this.subscribers) {
+      subscriber(this.value);
+    }
+  }
+}
+function bindValue(options) {
+  return new BindValue(options);
+}
+exports.BindValue = BindValue;
+exports.bindValue = bindValue;
+//# sourceMappingURL=bindValue.js.map

package/__compiled__/cjs/src/bindValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindValue.js","sources":["../../../../src/bindValue.ts"],"sourcesContent":["export interface BindValueOptions {\n  key: string;\n}\n\nexport class BindValue {\n  private value: string | undefined;\n  private subscribers: Set<(value: string | undefined) => void>;\n\n  constructor(private options: BindValueOptions) {\n    this.subscribers = new Set();\n    this.value = this.loadFromStorage();\n  }\n\n  getValue(): string | undefined {\n    return this.value;\n  }\n\n  set(newValue: string): void {\n    this.value = newValue;\n    this.saveToStorage(newValue);\n    this.notifySubscribers();\n  }\n\n  subscribe(callback: (value: string | undefined) => void): () => void {\n    this.subscribers.add(callback);\n    return () => {\n      this.subscribers.delete(callback);\n    };\n  }\n\n  private loadFromStorage(): string | undefined {\n    const value = localStorage.getItem(this.options.key);\n    return value !== null ? value : undefined;\n  }\n\n  private saveToStorage(value: string): void {\n    localStorage.setItem(this.options.key, value);\n  }\n\n  private notifySubscribers(): void {\n    for (const subscriber of this.subscribers) {\n      subscriber(this.value);\n    }\n  }\n}\n\nexport function bindValue(options: BindValueOptions): BindValue {\n  return new BindValue(options);\n}\n"],"names":[],"mappings":";;;;;AAIO,MAAM,UAAU;AAAA,EAIrB,YAAoB,SAA2B;AAHvC;AACA;AAEY,SAAA,UAAA;AAClB,SAAK,kCAAkB,IAAA;AACvB,SAAK,QAAQ,KAAK,gBAAA;AAAA,EACpB;AAAA,EAEA,WAA+B;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,UAAwB;AAC1B,SAAK,QAAQ;AACb,SAAK,cAAc,QAAQ;AAC3B,SAAK,kBAAA;AAAA,EACP;AAAA,EAEA,UAAU,UAA2D;AACnE,SAAK,YAAY,IAAI,QAAQ;AAC7B,WAAO,MAAM;AACX,WAAK,YAAY,OAAO,QAAQ;AAAA,IAClC;AAAA,EACF;AAAA,EAEQ,kBAAsC;AAC5C,UAAM,QAAQ,aAAa,QAAQ,KAAK,QAAQ,GAAG;AACnD,WAAO,UAAU,OAAO,QAAQ;AAAA,EAClC;AAAA,EAEQ,cAAc,OAAqB;AACzC,iBAAa,QAAQ,KAAK,QAAQ,KAAK,KAAK;AAAA,EAC9C;AAAA,EAEQ,oBAA0B;AAChC,eAAW,cAAc,KAAK,aAAa;AACzC,iBAAW,KAAK,KAAK;AAAA,IACvB;AAAA,EACF;AACF;AAEO,SAAS,UAAU,SAAsC;AAC9D,SAAO,IAAI,UAAU,OAAO;AAC9B;;;"}

package/__compiled__/cjs/src/index.d.ts

@@ -0,0 +1,2 @@
+export { bindValue, BindValue, type BindValueOptions } from "./bindValue.js";
+export { useStorage, type UseStorageReturn } from "./useStorage.js";

package/__compiled__/cjs/src/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const bindValue = require("./bindValue.js");
+const useStorage = require("./useStorage.js");
+exports.BindValue = bindValue.BindValue;
+exports.bindValue = bindValue.bindValue;
+exports.useStorage = useStorage.useStorage;
+//# sourceMappingURL=index.js.map

package/__compiled__/cjs/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/__compiled__/cjs/src/useStorage.d.ts

@@ -0,0 +1,6 @@
+import { type BindValue } from "./bindValue.js";
+export interface UseStorageReturn {
+    value: string | undefined;
+    setValue: (value: string) => void;
+}
+export declare function useStorage(binding: BindValue): UseStorageReturn;

package/__compiled__/cjs/src/useStorage.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function useStorage(binding) {
+  const [value, setValue] = react.useState(binding.getValue());
+  react.useEffect(() => {
+    const unsubscribe = binding.subscribe(setValue);
+    return unsubscribe;
+  }, [binding]);
+  const set = (newValue) => {
+    binding.set(newValue);
+  };
+  return { value, setValue: set };
+}
+exports.useStorage = useStorage;
+//# sourceMappingURL=useStorage.js.map

package/__compiled__/cjs/src/useStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorage.js","sources":["../../../../src/useStorage.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { type BindValue } from \"./bindValue.js\";\n\nexport interface UseStorageReturn {\n  value: string | undefined;\n  setValue: (value: string) => void;\n}\n\nexport function useStorage(binding: BindValue): UseStorageReturn {\n  const [value, setValue] = useState(binding.getValue());\n\n  useEffect(() => {\n    const unsubscribe = binding.subscribe(setValue);\n    return unsubscribe;\n  }, [binding]);\n\n  const set = (newValue: string) => {\n    binding.set(newValue);\n  };\n\n  return { value, setValue: set };\n}\n"],"names":["useState","useEffect"],"mappings":";;;AAQO,SAAS,WAAW,SAAsC;AAC/D,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,QAAQ,UAAU;AAErDC,QAAAA,UAAU,MAAM;AACd,UAAM,cAAc,QAAQ,UAAU,QAAQ;AAC9C,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,MAAM,CAAC,aAAqB;AAChC,YAAQ,IAAI,QAAQ;AAAA,EACtB;AAEA,SAAO,EAAE,OAAO,UAAU,IAAA;AAC5B;;"}

package/__compiled__/esm/src/bindValue.d.mts

@@ -0,0 +1,16 @@
+export interface BindValueOptions {
+    key: string;
+}
+export declare class BindValue {
+    private options;
+    private value;
+    private subscribers;
+    constructor(options: BindValueOptions);
+    getValue(): string | undefined;
+    set(newValue: string): void;
+    subscribe(callback: (value: string | undefined) => void): () => void;
+    private loadFromStorage;
+    private saveToStorage;
+    private notifySubscribers;
+}
+export declare function bindValue(options: BindValueOptions): BindValue;

package/__compiled__/esm/src/bindValue.mjs

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class BindValue {
+  constructor(options) {
+    __publicField(this, "value");
+    __publicField(this, "subscribers");
+    this.options = options;
+    this.subscribers = /* @__PURE__ */ new Set();
+    this.value = this.loadFromStorage();
+  }
+  getValue() {
+    return this.value;
+  }
+  set(newValue) {
+    this.value = newValue;
+    this.saveToStorage(newValue);
+    this.notifySubscribers();
+  }
+  subscribe(callback) {
+    this.subscribers.add(callback);
+    return () => {
+      this.subscribers.delete(callback);
+    };
+  }
+  loadFromStorage() {
+    const value = localStorage.getItem(this.options.key);
+    return value !== null ? value : void 0;
+  }
+  saveToStorage(value) {
+    localStorage.setItem(this.options.key, value);
+  }
+  notifySubscribers() {
+    for (const subscriber of this.subscribers) {
+      subscriber(this.value);
+    }
+  }
+}
+function bindValue(options) {
+  return new BindValue(options);
+}
+export {
+  BindValue,
+  bindValue
+};
+//# sourceMappingURL=bindValue.mjs.map

package/__compiled__/esm/src/bindValue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindValue.mjs","sources":["../../../../src/bindValue.ts"],"sourcesContent":["export interface BindValueOptions {\n  key: string;\n}\n\nexport class BindValue {\n  private value: string | undefined;\n  private subscribers: Set<(value: string | undefined) => void>;\n\n  constructor(private options: BindValueOptions) {\n    this.subscribers = new Set();\n    this.value = this.loadFromStorage();\n  }\n\n  getValue(): string | undefined {\n    return this.value;\n  }\n\n  set(newValue: string): void {\n    this.value = newValue;\n    this.saveToStorage(newValue);\n    this.notifySubscribers();\n  }\n\n  subscribe(callback: (value: string | undefined) => void): () => void {\n    this.subscribers.add(callback);\n    return () => {\n      this.subscribers.delete(callback);\n    };\n  }\n\n  private loadFromStorage(): string | undefined {\n    const value = localStorage.getItem(this.options.key);\n    return value !== null ? value : undefined;\n  }\n\n  private saveToStorage(value: string): void {\n    localStorage.setItem(this.options.key, value);\n  }\n\n  private notifySubscribers(): void {\n    for (const subscriber of this.subscribers) {\n      subscriber(this.value);\n    }\n  }\n}\n\nexport function bindValue(options: BindValueOptions): BindValue {\n  return new BindValue(options);\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,UAAU;AAAA,EAIrB,YAAoB,SAA2B;AAHvC;AACA;AAEY,SAAA,UAAA;AAClB,SAAK,kCAAkB,IAAA;AACvB,SAAK,QAAQ,KAAK,gBAAA;AAAA,EACpB;AAAA,EAEA,WAA+B;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,UAAwB;AAC1B,SAAK,QAAQ;AACb,SAAK,cAAc,QAAQ;AAC3B,SAAK,kBAAA;AAAA,EACP;AAAA,EAEA,UAAU,UAA2D;AACnE,SAAK,YAAY,IAAI,QAAQ;AAC7B,WAAO,MAAM;AACX,WAAK,YAAY,OAAO,QAAQ;AAAA,IAClC;AAAA,EACF;AAAA,EAEQ,kBAAsC;AAC5C,UAAM,QAAQ,aAAa,QAAQ,KAAK,QAAQ,GAAG;AACnD,WAAO,UAAU,OAAO,QAAQ;AAAA,EAClC;AAAA,EAEQ,cAAc,OAAqB;AACzC,iBAAa,QAAQ,KAAK,QAAQ,KAAK,KAAK;AAAA,EAC9C;AAAA,EAEQ,oBAA0B;AAChC,eAAW,cAAc,KAAK,aAAa;AACzC,iBAAW,KAAK,KAAK;AAAA,IACvB;AAAA,EACF;AACF;AAEO,SAAS,UAAU,SAAsC;AAC9D,SAAO,IAAI,UAAU,OAAO;AAC9B;"}

package/__compiled__/esm/src/index.d.mts

@@ -0,0 +1,2 @@
+export { bindValue, BindValue, type BindValueOptions } from "./bindValue.js";
+export { useStorage, type UseStorageReturn } from "./useStorage.js";

package/__compiled__/esm/src/index.mjs

@@ -0,0 +1,8 @@
+import { BindValue, bindValue } from "./bindValue.mjs";
+import { useStorage } from "./useStorage.mjs";
+export {
+  BindValue,
+  bindValue,
+  useStorage
+};
+//# sourceMappingURL=index.mjs.map

package/__compiled__/esm/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/__compiled__/esm/src/useStorage.d.mts

@@ -0,0 +1,6 @@
+import { type BindValue } from "./bindValue.js";
+export interface UseStorageReturn {
+    value: string | undefined;
+    setValue: (value: string) => void;
+}
+export declare function useStorage(binding: BindValue): UseStorageReturn;

package/__compiled__/esm/src/useStorage.mjs

@@ -0,0 +1,16 @@
+import { useState, useEffect } from "react";
+function useStorage(binding) {
+  const [value, setValue] = useState(binding.getValue());
+  useEffect(() => {
+    const unsubscribe = binding.subscribe(setValue);
+    return unsubscribe;
+  }, [binding]);
+  const set = (newValue) => {
+    binding.set(newValue);
+  };
+  return { value, setValue: set };
+}
+export {
+  useStorage
+};
+//# sourceMappingURL=useStorage.mjs.map

package/__compiled__/esm/src/useStorage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorage.mjs","sources":["../../../../src/useStorage.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { type BindValue } from \"./bindValue.js\";\n\nexport interface UseStorageReturn {\n  value: string | undefined;\n  setValue: (value: string) => void;\n}\n\nexport function useStorage(binding: BindValue): UseStorageReturn {\n  const [value, setValue] = useState(binding.getValue());\n\n  useEffect(() => {\n    const unsubscribe = binding.subscribe(setValue);\n    return unsubscribe;\n  }, [binding]);\n\n  const set = (newValue: string) => {\n    binding.set(newValue);\n  };\n\n  return { value, setValue: set };\n}\n"],"names":[],"mappings":";AAQO,SAAS,WAAW,SAAsC;AAC/D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,QAAQ,UAAU;AAErD,YAAU,MAAM;AACd,UAAM,cAAc,QAAQ,UAAU,QAAQ;AAC9C,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,MAAM,CAAC,aAAqB;AAChC,YAAQ,IAAI,QAAQ;AAAA,EACtB;AAEA,SAAO,EAAE,OAAO,UAAU,IAAA;AAC5B;"}

package/index.d.ts

@@ -0,0 +1 @@
+export * from "./__compiled__/cjs/src/index.js";

package/index.js

@@ -0,0 +1 @@
+module.exports = require("./__compiled__/cjs/src/index.js");

package/index.mjs

@@ -0,0 +1 @@
+export * from "./__compiled__/esm/src/index.mjs";

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "kvozy",
+  "type": "commonjs",
+  "version": "0.0.1",
+  "types": "./__compiled__/cjs/src/index.d.ts",
+  "module": "./__compiled__/esm/src/index.mjs",
+  "main": "./__compiled__/cjs/src/index.js",
+  "description": "Simple, minimal React library for binding localStorage keys to React state",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./__compiled__/esm/src/index.d.mts",
+        "default": "./__compiled__/esm/src/index.mjs"
+      },
+      "require": {
+        "types": "./__compiled__/cjs/src/index.d.ts",
+        "default": "./__compiled__/cjs/src/index.js"
+      },
+      "types": "./__compiled__/cjs/src/index.d.ts",
+      "default": "./__compiled__/cjs/src/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "keywords": [
+    "react",
+    "localstorage",
+    "storage",
+    "hook",
+    "state",
+    "persistence"
+  ],
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^18.3.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.1",
+    "@types/react": "^19.2.7",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/browser-playwright": "^4.0.16",
+    "@vitest/browser-preview": "^4.0.16",
+    "playwright": "^1.57.0",
+    "prettier": "^3.7.4",
+    "smartbundle": "^0.14.1",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.16",
+    "vitest-browser-react": "^2.0.2"
+  }
+}