cross-state 0.53.3 → 0.54.0

package/dist/propAccess-DGchzVfy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propAccess-DGchzVfy.js","names":[],"sources":["../src/lib/equals.ts","../src/lib/helpers.ts","../src/lib/clone.ts","../src/lib/propAccess.ts"],"sourcesContent":["export function strictEqual(a: any, b: any): boolean {\n  return a === b;\n}\n\nexport function shallowEqual(a: any, b: any): boolean {\n  return internalEqual(strictEqual)(a, b);\n}\n\nexport function deepEqual(a: any, b: any): boolean {\n  return internalEqual(deepEqual)(a, b);\n}\n\nconst internalEqual = (comp: (a: any, b: any) => boolean) => (a: any, b: any) => {\n  if (a === b) {\n    return true;\n  }\n\n  if (a === null || b === null || typeof a !== 'object' || typeof b !== 'object') {\n    // eslint-disable-next-line no-self-compare\n    return a !== a && b !== b;\n  }\n\n  if (a.constructor !== b.constructor) {\n    return false;\n  }\n\n  if (a.constructor === Object || Array.isArray(a)) {\n    const entries1 = Object.entries(a);\n    const entries2 = Object.entries(b);\n    return (\n      entries1.length === entries2.length &&\n      entries1.every(([key, value]) => key in b && comp(value, b[key]))\n    );\n  }\n\n  if (a instanceof Date) {\n    return a.getTime() === b.getTime();\n  }\n\n  if (a instanceof RegExp) {\n    return a.source === b.source && a.flags === b.flags;\n  }\n\n  if (a instanceof Map) {\n    return (\n      a.size === b.size &&\n      [...a.entries()].every(([key, value]) => b.has(key) && comp(value, b.get(key)))\n    );\n  }\n\n  if (a instanceof Set) {\n    return a.size === b.size && [...a.values()].every((value) => b.has(value));\n  }\n\n  if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView(a)) {\n    if (a.byteLength !== b.byteLength) {\n      return false;\n    }\n\n    const a_ = new Int8Array(a.buffer);\n    const b_ = new Int8Array(b.buffer);\n    return a_.every((value, i) => value === b_[i]);\n  }\n\n  return false;\n};\n","export function isObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null;\n}\n\nexport function isPlainObject(value: unknown): value is Record<string, unknown> {\n  if (typeof value !== 'object' || value === null) {\n    return false;\n  }\n\n  const prototype = Object.getPrototypeOf(value);\n  return (\n    (prototype === null ||\n      prototype === Object.prototype ||\n      Object.getPrototypeOf(prototype) === null) &&\n    !(Symbol.toStringTag in value) &&\n    !(Symbol.iterator in value)\n  );\n}\n","import { isObject } from '@lib/helpers';\n\nexport function flatClone<T>(object: T): T {\n  if (object instanceof Map) {\n    return new Map(object) as any;\n  }\n\n  if (object instanceof Set) {\n    return new Set(object) as any;\n  }\n\n  if (Array.isArray(object)) {\n    return [...object] as any;\n  }\n\n  if (isObject(object)) {\n    return { ...object };\n  }\n\n  return object;\n}\n","import type { Constrain } from '@lib/constrain';\nimport { isObject } from '@lib/helpers';\nimport { flatClone } from './clone';\nimport type { KeyType, Path, SettablePath, SettableValue, Value } from './path';\n\nexport function castArrayPath(path: string | KeyType[]): KeyType[] {\n  if (Array.isArray(path)) {\n    return path;\n  }\n\n  if (path === '') {\n    return [];\n  }\n\n  return (path as string).split('.');\n}\n\nexport function get<T, const P>(object: T, path: Constrain<P, Path<T>>): Value<T, P> {\n  const _path = castArrayPath(path as any);\n  const [first, ...rest] = _path;\n\n  if (first === undefined || !object) {\n    return object as Value<T, P>;\n  }\n\n  if (object instanceof Map) {\n    return get(object.get(first), rest);\n  }\n\n  if (object instanceof Set) {\n    return get(Array.from(object)[Number(first)], rest);\n  }\n\n  if (isObject(object)) {\n    return get(object[first as keyof T], rest as any) as Value<T, P>;\n  }\n\n  throw new Error(`Could not get ${path} of ${object}`);\n}\n\nexport function set<T, const P>(\n  object: T,\n  path: Constrain<P, SettablePath<T>>,\n  value: SettableValue<T, P>,\n  rootPath: string | readonly KeyType[] = path,\n): T {\n  const _path = castArrayPath(path as any);\n  const [first, ...rest] = _path;\n\n  if (first === undefined) {\n    return value as T;\n  }\n\n  if (object instanceof Map) {\n    const copy = flatClone(object);\n    const child = copy.get(first);\n    copy.set(first, set(child, rest as any, value, rootPath));\n    return copy;\n  }\n\n  if (object instanceof Set) {\n    const copy = [...object];\n    const child = copy[Number(first)];\n    copy[Number(first)] = set(child, rest as any, value, rootPath);\n    return new Set(copy) as any;\n  }\n\n  if (isObject(object) || object === undefined) {\n    const copy = flatClone(object ?? ({} as T));\n    copy[first as keyof T] = set(copy[first as keyof T], rest as any, value as any, rootPath);\n    return copy;\n  }\n\n  throw new Error(`Could not set ${path} of ${object}`);\n}\n\nexport function remove<T, const P>(object: T, path: Constrain<P, Path<T, true>>): T {\n  const _path = castArrayPath(path as any);\n\n  if (_path.length === 0) {\n    return undefined as any;\n  }\n\n  const parentPath = _path.slice(0, -1);\n  const key = _path[_path.length - 1];\n\n  const parent = flatClone(get(object, parentPath as any));\n\n  if (parent instanceof Map) {\n    parent.delete(key);\n  } else if (parent instanceof Set) {\n    const value = Array.from(parent)[Number(key)];\n    parent.delete(value);\n  } else if (Array.isArray(parent)) {\n    parent.splice(Number(key), 1);\n  } else {\n    delete parent[key as keyof typeof parent];\n  }\n\n  return set(object, parentPath as any, parent);\n}\n\nexport function join(a: string, b: string): string {\n  return [a, b].filter(Boolean).join('.');\n}\n"],"mappings":"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"}

package/dist/react/index.cjs

@@ -0,0 +1,610 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+const require_store = require('../store-BWMWEUpu.cjs');
+const require_propAccess = require('../propAccess-ByqBjC19.cjs');
+const require_hash = require('../hash-CJPl7SRj.cjs');
+const require_extendedJson = require('../extendedJson-Dn2F7Edo.cjs');
+const require_storeMethods = require('../storeMethods-DVVsmUg1.cjs');
+const react = require_chunk.__toESM(require("react"));
+const react_jsx_runtime = require_chunk.__toESM(require("react/jsx-runtime"));
+
+//#region src/react/form/customInput.tsx
+function CustomInput({ name, children,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...props,
+		style: {
+			position: "relative",
+			...props.style
+		},
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			name,
+			style: {
+				position: "absolute",
+				top: 0,
+				left: 0,
+				opacity: 0,
+				width: "100%",
+				height: "100%",
+				pointerEvents: "none"
+			}
+		})]
+	});
+}
+
+//#endregion
+//#region src/lib/wildcardMatch.ts
+function getWildCardMatches(object, path) {
+	const matches = {};
+	const [first, second, ...rest] = require_propAccess.castArrayPath(path);
+	if (first === void 0) throw new Error("Path is empty");
+	if (!Array.isArray(object) && !require_propAccess.isObject(object)) object = {};
+	for (const [key, value] of first !== "*" ? [[first, object[first]]] : Object.entries(object)) {
+		if (first !== "*" && first !== key) continue;
+		if (second === void 0) {
+			matches[key] = value;
+			continue;
+		}
+		for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) matches[`${key}.${subKey}`] = subValue;
+	}
+	return matches;
+}
+
+//#endregion
+//#region src/react/form/formField.tsx
+function FormField({ name = "", component, commitOnBlur, commitDebounce, render, inputFilter, defaultValue, serialize, deserialize = (x) => x, onChange, onBlur,...restProps }) {
+	const form = this.useForm();
+	const getFormState = () => ({
+		...form,
+		...getDerivedState(form)
+	});
+	const [localValue, setLocalValue] = (0, react.useState)();
+	const value = this.useFormState((form$1) => {
+		const value$1 = form$1.getField(name).value;
+		if (serialize) return serialize(value$1, getFormState());
+		if (value$1 !== void 0) return value$1;
+		return defaultValue;
+	});
+	const setValue = (x) => form.getField(name).setValue(deserialize(x, getFormState()));
+	const hasTriggeredValidations = this.useFormState((form$1) => form$1.hasTriggeredValidations);
+	(0, react.useEffect)(() => {
+		if (localValue === void 0 || !commitDebounce) return;
+		const timeout = setTimeout(() => {
+			setValue(localValue);
+			setLocalValue(void 0);
+		}, commitDebounce);
+		return () => clearTimeout(timeout);
+	}, [localValue, commitDebounce]);
+	const props = {
+		name,
+		value: localValue ?? value,
+		onChange: (event, ...moreArgs) => {
+			const value$1 = typeof event === "object" && event !== null && "target" in event ? event.target.value : event;
+			if (inputFilter && !inputFilter(value$1)) return;
+			if (commitOnBlur || commitDebounce) setLocalValue(value$1);
+			else setValue(value$1);
+			onChange?.(event, ...moreArgs);
+		},
+		onBlur(...args) {
+			if (localValue !== void 0) {
+				setValue(localValue);
+				setLocalValue(void 0);
+			}
+			onBlur?.(...args);
+		}
+	};
+	if (render) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: render(props, {
+		...form.getField(name),
+		hasTriggeredValidations
+	}, form) ?? null });
+	if (component) return (0, react.createElement)(component, {
+		...restProps,
+		...props
+	});
+	return null;
+}
+
+//#endregion
+//#region src/react/form/formForEach.tsx
+function FormForEach({ name, renderElement, children }) {
+	const form = this.useForm();
+	const names = this.useFormState(() => {
+		const field = form.getField(name);
+		return field.names;
+	});
+	const add = (0, react.useCallback)((...args) => {
+		const field = form.getField(name);
+		field.add(...args);
+	}, [form]);
+	const remove = (0, react.useCallback)((key) => {
+		const field = form.getField(name);
+		field.remove(key);
+	}, [form]);
+	const setValue = (0, react.useCallback)((value) => {
+		const field = form.getField(name);
+		field.setValue(value);
+	}, [form]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderElement && names.map((name$1, index) => {
+		const key = name$1.split(".").pop();
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderElement({
+			name: name$1,
+			key,
+			index,
+			remove: () => remove(key)
+		}) }, key);
+	}), children?.({
+		names,
+		add,
+		remove,
+		setValue
+	})] });
+}
+
+//#endregion
+//#region src/react/form/useFormAutosave.ts
+function useFormAutosave(form) {
+	const { formState, options, getDraft } = form;
+	const debounceTime = require_store.calcDuration(options.autoSave?.debounce ?? 2e3);
+	const latestRef = (0, react.useRef)({ options });
+	const lastValue = (0, react.useRef)(void 0);
+	const q = (0, react.useMemo)(() => require_store.queue(), []);
+	const run = (0, react.useMemo)(() => require_store.debounce(async () => {
+		const { options: options$1 } = latestRef.current;
+		const save = options$1.autoSave?.save;
+		const draft = getDraft();
+		lastValue.current = draft;
+		q.clear();
+		q(async () => {
+			try {
+				formState.set("saveInProgress", true);
+				await save?.(draft, form);
+				if (q.size === 0 && options$1.autoSave?.resetAfterSave) form.reset();
+			} finally {
+				formState.set("saveInProgress", false);
+				if (q.size === 0) formState.set("saveScheduled", false);
+			}
+		});
+	}, debounceTime), [formState, debounceTime]);
+	(0, react.useEffect)(() => {
+		if (!options.autoSave?.save) return;
+		return formState.map((state) => state.draft).subscribe(() => {
+			if (require_propAccess.deepEqual(getDraft(), lastValue.current)) return;
+			run();
+			formState.set("saveScheduled", true);
+		}, { runNow: false });
+	}, [formState]);
+	(0, react.useEffect)(() => {
+		latestRef.current = { options };
+	});
+}
+
+//#endregion
+//#region src/react/form/form.tsx
+function FormContainer({ form,...formProps }) {
+	const formInstance = form.useForm();
+	const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);
+	const formRef = (0, react.useRef)(null);
+	function updateValidity(errors, buttonElement) {
+		const formElement = formRef.current;
+		if (!formElement) return;
+		const localizedErrors = new Map([...errors.entries()].map(([field, errors$1]) => [field, errors$1.map((error) => formInstance.options.localizeError?.(error, field) ?? error)]));
+		for (const element of Array.from(formElement.elements)) if ("name" in element && "setCustomValidity" in element) element.setCustomValidity(localizedErrors.get(element.name)?.join("\n") ?? "");
+		if (buttonElement && "setCustomValidity" in buttonElement) {
+			const errorString = [...errors.values()].flat().join("\n");
+			buttonElement.setCustomValidity(errorString);
+		}
+	}
+	(0, react.useEffect)(() => {
+		return formInstance.formState.map(() => formInstance.getErrors()).subscribe((errors) => updateValidity(errors));
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+		ref: formRef,
+		noValidate: true,
+		...formProps,
+		className: [formProps.className, hasTriggeredValidations ? formInstance.options.validatedClass ?? "validated" : void 0].filter(Boolean).join(" "),
+		onSubmit: async (event) => {
+			if (formInstance.saveInProgress()) return;
+			try {
+				formInstance.formState.set("saveInProgress", true);
+				event.preventDefault();
+				const formElement = event.currentTarget;
+				const buttonElement = event.nativeEvent instanceof SubmitEvent && event.nativeEvent.submitter instanceof HTMLButtonElement ? event.nativeEvent.submitter : void 0;
+				updateValidity(formInstance.getErrors(), buttonElement);
+				formElement.reportValidity();
+				const isValid = formInstance.validate();
+				if (isValid) await formProps.onSubmit?.(event, {
+					...formInstance,
+					...getDerivedState(formInstance)
+				});
+			} finally {
+				formInstance.formState.set("saveInProgress", false);
+			}
+		}
+	});
+}
+function getField(form, path) {
+	const field = {
+		get originalValue() {
+			return form.original !== void 0 ? require_propAccess.get(form.original, path) : void 0;
+		},
+		get value() {
+			const draft = form.getDraft();
+			return require_propAccess.get(draft ?? form.original ?? form.options.defaultValue, path);
+		},
+		setValue(update) {
+			form.formState.set("draft", (draft = form.original ?? form.options.defaultValue) => {
+				if (update instanceof Function) update = update(require_propAccess.get(draft, path));
+				return require_propAccess.set(draft, path, update);
+			});
+		},
+		get hasChange() {
+			return !require_propAccess.deepEqual(this.originalValue, this.value);
+		},
+		get errors() {
+			const errors = form.getErrors();
+			return errors.get(path) ?? [];
+		},
+		get names() {
+			const { value } = this;
+			if (Array.isArray(value)) return value.map((_, index) => require_propAccess.join(path, String(index)));
+			if (require_propAccess.isObject(value)) return Object.keys(value).map((key) => require_propAccess.join(path, key));
+			return [];
+		},
+		add(...args) {
+			this.setValue((value) => {
+				if (!value) throw new Error(`Cannot add element to ${JSON.stringify(value)}`);
+				if (Array.isArray(value)) return [...value ?? [], args[0]];
+				if (require_propAccess.isObject(value)) return {
+					...value,
+					[args[0]]: args[1]
+				};
+				throw new Error(`Cannot add element to ${JSON.stringify(value)}`);
+			});
+		},
+		remove(key) {
+			this.setValue((value) => {
+				if (!value) throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);
+				if (Array.isArray(value)) return value.filter((_, index) => index !== Number(key));
+				if (require_propAccess.isObject(value)) {
+					const { [key]: _,...rest } = value;
+					return rest;
+				}
+				throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);
+			});
+		}
+	};
+	return field;
+}
+function getErrors(draft, original, validations) {
+	const errors = /* @__PURE__ */ new Map();
+	for (const [path, block] of Object.entries(validations ?? {})) for (const [validationName, validate] of Object.entries(block)) {
+		let matched = false;
+		for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {
+			matched = true;
+			if (!validate(value, {
+				draft,
+				original,
+				field
+			})) {
+				const fieldErrors = errors.get(field) ?? [];
+				fieldErrors.push(validationName);
+				errors.set(field, fieldErrors);
+			}
+		}
+		if (!matched && !path.includes("*")) {
+			if (!validate(void 0, {
+				draft,
+				original,
+				field: path
+			})) {
+				const fieldErrors = errors.get(path) ?? [];
+				fieldErrors.push(validationName);
+				errors.set(path, fieldErrors);
+			}
+		}
+	}
+	return errors;
+}
+function getDerivedState(instance) {
+	return {
+		draft: instance.getDraft(),
+		hasTriggeredValidations: instance.hasTriggeredValidations(),
+		saveScheduled: instance.saveScheduled(),
+		saveInProgress: instance.saveInProgress(),
+		hasChanges: instance.hasChanges(),
+		errors: instance.getErrors(),
+		isValid: instance.isValid()
+	};
+}
+var Form = class Form {
+	constructor(options) {
+		this.options = options;
+		this.context = (0, react.createContext)(null);
+		require_store.autobind(Form);
+	}
+	useForm() {
+		const context = (0, react.useContext)(this.context);
+		if (!context) throw new Error("Form context not found");
+		return context;
+	}
+	useFormState(selector, useStoreOptions) {
+		const form = this.useForm();
+		return require_storeMethods.useStore(form.formState, () => selector({
+			...form,
+			...getDerivedState(form)
+		}), useStoreOptions);
+	}
+	useField(path, useStoreOptions) {
+		const form = this.useForm();
+		this.useFormState((form$1) => [form$1.getField(path).value, form$1.original], useStoreOptions);
+		return form.getField(path);
+	}
+	Form({ original, defaultValue, validations, localizeError, autoSave, transform, validatedClass,...formProps }) {
+		const options = {
+			defaultValue: {
+				...this.options.defaultValue,
+				...defaultValue
+			},
+			validations: {
+				...this.options.validations,
+				...validations
+			},
+			localizeError: localizeError ?? this.options.localizeError,
+			autoSave: autoSave ?? this.options.autoSave,
+			transform: transform ?? this.options.transform,
+			validatedClass: validatedClass ?? this.options.validatedClass
+		};
+		const formState = (0, react.useMemo)(() => {
+			return require_store.createStore({
+				draft: void 0,
+				hasTriggeredValidations: false,
+				saveScheduled: false,
+				saveInProgress: false
+			});
+		}, []);
+		let lastDraft;
+		const cache = /* @__PURE__ */ new Map();
+		function lazy(key, fn) {
+			if (lastDraft !== formState.get().draft) {
+				cache.clear();
+				lastDraft = formState.get().draft;
+			}
+			let value = cache.get(key);
+			if (!cache.has(key)) {
+				value = fn();
+				cache.set(key, value);
+			}
+			return value;
+		}
+		const context = {
+			formState,
+			options,
+			original,
+			getField() {
+				throw new Error("Not implemented");
+			},
+			getDraft() {
+				return formState.get().draft ?? original ?? options.defaultValue;
+			},
+			hasTriggeredValidations() {
+				return formState.get().hasTriggeredValidations;
+			},
+			saveScheduled() {
+				return formState.get().saveScheduled;
+			},
+			saveInProgress() {
+				return formState.get().saveInProgress;
+			},
+			hasChanges() {
+				return lazy("hasChanges", () => !require_propAccess.deepEqual(this.getDraft(), original ?? options.defaultValue));
+			},
+			getErrors() {
+				return lazy("getErrors", () => getErrors(this.getDraft(), original, options.validations));
+			},
+			isValid() {
+				return lazy("isValid", () => this.getErrors().size === 0);
+			},
+			validate() {
+				formState.set("hasTriggeredValidations", true);
+				return this.isValid();
+			},
+			reset() {
+				formState.set("draft", void 0);
+				formState.set("hasTriggeredValidations", false);
+			}
+		};
+		context.getField = (path) => lazy(path, () => getField(context, path));
+		useFormAutosave(context);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(this.context.Provider, {
+			value: context,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormContainer, {
+				...formProps,
+				form: this
+			})
+		});
+	}
+	FormState({ selector, children }) {
+		const selectedState = this.useFormState(selector);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children(selectedState) });
+	}
+	Field(props) {
+		return Reflect.apply(FormField, this, [{
+			component: "input",
+			...props
+		}]);
+	}
+	ForEach(props) {
+		return Reflect.apply(FormForEach, this, [props]);
+	}
+	withForm(Component, formProps) {
+		const { Form: Form$1 } = this;
+		return function FormWrapper(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Form$1, {
+				...formProps,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { ...props })
+			});
+		};
+	}
+};
+function createForm(options) {
+	return new Form(options);
+}
+
+//#endregion
+//#region src/react/url/urlContext.tsx
+const UrlContext = (0, react.createContext)(void 0);
+function UrlProvider({ children,...props }) {
+	const location = "location" in props ? props.location : props.locationHook();
+	const navigate = "navigate" in props ? props.navigate : props.navigateHook();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UrlContext.Provider, {
+		value: {
+			location,
+			navigate
+		},
+		children
+	});
+}
+function useUrlContext() {
+	const context = (0, react.useContext)(UrlContext);
+	if (!context) throw new Error("useUrlContext must be used within a UrlContextProvider");
+	return context;
+}
+
+//#endregion
+//#region src/react/url/urlOptions.ts
+function createUrlOptions(options) {
+	return {
+		...options,
+		defaultValue: options.defaultValue
+	};
+}
+
+//#endregion
+//#region src/react/url/urlHelpers.ts
+function defaultDeserializer(value) {
+	if (value === void 0) return void 0;
+	try {
+		return require_extendedJson.fromExtendedJsonString(value);
+	} catch {
+		return void 0;
+	}
+}
+function defaultSerializer(value) {
+	return require_extendedJson.toExtendedJsonString(value);
+}
+function parseLocation(location) {
+	if (typeof location !== "string") location = `${location.pathname}${location.search}${location.hash}`;
+	return new URL(location, window.location.origin);
+}
+function createStorageKey(id, key) {
+	return `cross-state:url:${id}:${key}`;
+}
+
+//#endregion
+//#region src/react/url/useUrlParam.ts
+function useUrlParam(input) {
+	const { key, type = "hash", serialize = defaultSerializer, deserialize = defaultDeserializer, defaultValue, writeDefaultValue, onCommit, persist } = "options" in input ? input.options : input;
+	const { location, navigate } = useUrlContext();
+	const url = parseLocation(location);
+	const params = new URLSearchParams(url[type].slice(1));
+	const urlValue = params.get(key);
+	const storageKey = persist && createStorageKey(persist.id, key);
+	const storageValue = storageKey ? localStorage.getItem(storageKey) : null;
+	const value = (0, react.useMemo)(() => urlValue !== null ? deserialize(urlValue) : storageValue !== null ? deserialize(storageValue) : defaultValue, [urlValue]);
+	function commit(value$1) {
+		const serializedValue = serialize(value$1);
+		navigate((location$1) => {
+			const url$1 = parseLocation(location$1);
+			const params$1 = new URLSearchParams(url$1[type].slice(1));
+			if (!writeDefaultValue && serializedValue === serialize(defaultValue)) params$1.delete(key);
+			else params$1.set(key, serializedValue);
+			url$1[type] = params$1.toString();
+			return url$1.toString().replace(window.location.origin, "");
+		});
+		if (storageKey) localStorage.setItem(storageKey, serializedValue);
+		onCommit?.(value$1);
+	}
+	function update(update$1) {
+		if (update$1 instanceof Function) update$1 = update$1(value);
+		commit(update$1);
+	}
+	(0, react.useEffect)(() => {
+		if (urlValue !== null) commit(deserialize(urlValue));
+	}, [urlValue]);
+	(0, react.useEffect)(() => {
+		if (urlValue === null && storageValue !== null) commit(deserialize(storageValue));
+		else if (urlValue === null && writeDefaultValue) commit(defaultValue);
+	}, []);
+	return [value, update];
+}
+
+//#endregion
+//#region src/react/url/urlStore.ts
+var UrlStore = class {
+	constructor(options) {
+		this.options = options;
+	}
+	useStore() {
+		return useUrlParam(this)[0];
+	}
+	useProp() {
+		return useUrlParam(this);
+	}
+};
+function createUrlStore(options) {
+	return new UrlStore(createUrlOptions(options));
+}
+
+//#endregion
+//#region src/react/useDecoupledState.ts
+function useDecoupledState(value, onChange, options = {}) {
+	const [dirty, setDirty] = (0, react.useState)();
+	const ref = (0, react.useRef)({
+		onChange,
+		onCommit: options.onCommit
+	});
+	(0, react.useEffect)(() => {
+		ref.current = {
+			onChange,
+			onCommit: options.onCommit
+		};
+	}, [onChange]);
+	const update = (0, react.useMemo)(() => {
+		const { onChange: onChange$1, onCommit } = ref.current;
+		const update$1 = (value$1) => {
+			onChange$1(value$1);
+			setDirty(void 0);
+			onCommit?.(value$1);
+		};
+		let delayedUpdate;
+		if (options.debounce) delayedUpdate = require_store.debounce(update$1, options.debounce);
+		else if (options.throttle) delayedUpdate = require_store.throttle(update$1, options.throttle);
+		else delayedUpdate = (value$1) => (0, react.startTransition)(() => update$1(value$1));
+		return (value$1) => {
+			setDirty({ v: value$1 });
+			delayedUpdate(value$1);
+		};
+	}, [require_hash.simpleHash([options.debounce, options.throttle])]);
+	return [dirty ? dirty.v : value, update];
+}
+
+//#endregion
+exports.CustomInput = CustomInput;
+exports.Form = Form;
+exports.LoadingBoundary = require_storeMethods.LoadingBoundary;
+exports.ScopeProvider = require_storeMethods.ScopeProvider;
+exports.UrlContext = UrlContext;
+exports.UrlProvider = UrlProvider;
+exports.cacheMethods = require_storeMethods.cacheMethods;
+exports.createForm = createForm;
+exports.createUrlOptions = createUrlOptions;
+exports.createUrlStore = createUrlStore;
+exports.scopeMethods = require_storeMethods.scopeMethods;
+exports.storeMethods = require_storeMethods.storeMethods;
+exports.useCache = require_storeMethods.useCache;
+exports.useDecoupledState = useDecoupledState;
+exports.useLoadingBoundary = require_storeMethods.useLoadingBoundary;
+exports.useProp = require_storeMethods.useProp;
+exports.useScope = require_storeMethods.useScope;
+exports.useStore = require_storeMethods.useStore;
+exports.useUrlContext = useUrlContext;
+exports.useUrlParam = useUrlParam;
+//# sourceMappingURL=index.cjs.map