cross-state 1.0.1 → 1.1.1

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["matches: Record<KeyType, any>","value","form","name","errors","options: FormOptions<TDraft, TOriginal>","form","lastDraft: TDraft | undefined","context: FormContext<TDraft, TOriginal>","transform","Form","Component","urlStore: Store<string>","urlOptions: Required<UrlOptions<T>>","path: any","update: Update<any>","update","value","delayedUpdate: (value: T) => void"],"sources":["../../src/react/form/customInput.tsx","../../src/lib/wildcardMatch.ts","../../src/react/form/formField.tsx","../../src/react/form/formForEach.tsx","../../src/react/form/useFormAutosave.ts","../../src/react/form/form.tsx","../../src/lib/castArray.ts","../../src/react/url/urlHelpers.ts","../../src/react/url/urlOptions.ts","../../src/react/url/urlParamStore.ts","../../src/react/useDecoupledState.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string;\n  children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps): React.JSX.Element {\n  return (\n    <div\n      {...props}\n      style={{\n        position: 'relative',\n        ...props.style,\n      }}\n    >\n      {children}\n\n      <input\n        name={name}\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          opacity: 0,\n          width: '100%',\n          height: '100%',\n          pointerEvents: 'none',\n        }}\n      />\n    </div>\n  );\n}\n","import { isObject } from '@lib/helpers';\nimport { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n  if (typeof s === 'string') {\n    s = castArrayPath(s);\n  }\n\n  if (typeof w === 'string') {\n    w = castArrayPath(w);\n  }\n\n  return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n  object: any,\n  path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n  const matches: Record<KeyType, any> = {};\n  const [first, second, ...rest] = castArrayPath(path);\n\n  if (first === undefined) {\n    throw new Error('Path is empty');\n  }\n\n  if (!Array.isArray(object) && !isObject(object)) {\n    object = {};\n  }\n\n  for (const [key, value] of first !== '*' ? [[first, object[first]]] : Object.entries(object)) {\n    if (first !== '*' && first !== key) {\n      continue;\n    }\n\n    if (second === undefined) {\n      matches[key] = value;\n      continue;\n    }\n\n    for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n      matches[`${key}.${subKey}`] = subValue;\n    }\n  }\n\n  return matches;\n}\n","import { type PathAsString, type Value } from '@lib/path';\nimport {\n  createElement,\n  useEffect,\n  useState,\n  type Component,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport {\n  getDerivedState,\n  type Field,\n  type Form,\n  type FormContext,\n  type FormInstance,\n} from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n  name: TPath;\n  value: TValue;\n  onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n  onBlur: (...args: any[]) => void;\n}\n\nexport type FormFieldInfos<TDraft, TOriginal, TPath extends string> = Field<\n  TDraft,\n  TOriginal,\n  TPath\n> & {\n  hasTriggeredValidations: boolean;\n};\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n  | (new (props: P, context?: any) => Component<P, any>)\n  | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> =\n  ComponentPropsWithoutRef<T> extends {\n    onChange?: (update: infer U) => void;\n  }\n    ? U extends { target: { value: infer V } }\n      ? V\n      : U\n    : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TPath, TDraft> = {\n  name: TPath & PathAsString<TDraft>;\n  commitOnBlur?: boolean;\n  commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TOriginal, TPath extends string> = FormFieldProps<\n  TPath,\n  TDraft\n> &\n  NoInfer<{\n    component?: undefined;\n    render: (\n      props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>,\n      info: FormFieldInfos<TDraft, TOriginal, TPath>,\n      form: FormContext<TDraft, TOriginal>,\n    ) => ReactNode;\n    inputFilter?: undefined;\n    defaultValue?: undefined;\n    serialize?: undefined;\n    deserialize?: undefined;\n    onChange?: undefined;\n    onBlur?: undefined;\n  }>;\n\ntype Serialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n  value: Value<TDraft, TPath>,\n  formState: FormInstance<TDraft, TOriginal>,\n) => FieldValue<TComponent>;\n\ntype Deserialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n  value: FieldChangeValue<TComponent>,\n  formState: FormInstance<TDraft, TOriginal>,\n) => Value<TDraft, TPath>;\n\nexport type FormFieldPropsWithComponent<\n  TDraft,\n  TOriginal,\n  TPath extends string,\n  TComponent extends FormFieldComponent,\n> = FormFieldProps<TPath, TDraft> & {\n  component?: TComponent;\n  render?: undefined;\n} & NoInfer<\n    {\n      inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n    } & MakeOptional<\n      Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n      'onChange' | 'onBlur'\n    > &\n      (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n        ? {\n            defaultValue?: FieldValue<TComponent>;\n            serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n          }\n        : Value<TDraft, TPath> extends FieldValue<TComponent>\n          ?\n              | {\n                  defaultValue: FieldValue<TComponent>;\n                  serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n                }\n              | {\n                  defaultValue?: FieldValue<TComponent>;\n                  serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n                }\n          : {\n              serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n            }) &\n      (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n        ? {\n            deserialize?: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n          }\n        : {\n            deserialize: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n          })\n  >;\n\nexport function FormField<\n  TDraft,\n  TOriginal,\n  TPath extends string,\n  TComponent extends FormFieldComponent,\n>(\n  this: Form<TDraft, any>,\n  {\n    // id,\n    name = '' as any,\n    component,\n    commitOnBlur,\n    commitDebounce,\n    render,\n    inputFilter,\n    defaultValue,\n    serialize,\n    deserialize = (x) => x as Value<TDraft, TPath>,\n    onChange,\n    onBlur,\n    ...restProps\n  }:\n    | FormFieldPropsWithRender<TDraft, TOriginal, TPath>\n    | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n): React.JSX.Element | null {\n  type T = FieldChangeValue<TComponent>;\n\n  const form = this.useForm();\n  const getFormState = () => ({ ...form, ...getDerivedState(form) });\n  const [localValue, setLocalValue] = useState<T>();\n\n  const value = this.useFormState((form) => {\n    const value = form.getField(name as any).value;\n    if (serialize) {\n      return serialize(value as any, getFormState());\n    }\n    if (value !== undefined) {\n      return value;\n    }\n    return defaultValue;\n  });\n\n  const setValue = (x: FieldChangeValue<TComponent>) =>\n    form.getField(name as any).setValue(deserialize(x, getFormState()));\n\n  const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);\n\n  useEffect(() => {\n    if (localValue === undefined || !commitDebounce) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setValue(localValue);\n      setLocalValue(undefined);\n    }, commitDebounce);\n\n    return () => clearTimeout(timeout);\n  }, [localValue, commitDebounce]);\n\n  const props = {\n    name,\n    value: localValue ?? value,\n    onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n      const value =\n        typeof event === 'object' && event !== null && 'target' in event\n          ? event.target.value\n          : event;\n\n      if (inputFilter && !inputFilter(value)) {\n        return;\n      }\n\n      if (commitOnBlur || commitDebounce) {\n        setLocalValue(value);\n      } else {\n        setValue(value);\n      }\n\n      onChange?.(event, ...moreArgs);\n    },\n    onBlur(...args: any[]) {\n      if (localValue !== undefined) {\n        setValue(localValue);\n        setLocalValue(undefined);\n      }\n\n      onBlur?.(...args);\n    },\n  } as FormFieldComponentProps<Value<TDraft, TPath>, TPath>;\n\n  if (render) {\n    return (\n      <>\n        {render(props, { ...form.getField(name as any), hasTriggeredValidations } as any, form) ??\n          null}\n      </>\n    );\n  }\n\n  if (component) {\n    return createElement(component, { ...restProps, ...props });\n  }\n\n  return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ElementName<TDraft, TPath extends string> = keyof {\n  [Path in TPath as Join<Path, GetKeys<NonNullable<Value<TDraft, Path>>> & (string | number)>]: 1;\n};\n\nexport interface FormForEachProps<TDraft, TPath extends string> {\n  name: TPath & PathAsString<TDraft>;\n  renderElement?: (props: {\n    name: ElementName<TDraft, TPath>;\n    key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n    index: number;\n    remove: () => void;\n  }) => ReactNode;\n  children?: (\n    props: {\n      setValue: (\n        value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n      ) => void;\n    } & FieldHelperMethods<TDraft, TPath>,\n  ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends string>(\n  this: Form<TDraft, any>,\n  { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): React.JSX.Element {\n  const form = this.useForm();\n\n  const names = this.useFormState(() => {\n    const field = form.getField(name as any) as any;\n    return field.names as any[];\n  });\n\n  const add = useCallback(\n    (...args: any[]) => {\n      const field = form.getField(name as any) as any;\n      field.add(...args);\n    },\n    [form, name],\n  );\n\n  const remove = useCallback(\n    (key: any) => {\n      const field = form.getField(name as any) as any;\n      field.remove(key);\n    },\n    [form, name],\n  );\n\n  const setValue = useCallback(\n    (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n      const field = form.getField(name as any) as any;\n      field.setValue(value);\n    },\n    [form, name],\n  );\n\n  return (\n    <>\n      {renderElement &&\n        names.map((name, index) => {\n          const key = name.split('.').pop();\n\n          return (\n            <Fragment key={key}>\n              {renderElement({\n                name,\n                key,\n                index,\n                remove: () => remove(key),\n              })}\n            </Fragment>\n          );\n        })}\n\n      {children?.({\n        names,\n        add,\n        remove,\n        setValue,\n      } as any)}\n    </>\n  );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { deepEqual } from '@lib/equals';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { queue } from '@lib/queue';\nimport useLatestRef from '@react/lib/useLatestRef';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { FormContext } from './form';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n  save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n  debounce?: Duration;\n  resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n  form: FormContext<TDraft, TOriginal>,\n): void {\n  const debounceTime = calcDuration(form.options.autoSave?.debounce ?? 2_000);\n  const latestRef = useLatestRef(form);\n  const lastValue = useRef<TDraft | undefined>(undefined);\n  const q = useMemo(() => queue(), []);\n\n  const run = useMemo(\n    () =>\n      debounce(async () => {\n        const save = latestRef.current.options.autoSave?.save;\n        const draft = latestRef.current.getDraft();\n\n        lastValue.current = draft;\n\n        q.clear();\n\n        q(async () => {\n          try {\n            latestRef.current.formState.set('saveInProgress', true);\n            await save?.(draft, latestRef.current);\n\n            if (q.size === 0 && latestRef.current.options.autoSave?.resetAfterSave) {\n              latestRef.current.reset();\n            }\n          } finally {\n            latestRef.current.formState.set('saveInProgress', false);\n\n            if (q.size === 0) {\n              latestRef.current.formState.set('saveScheduled', false);\n            }\n          }\n        });\n      }, debounceTime),\n    [latestRef, debounceTime, q],\n  );\n\n  useEffect(() => {\n    if (!latestRef.current.options.autoSave?.save) {\n      return;\n    }\n\n    return latestRef.current.formState\n      .map((state) => state.draft)\n      .subscribe(\n        () => {\n          if (deepEqual(latestRef.current.getDraft(), lastValue.current)) {\n            return;\n          }\n\n          run();\n          latestRef.current.formState.set('saveScheduled', true);\n        },\n        { runNow: false },\n      );\n  }, [latestRef, run]);\n}\n","import { createStore, type Store, type Update } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { isObject } from '@lib/helpers';\nimport {\n  type PathAsString,\n  type Value,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get, join, set } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport useLatestFunction from '@react/lib/useLatestFunction';\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type Context,\n  type FormEvent,\n  type FunctionComponent,\n  type HTMLProps,\n  type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n  FormField,\n  type FormFieldComponent,\n  type FormFieldPropsWithComponent,\n  type FormFieldPropsWithRender,\n} from './formField';\nimport { FormForEach, type ElementName, type FormForEachProps } from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport interface Transform<TDraft> {\n  (value: TDraft, store: Store<TDraft>): void | TDraft;\n}\n\nexport interface FormOptions<TDraft, TOriginal> {\n  defaultValue: TDraft;\n  validations?: Validations<TDraft, TOriginal>;\n  localizeError?: (error: string, field: string) => string | undefined;\n  autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n  transform?: Transform<TDraft>;\n  validatedClass?: string;\n}\n\nexport type Validations<TDraft, TOriginal> = {\n  [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n  value: WildcardValue<TDraft, TPath>,\n  context: {\n    draft: TDraft;\n    original: TOriginal;\n    field: PathAsString<TDraft> | '';\n  },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends string> = {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (value: Update<Value<TDraft, TPath>>) => void;\n  removeValue: () => void;\n  hasChange: boolean;\n  errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends string> = {\n  names: ElementName<TDraft, TPath>[];\n  add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n    ? (element: T) => void\n    : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n      ? (key: K, value: V) => void\n      : never;\n  remove: Value<TDraft, TPath> extends readonly any[]\n    ? (index: number) => void\n    : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n  draft: TDraft | undefined;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n  draft: TDraft;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n  hasChanges: boolean;\n  errors: Map<string, string[]>;\n  isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n  formState: Store<FormState<TDraft>>;\n  options: FormOptions<TDraft, TOriginal>;\n  original: TOriginal | undefined;\n  getField: <TPath extends string>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n  getDraft: () => TDraft;\n  hasTriggeredValidations: () => boolean;\n  saveScheduled: () => boolean;\n  saveInProgress: () => boolean;\n  hasChanges: () => boolean;\n  getErrors: () => Map<string, string[]>;\n  isValid: () => boolean;\n  validate: () => boolean;\n  reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n  extends FormDerivedState<TDraft>,\n    Pick<\n      FormContext<TDraft, TOriginal>,\n      'options' | 'original' | 'getField' | 'validate' | 'reset'\n    > {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n  form,\n  ...formProps\n}: {\n  form: Form<any, any>;\n  onSubmit?: (\n    event: FormEvent<HTMLFormElement>,\n    form: FormInstance<any, any>,\n  ) => void | Promise<void>;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n  const formInstance = form.useForm();\n  const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n  const formRef = useRef<HTMLFormElement>(null);\n\n  const updateValidity = useLatestFunction(\n    (errors: Map<string, string[]>, buttonElement?: HTMLButtonElement) => {\n      const formElement = formRef.current;\n      if (!formElement) {\n        return;\n      }\n\n      const localizedErrors = new Map(\n        [...errors.entries()].map(\n          ([field, errors]) =>\n            [\n              field,\n              errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n            ] as const,\n        ),\n      );\n\n      for (const element of Array.from(formElement.elements)) {\n        if ('name' in element && 'setCustomValidity' in element) {\n          (element as HTMLObjectElement).setCustomValidity(\n            localizedErrors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n          );\n        }\n      }\n\n      if (buttonElement && 'setCustomValidity' in buttonElement) {\n        const errorString = [...errors.values()].flat().join('\\n');\n\n        buttonElement.setCustomValidity(errorString);\n      }\n    },\n  );\n\n  useEffect(() => {\n    return formInstance.formState\n      .map(() => formInstance.getErrors())\n      .subscribe((errors) => updateValidity(errors));\n  }, [formInstance, updateValidity]);\n\n  return (\n    <form\n      ref={formRef}\n      noValidate\n      {...formProps}\n      className={[\n        formProps.className,\n        hasTriggeredValidations ? (formInstance.options.validatedClass ?? 'validated') : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onSubmit={async (event) => {\n        if (formInstance.saveInProgress()) {\n          return;\n        }\n\n        try {\n          formInstance.formState.set('saveInProgress', true);\n          event.preventDefault();\n\n          const formElement = event.currentTarget;\n          const buttonElement =\n            event.nativeEvent instanceof SubmitEvent &&\n            event.nativeEvent.submitter instanceof HTMLButtonElement\n              ? event.nativeEvent.submitter\n              : undefined;\n\n          updateValidity(formInstance.getErrors(), buttonElement);\n\n          formElement.reportValidity();\n\n          const isValid = formInstance.validate();\n          if (isValid) {\n            await formProps.onSubmit?.(event, {\n              ...formInstance,\n              ...getDerivedState(formInstance),\n            });\n          }\n        } finally {\n          formInstance.formState.set('saveInProgress', false);\n        }\n      }}\n    />\n  );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends string>(\n  form: FormContext<TDraft, TOriginal>,\n  path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n  const field = {\n    get originalValue() {\n      return form.original !== undefined ? get(form.original as any, path as any) : undefined;\n    },\n\n    get value() {\n      const draft = form.getDraft();\n      return get(draft ?? form.original ?? form.options.defaultValue, path as any);\n    },\n\n    setValue(update: Update<Value<TDraft, TPath>>) {\n      form.formState.set('draft', (draft = form.original ?? form.options.defaultValue) => {\n        if (update instanceof Function) {\n          update = update(get(draft, path as any) as Value<TDraft, TPath>);\n        }\n\n        return set(draft, path as any, update as any);\n      });\n    },\n\n    get hasChange() {\n      return !deepEqual(this.originalValue, this.value, { undefinedEqualsAbsent: true });\n    },\n\n    get errors() {\n      const errors = form.getErrors();\n      return errors.get(path) ?? [];\n    },\n\n    get names(): any {\n      const { value } = this;\n\n      if (Array.isArray(value)) {\n        return value.map((_, index) => join(path, String(index)));\n      }\n\n      if (isObject(value)) {\n        return Object.keys(value).map((key) => join(path, key));\n      }\n\n      return [];\n    },\n\n    add(...args: any[]) {\n      this.setValue((value): any => {\n        if (!value) {\n          throw new Error(`Cannot add element to ${JSON.stringify(value)}`);\n        }\n\n        if (Array.isArray(value)) {\n          return [...(value ?? []), args[0]];\n        }\n\n        if (isObject(value)) {\n          return {\n            ...value,\n            [args[0]]: args[1],\n          };\n        }\n\n        throw new Error(`Cannot add element to ${JSON.stringify(value)}`);\n      });\n    },\n\n    remove(key: string | number) {\n      this.setValue((value): any => {\n        if (!value) {\n          throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);\n        }\n\n        if (Array.isArray(value)) {\n          return value.filter((_, index) => index !== Number(key));\n        }\n\n        if (isObject(value)) {\n          const { [key]: _, ...rest } = value as Record<string | number, unknown>;\n          return rest;\n        }\n\n        throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);\n      });\n    },\n  };\n\n  return field as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n  draft: TDraft,\n  original: TOriginal | undefined,\n  validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n  const errors = new Map<string, string[]>();\n\n  for (const [path, block] of Object.entries(validations ?? {})) {\n    for (const [validationName, validate] of Object.entries(\n      block as Record<string, Validation<any, any, any>>,\n    )) {\n      let matched = false;\n\n      for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n        matched = true;\n        if (!validate(value, { draft, original, field })) {\n          const fieldErrors = errors.get(field) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(field, fieldErrors);\n        }\n      }\n\n      if (!matched && !path.includes('*')) {\n        if (!validate(undefined, { draft, original, field: path })) {\n          const fieldErrors = errors.get(path) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(path, fieldErrors);\n        }\n      }\n    }\n  }\n\n  return errors;\n}\n\nexport function getDerivedState<TDraft>(\n  instance: FormContext<TDraft, any>,\n): FormDerivedState<TDraft> {\n  return {\n    draft: instance.getDraft(),\n    hasTriggeredValidations: instance.hasTriggeredValidations(),\n    saveScheduled: instance.saveScheduled(),\n    saveInProgress: instance.saveInProgress(),\n    hasChanges: instance.hasChanges(),\n    errors: instance.getErrors(),\n    isValid: instance.isValid(),\n  };\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n  context: Context<FormContext<TDraft, TOriginal> | null> = createContext<FormContext<\n    TDraft,\n    TOriginal\n  > | null>(null);\n\n  constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n    autobind(Form);\n  }\n\n  useForm(): FormContext<TDraft, TOriginal> {\n    const context = useContext(this.context);\n\n    if (!context) {\n      throw new Error('Form context not found');\n    }\n\n    return context;\n  }\n\n  useFormState<S>(\n    selector: (state: FormInstance<TDraft, TOriginal>) => S,\n    useStoreOptions?: UseStoreOptions<S>,\n  ): S {\n    const form = this.useForm();\n\n    return useStore(\n      form.formState,\n      () =>\n        selector({\n          ...form,\n          ...getDerivedState(form),\n        }),\n\n      useStoreOptions,\n    );\n  }\n\n  useField<TPath extends string>(\n    path: TPath,\n    useStoreOptions?: UseStoreOptions<any>,\n  ): Field<TDraft, TOriginal, TPath> {\n    const form = this.useForm();\n    this.useFormState((form) => [form.getField(path).value, form.original], useStoreOptions);\n    return form.getField(path);\n  }\n\n  // ///////////////////////////////////////////////////////////////////////////\n  // React Components\n  // ///////////////////////////////////////////////////////////////////////////\n\n  Form({\n    original,\n    defaultValue,\n    validations,\n    localizeError,\n    autoSave,\n    transform,\n    validatedClass,\n    ...formProps\n  }: {\n    original?: TOriginal;\n    onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n  } & Partial<FormOptions<TDraft, TOriginal>> &\n    Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>): React.JSX.Element {\n    const options: FormOptions<TDraft, TOriginal> = {\n      defaultValue: { ...this.options.defaultValue, ...defaultValue },\n      validations: { ...this.options.validations, ...validations } as Validations<\n        TDraft,\n        TOriginal\n      >,\n      localizeError: localizeError ?? this.options.localizeError,\n      autoSave: autoSave ?? this.options.autoSave,\n      transform: transform ?? this.options.transform,\n      validatedClass: validatedClass ?? this.options.validatedClass,\n    };\n\n    const formState = useMemo(() => {\n      return createStore<FormState<TDraft>>({\n        draft: undefined,\n        hasTriggeredValidations: false,\n        saveScheduled: false,\n        saveInProgress: false,\n      });\n    }, []);\n\n    let lastDraft: TDraft | undefined;\n    const cache = new Map<string, unknown>();\n    function lazy<T>(key: string, fn: () => T): T {\n      if (lastDraft !== formState.get().draft) {\n        cache.clear();\n        lastDraft = formState.get().draft;\n      }\n\n      let value = cache.get(key);\n      if (!cache.has(key)) {\n        value = fn();\n        cache.set(key, value);\n      }\n\n      return value as T;\n    }\n\n    const context: FormContext<TDraft, TOriginal> = {\n      formState,\n      options,\n      original,\n\n      getField() {\n        throw new Error('Not implemented');\n      },\n\n      getDraft() {\n        return formState.get().draft ?? original ?? options.defaultValue;\n      },\n\n      hasTriggeredValidations() {\n        return formState.get().hasTriggeredValidations;\n      },\n\n      saveScheduled() {\n        return formState.get().saveScheduled;\n      },\n\n      saveInProgress() {\n        return formState.get().saveInProgress;\n      },\n\n      hasChanges() {\n        return lazy(\n          'hasChanges',\n          () =>\n            !deepEqual(this.getDraft(), original ?? options.defaultValue, {\n              undefinedEqualsAbsent: true,\n            }),\n        );\n      },\n\n      getErrors() {\n        return lazy('getErrors', () => getErrors(this.getDraft(), original, options.validations));\n      },\n\n      isValid() {\n        return lazy('isValid', () => this.getErrors().size === 0);\n      },\n\n      validate() {\n        formState.set('hasTriggeredValidations', true);\n        return this.isValid();\n      },\n\n      reset() {\n        formState.set('draft', undefined);\n        formState.set('hasTriggeredValidations', false);\n      },\n    };\n\n    context.getField = (path) => lazy(path, () => getField(context, path));\n\n    useEffect(() => {\n      const transform = options.transform;\n      if (!transform) {\n        return;\n      }\n\n      const store = formState.map(\n        (state) => state.draft ?? original ?? options.defaultValue,\n        (draft) => (state) => ({ ...state, draft }),\n      );\n\n      return store.subscribe((value) => {\n        const result = transform(value, store);\n\n        if (result !== undefined && !deepEqual(result, value)) {\n          store.set(result);\n        }\n      });\n    }, [original, options.defaultValue, options.transform, formState]);\n\n    useFormAutosave(context);\n\n    return (\n      <this.context.Provider value={context}>\n        <FormContainer {...formProps} form={this} />\n      </this.context.Provider>\n    );\n  }\n\n  FormState<S>({\n    selector,\n    children,\n  }: {\n    selector: (form: FormInstance<TDraft, TOriginal>) => S;\n    children: (selectedState: S) => ReactNode;\n  }): React.JSX.Element {\n    const selectedState = this.useFormState(selector);\n    return <>{children(selectedState)}</>;\n  }\n\n  Field<const TPath extends string>(\n    props: FormFieldPropsWithRender<TDraft, TOriginal, TPath>,\n  ): React.JSX.Element;\n\n  Field<const TPath extends string, const TComponent extends FormFieldComponent = 'input'>(\n    props: FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n  ): React.JSX.Element;\n\n  Field(props: any): React.JSX.Element {\n    return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n  }\n\n  ForEach<const TPath extends string>(props: FormForEachProps<TDraft, TPath>): React.JSX.Element {\n    return Reflect.apply(FormForEach, this, [props]);\n  }\n\n  withForm<TProps extends Record<string, unknown>>(\n    Component: React.ComponentType<TProps>,\n    formProps?: Parameters<this['Form']>[0],\n  ): FunctionComponent<TProps> {\n    const { Form } = this;\n    return function FormWrapper(props: TProps) {\n      return (\n        <Form {...formProps}>\n          <Component {...props} />\n        </Form>\n      );\n    };\n  }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n  options: FormOptions<TDraft, TOriginal>,\n): Form<TDraft, TOriginal> {\n  return new Form(options);\n}\n","export function castArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n","import { fromExtendedJsonString, toExtendedJsonString } from '@lib/extendedJson';\n\nexport function defaultDeserializer<T>(value: string): T {\n  if (value === undefined) {\n    return undefined as T;\n  }\n\n  try {\n    return fromExtendedJsonString(value) as T;\n  } catch {\n    return undefined as T;\n  }\n}\n\nexport function defaultSerializer<T>(value: T): string {\n  return toExtendedJsonString(value);\n}\n\nexport function normalizePath<T>(path: string | T): string | T {\n  if (typeof path === 'string') {\n    return path.replace(/^\\//g, '').replace(/\\/$/g, '');\n  }\n  return path;\n}\n","import { castArray } from '@lib/castArray';\nimport { defaultDeserializer, defaultSerializer, normalizePath } from '@react/url/urlHelpers';\n\nexport interface UrlOptions<T> {\n  key: string;\n  type?: 'search' | 'hash';\n  serialize?: (value: T) => string;\n  deserialize?: (value: string) => T;\n  defaultValue: T;\n  writeDefaultValue?: boolean;\n  onCommit?: (value: T) => void;\n  persist?: { id: string } | null;\n  path?: string | RegExp | (string | RegExp)[] | null;\n}\n\nexport interface UrlOptionsWithoutDefaults<T>\n  extends Omit<UrlOptions<T | undefined>, 'defaultValue'> {\n  defaultValue?: T | undefined;\n}\n\nexport function createUrlOptions<T>(options: UrlOptions<T>): Required<UrlOptions<T>>;\nexport function createUrlOptions<T>(\n  options: UrlOptionsWithoutDefaults<T>,\n): Required<UrlOptions<T | undefined>>;\nexport function createUrlOptions<T>({\n  key,\n  type = 'hash',\n  serialize = defaultSerializer,\n  deserialize = defaultDeserializer,\n  defaultValue = undefined as T,\n  writeDefaultValue = false,\n  onCommit = () => undefined,\n  persist = null,\n  path = null,\n}: UrlOptionsWithoutDefaults<T>): Required<UrlOptionsWithoutDefaults<T>> {\n  return {\n    key,\n    type,\n    serialize,\n    deserialize,\n    defaultValue,\n    writeDefaultValue,\n    onCommit,\n    persist,\n    path: path === null ? null : castArray(path).map(normalizePath),\n  };\n}\n","import { createStore, Store, type Update } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { castArray } from '@lib/castArray';\nimport type { Constrain } from '@lib/constrain';\nimport type { Path, Value } from '@lib/path';\nimport { get, set } from '@lib/propAccess';\nimport { normalizePath } from '@react/url/urlHelpers';\nimport {\n  createUrlOptions,\n  type UrlOptions,\n  type UrlOptionsWithoutDefaults,\n} from '@react/url/urlOptions';\n\nexport const urlStore: Store<string> = createStore(() => window.location.href, {\n  cacheValue: false,\n  effect() {\n    const update = () => {\n      if (window.location.href !== this.calculatedValue?.value) {\n        this.invalidate();\n      }\n    };\n\n    const interval = setInterval(update, 1);\n    window.addEventListener('popstate', update);\n\n    return () => {\n      clearInterval(interval);\n      window.removeEventListener('popstate', update);\n    };\n  },\n});\n\nexport class UrlParamStore<T> extends Store<T> {\n  readonly storageKey: string | null;\n  private lastHref?: string;\n  private lastStorageValue?: string | null;\n  private lastValue?: T;\n\n  constructor(public readonly urlOptions: Required<UrlOptions<T>>) {\n    super(() => this.calc(), { cacheValue: false });\n    autobind(UrlParamStore);\n\n    this.storageKey =\n      urlOptions.persist && `cross-state:url:${urlOptions.persist.id}:${urlOptions.key}`;\n    this.addEffect(this.watch);\n  }\n\n  private watch() {\n    let isActive = false;\n    let urlValue = this.getUrlValue();\n    let storageValue = this.getStorageValue();\n\n    const update = () => {\n      const oldIsActive = isActive;\n      isActive = this.isPathActive();\n      const oldUrlValue = urlValue;\n      urlValue = this.getUrlValue();\n      const oldStorageValue = storageValue;\n      storageValue = this.getStorageValue();\n\n      // If inactive => ignore changes\n      if (!isActive) {\n        return;\n      }\n\n      // No changes => ignore\n      if (\n        isActive === oldIsActive &&\n        urlValue === oldUrlValue &&\n        storageValue === oldStorageValue\n      ) {\n        return;\n      }\n\n      if (!oldIsActive) {\n        // Became active =>\n        // - if url has value => update storage\n        // - else if storage has value or writeDefaultValue => update url\n        if (urlValue !== null) {\n          this.updateStorage(this.urlOptions.deserialize(urlValue));\n        } else if (storageValue !== null) {\n          this.updateUrl(this.urlOptions.deserialize(storageValue));\n        } else if (this.urlOptions.writeDefaultValue) {\n          this.updateUrl(this.urlOptions.defaultValue);\n        }\n      } else if (urlValue !== oldUrlValue) {\n        // Url change while active =>\n        // - if url has no value and writeDefaultValue => update url\n        // - update storage\n        if (urlValue === null && this.urlOptions.writeDefaultValue) {\n          this.updateUrl(this.urlOptions.defaultValue);\n        }\n\n        this.updateStorage(\n          urlValue !== null ? this.urlOptions.deserialize(urlValue) : this.urlOptions.defaultValue,\n        );\n      }\n\n      this.invalidate();\n    };\n\n    const cancel = urlStore.subscribe(update);\n    window.addEventListener('storage', update);\n\n    return () => {\n      cancel();\n      window.removeEventListener('storage', update);\n    };\n  }\n\n  private getUrlValue() {\n    const href = urlStore.get();\n    const url = new URL(href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1) || '');\n    return params.get(this.urlOptions.key);\n  }\n\n  private getStorageValue() {\n    return this.storageKey !== null ? localStorage.getItem(this.storageKey) : null;\n  }\n\n  private isPathActive() {\n    if (this.urlOptions.path === null) {\n      return true;\n    }\n\n    const path = normalizePath(window.location.pathname);\n\n    return castArray(this.urlOptions.path).some((p) => {\n      if (typeof p === 'string') {\n        return !p || p === path || path.startsWith(p + '/');\n      }\n\n      return p.test(path);\n    });\n  }\n\n  private calc() {\n    let href = window.location.href;\n    const storageValue = this.storageKey !== null ? localStorage.getItem(this.storageKey) : null;\n\n    if (!this.isPathActive() && this.lastHref !== undefined) {\n      href = this.lastHref;\n    }\n\n    if (this.lastHref === href && this.lastStorageValue === storageValue) {\n      return this.lastValue as T;\n    }\n\n    const url = new URL(href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1));\n    const urlValue = params.get(this.urlOptions.key);\n\n    const value =\n      urlValue !== null\n        ? this.urlOptions.deserialize(urlValue)\n        : this.storageKey !== null && storageValue !== null\n          ? this.urlOptions.deserialize(storageValue)\n          : this.urlOptions.defaultValue;\n\n    this.lastHref = href;\n    this.lastStorageValue = storageValue;\n    this.lastValue = value;\n    return value;\n  }\n\n  private updateUrl(value = this.calc()) {\n    const serializedValue = this.urlOptions.serialize(value);\n\n    const url = new URL(window.location.href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1));\n\n    if (\n      !this.urlOptions.writeDefaultValue &&\n      serializedValue === this.urlOptions.serialize(this.urlOptions.defaultValue)\n    ) {\n      params.delete(this.urlOptions.key);\n    } else {\n      params.set(this.urlOptions.key, serializedValue);\n    }\n\n    url[this.urlOptions.type] = params.toString();\n    window.history.replaceState(window.history.state, '', url.toString());\n    window.dispatchEvent(new PopStateEvent('popstate'));\n  }\n\n  private updateStorage(value = this.calc()) {\n    if (this.storageKey === null) {\n      return;\n    }\n\n    const serializedValue = this.urlOptions.serialize(value);\n    localStorage.setItem(this.storageKey, serializedValue);\n  }\n\n  set(update: Update<T>): void;\n  set<const P>(path: Constrain<P, Path<T>>, update: Update<Value<T, P>>): void;\n  set(...args: any[]): void {\n    const path: any = args.length > 1 ? args[0] : [];\n    let update: Update<any> = args.length > 1 ? args[1] : args[0];\n\n    if (update instanceof Function) {\n      const before = this.get();\n      const valueBefore = get(before, path);\n      const valueAfter = update(valueBefore);\n      update = set(before, path, valueAfter);\n    } else if (path.length > 0) {\n      update = set(this.get(), path, update);\n    }\n\n    if (this.isPathActive()) {\n      this.updateUrl(update);\n    } else {\n      this.updateStorage(update);\n    }\n  }\n\n  parse(path: string): T {\n    const url = new URL(path, window.location.href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1) || '');\n    const urlValue = params.get(this.urlOptions.key);\n    return urlValue !== null ? this.urlOptions.deserialize(urlValue) : this.urlOptions.defaultValue;\n  }\n}\n\nexport function createUrlParam<T>(options: UrlOptions<T>): UrlParamStore<T>;\nexport function createUrlParam<T>(\n  options: UrlOptionsWithoutDefaults<T>,\n): UrlParamStore<T | undefined>;\nexport function createUrlParam<T>(options: UrlOptionsWithoutDefaults<T>) {\n  return new UrlParamStore(createUrlOptions(options));\n}\n","import { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { throttle } from '@lib/throttle';\nimport useLatestFunction from '@react/lib/useLatestFunction';\nimport useMemoEquals from '@react/lib/useMemoEquals';\nimport { startTransition, useMemo, useState } from 'react';\n\nexport interface UseDecoupledStateOptions<T> {\n  debounce?: Duration;\n  throttle?: Duration;\n  onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n  value: T,\n  onChange: (value: T) => void,\n  options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n  const [dirty, setDirty] = useState<{ v: T }>();\n  const latestOnChange = useLatestFunction(onChange);\n  const latestOnCommit = useLatestFunction(options.onCommit ?? (() => {}));\n\n  const debounceOptions = useMemoEquals(options.debounce);\n  const throttleOptions = useMemoEquals(options.throttle);\n\n  const update = useMemo(() => {\n    const update = (value: T) => {\n      latestOnChange(value);\n      setDirty(undefined);\n      latestOnCommit(value);\n    };\n\n    let delayedUpdate: (value: T) => void;\n\n    if (debounceOptions) {\n      delayedUpdate = debounce(update, debounceOptions);\n    } else if (throttleOptions) {\n      delayedUpdate = throttle(update, throttleOptions);\n    } else {\n      delayedUpdate = (value) => startTransition(() => update(value));\n    }\n\n    return (value: T) => {\n      setDirty({ v: value });\n      delayedUpdate(value);\n    };\n  }, [latestOnChange, latestOnCommit, debounceOptions, throttleOptions]);\n\n  return [dirty ? dirty.v : value, update];\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["matches: Record<KeyType, any>","value","form","name","errors","options: FormOptions<TDraft, TOriginal>","form","lastDraft: TDraft | undefined","context: FormContext<TDraft, TOriginal>","transform","Form","Component","urlStore: Store<string>","urlOptions: Required<UrlOptions<T>>","path: any","update: Update<any>","update","value","delayedUpdate: (value: T) => void"],"sources":["../../src/react/form/customInput.tsx","../../src/lib/wildcardMatch.ts","../../src/react/form/formField.tsx","../../src/react/form/formForEach.tsx","../../src/react/form/useFormAutosave.ts","../../src/react/form/form.tsx","../../src/lib/castArray.ts","../../src/react/url/urlHelpers.ts","../../src/react/url/urlOptions.ts","../../src/react/url/urlParamStore.ts","../../src/react/useDecoupledState.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string;\n  children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps): React.JSX.Element {\n  return (\n    <div\n      {...props}\n      style={{\n        position: 'relative',\n        ...props.style,\n      }}\n    >\n      {children}\n\n      <input\n        name={name}\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          opacity: 0,\n          width: '100%',\n          height: '100%',\n          pointerEvents: 'none',\n        }}\n      />\n    </div>\n  );\n}\n","import { isObject } from '@lib/helpers';\nimport { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n  if (typeof s === 'string') {\n    s = castArrayPath(s);\n  }\n\n  if (typeof w === 'string') {\n    w = castArrayPath(w);\n  }\n\n  return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n  object: any,\n  path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n  const matches: Record<KeyType, any> = {};\n  const [first, second, ...rest] = castArrayPath(path);\n\n  if (first === undefined) {\n    throw new Error('Path is empty');\n  }\n\n  if (!Array.isArray(object) && !isObject(object)) {\n    object = {};\n  }\n\n  for (const [key, value] of first !== '*' ? [[first, object[first]]] : Object.entries(object)) {\n    if (first !== '*' && first !== key) {\n      continue;\n    }\n\n    if (second === undefined) {\n      matches[key] = value;\n      continue;\n    }\n\n    for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n      matches[`${key}.${subKey}`] = subValue;\n    }\n  }\n\n  return matches;\n}\n","import { type PathAsString, type Value } from '@lib/path';\nimport useLatestFunction from '@react/lib/useLatestFunction';\nimport {\n  createElement,\n  useEffect,\n  useState,\n  type Component,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport {\n  getDerivedState,\n  type Field,\n  type Form,\n  type FormContext,\n  type FormInstance,\n} from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n  name: TPath;\n  value: TValue;\n  onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n  onBlur: (...args: any[]) => void;\n}\n\nexport type FormFieldInfos<TDraft, TOriginal, TPath extends string> = Field<\n  TDraft,\n  TOriginal,\n  TPath\n> & {\n  hasTriggeredValidations: boolean;\n};\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n  | (new (props: P, context?: any) => Component<P, any>)\n  | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> =\n  ComponentPropsWithoutRef<T> extends {\n    onChange?: (update: infer U) => void;\n  }\n    ? U extends { target: { value: infer V } }\n      ? V\n      : U\n    : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TPath, TDraft> = {\n  name: TPath & PathAsString<TDraft>;\n  commitOnBlur?: boolean;\n  commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TOriginal, TPath extends string> = FormFieldProps<\n  TPath,\n  TDraft\n> &\n  NoInfer<{\n    component?: undefined;\n    render: (\n      props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>,\n      info: FormFieldInfos<TDraft, TOriginal, TPath>,\n      form: FormContext<TDraft, TOriginal>,\n    ) => ReactNode;\n    inputFilter?: undefined;\n    defaultValue?: undefined;\n    serialize?: undefined;\n    deserialize?: undefined;\n    onChange?: undefined;\n    onBlur?: undefined;\n  }>;\n\ntype Serialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n  value: Value<TDraft, TPath>,\n  formState: FormInstance<TDraft, TOriginal>,\n) => FieldValue<TComponent>;\n\ntype Deserialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n  value: FieldChangeValue<TComponent>,\n  formState: FormInstance<TDraft, TOriginal>,\n) => Value<TDraft, TPath>;\n\nexport type FormFieldPropsWithComponent<\n  TDraft,\n  TOriginal,\n  TPath extends string,\n  TComponent extends FormFieldComponent,\n> = FormFieldProps<TPath, TDraft> & {\n  component?: TComponent;\n  render?: undefined;\n} & NoInfer<\n    {\n      inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n    } & MakeOptional<\n      Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n      'onChange' | 'onBlur'\n    > &\n      (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n        ? {\n            defaultValue?: FieldValue<TComponent>;\n            serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n          }\n        : Value<TDraft, TPath> extends FieldValue<TComponent>\n          ?\n              | {\n                  defaultValue: FieldValue<TComponent>;\n                  serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n                }\n              | {\n                  defaultValue?: FieldValue<TComponent>;\n                  serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n                }\n          : {\n              serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n            }) &\n      (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n        ? {\n            deserialize?: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n          }\n        : {\n            deserialize: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n          })\n  >;\n\nexport function FormField<\n  TDraft,\n  TOriginal,\n  TPath extends string,\n  TComponent extends FormFieldComponent,\n>(\n  this: Form<TDraft, any>,\n  {\n    // id,\n    name = '' as any,\n    component,\n    commitOnBlur,\n    commitDebounce,\n    render,\n    inputFilter,\n    defaultValue,\n    serialize,\n    deserialize = (x) => x as Value<TDraft, TPath>,\n    onChange,\n    onBlur,\n    ...restProps\n  }:\n    | FormFieldPropsWithRender<TDraft, TOriginal, TPath>\n    | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n): React.JSX.Element | null {\n  type T = FieldChangeValue<TComponent>;\n\n  const form = this.useForm();\n  const getFormState = () => ({ ...form, ...getDerivedState(form) });\n  const [localValue, setLocalValue] = useState<T>();\n\n  const value = this.useFormState((form) => {\n    const value = form.getField(name as any).value;\n    if (serialize) {\n      return serialize(value as any, getFormState());\n    }\n    if (value !== undefined) {\n      return value;\n    }\n    return defaultValue;\n  });\n\n  const setValue = useLatestFunction((x: FieldChangeValue<TComponent>) =>\n    form.getField(name as any).setValue(deserialize(x, getFormState())),\n  );\n\n  const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);\n\n  useEffect(() => {\n    if (localValue === undefined || !commitDebounce) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setValue(localValue);\n      setLocalValue(undefined);\n    }, commitDebounce);\n\n    return () => clearTimeout(timeout);\n  }, [localValue, commitDebounce, setValue]);\n\n  const props = {\n    name,\n    value: localValue ?? value,\n    onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n      const value =\n        typeof event === 'object' && event !== null && 'target' in event\n          ? event.target.value\n          : event;\n\n      if (inputFilter && !inputFilter(value)) {\n        return;\n      }\n\n      if (commitOnBlur || commitDebounce) {\n        setLocalValue(value);\n      } else {\n        setValue(value);\n      }\n\n      onChange?.(event, ...moreArgs);\n    },\n    onBlur(...args: any[]) {\n      if (localValue !== undefined) {\n        setValue(localValue);\n        setLocalValue(undefined);\n      }\n\n      onBlur?.(...args);\n    },\n  } as FormFieldComponentProps<Value<TDraft, TPath>, TPath>;\n\n  if (render) {\n    return (\n      <>\n        {render(props, { ...form.getField(name as any), hasTriggeredValidations } as any, form) ??\n          null}\n      </>\n    );\n  }\n\n  if (component) {\n    return createElement(component, { ...restProps, ...props });\n  }\n\n  return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ElementName<TDraft, TPath extends string> = keyof {\n  [Path in TPath as Join<Path, GetKeys<NonNullable<Value<TDraft, Path>>> & (string | number)>]: 1;\n};\n\nexport interface FormForEachProps<TDraft, TPath extends string> {\n  name: TPath & PathAsString<TDraft>;\n  renderElement?: (props: {\n    name: ElementName<TDraft, TPath>;\n    key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n    index: number;\n    remove: () => void;\n  }) => ReactNode;\n  children?: (\n    props: {\n      setValue: (\n        value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n      ) => void;\n    } & FieldHelperMethods<TDraft, TPath>,\n  ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends string>(\n  this: Form<TDraft, any>,\n  { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): React.JSX.Element {\n  const form = this.useForm();\n\n  const names = this.useFormState(() => {\n    const field = form.getField(name as any) as any;\n    return field.names as any[];\n  });\n\n  const add = useCallback(\n    (...args: any[]) => {\n      const field = form.getField(name as any) as any;\n      field.add(...args);\n    },\n    [form, name],\n  );\n\n  const remove = useCallback(\n    (key: any) => {\n      const field = form.getField(name as any) as any;\n      field.remove(key);\n    },\n    [form, name],\n  );\n\n  const setValue = useCallback(\n    (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n      const field = form.getField(name as any) as any;\n      field.setValue(value);\n    },\n    [form, name],\n  );\n\n  return (\n    <>\n      {renderElement &&\n        names.map((name, index) => {\n          const key = name.split('.').pop();\n\n          return (\n            <Fragment key={key}>\n              {renderElement({\n                name,\n                key,\n                index,\n                remove: () => remove(key),\n              })}\n            </Fragment>\n          );\n        })}\n\n      {children?.({\n        names,\n        add,\n        remove,\n        setValue,\n      } as any)}\n    </>\n  );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { deepEqual } from '@lib/equals';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { queue } from '@lib/queue';\nimport useLatestRef from '@react/lib/useLatestRef';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { FormContext } from './form';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n  save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n  debounce?: Duration;\n  resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n  form: FormContext<TDraft, TOriginal>,\n): void {\n  const debounceTime = calcDuration(form.options.autoSave?.debounce ?? 2_000);\n  const latestRef = useLatestRef(form);\n  const lastValue = useRef<TDraft | undefined>(undefined);\n  const q = useMemo(() => queue(), []);\n\n  const run = useMemo(\n    () =>\n      debounce(async () => {\n        const save = latestRef.current.options.autoSave?.save;\n        const draft = latestRef.current.getDraft();\n\n        lastValue.current = draft;\n\n        q.clear();\n\n        q(async () => {\n          try {\n            latestRef.current.formState.set('saveInProgress', true);\n            await save?.(draft, latestRef.current);\n\n            if (q.size === 0 && latestRef.current.options.autoSave?.resetAfterSave) {\n              latestRef.current.reset();\n            }\n          } finally {\n            latestRef.current.formState.set('saveInProgress', false);\n\n            if (q.size === 0) {\n              latestRef.current.formState.set('saveScheduled', false);\n            }\n          }\n        });\n      }, debounceTime),\n    [latestRef, debounceTime, q],\n  );\n\n  useEffect(() => {\n    if (!latestRef.current.options.autoSave?.save) {\n      return;\n    }\n\n    return latestRef.current.formState\n      .map((state) => state.draft)\n      .subscribe(\n        () => {\n          if (deepEqual(latestRef.current.getDraft(), lastValue.current)) {\n            return;\n          }\n\n          run();\n          latestRef.current.formState.set('saveScheduled', true);\n        },\n        { runNow: false },\n      );\n  }, [latestRef, run]);\n}\n","import { createStore, type Store, type Update } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { isObject } from '@lib/helpers';\nimport {\n  type PathAsString,\n  type Value,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get, join, set } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport useLatestFunction from '@react/lib/useLatestFunction';\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type Context,\n  type FormEvent,\n  type FunctionComponent,\n  type HTMLProps,\n  type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n  FormField,\n  type FormFieldComponent,\n  type FormFieldPropsWithComponent,\n  type FormFieldPropsWithRender,\n} from './formField';\nimport { FormForEach, type ElementName, type FormForEachProps } from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport interface Transform<TDraft> {\n  (value: TDraft, store: Store<TDraft>): void | TDraft;\n}\n\nexport interface FormOptions<TDraft, TOriginal> {\n  defaultValue: TDraft;\n  validations?: Validations<TDraft, TOriginal>;\n  localizeError?: (error: string, field: string) => string | undefined;\n  autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n  transform?: Transform<TDraft>;\n  validatedClass?: string;\n}\n\nexport type Validations<TDraft, TOriginal> = {\n  [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n  value: WildcardValue<TDraft, TPath>,\n  context: {\n    draft: TDraft;\n    original: TOriginal;\n    field: PathAsString<TDraft> | '';\n  },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends string> = {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (value: Update<Value<TDraft, TPath>>) => void;\n  removeValue: () => void;\n  hasChange: boolean;\n  errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends string> = {\n  names: ElementName<TDraft, TPath>[];\n  add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n    ? (element: T) => void\n    : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n      ? (key: K, value: V) => void\n      : never;\n  remove: Value<TDraft, TPath> extends readonly any[]\n    ? (index: number) => void\n    : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n  draft: TDraft | undefined;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n  draft: TDraft;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n  hasChanges: boolean;\n  errors: Map<string, string[]>;\n  isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n  formState: Store<FormState<TDraft>>;\n  options: FormOptions<TDraft, TOriginal>;\n  original: TOriginal | undefined;\n  getField: <TPath extends string>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n  getDraft: () => TDraft;\n  hasTriggeredValidations: () => boolean;\n  saveScheduled: () => boolean;\n  saveInProgress: () => boolean;\n  hasChanges: () => boolean;\n  getErrors: () => Map<string, string[]>;\n  isValid: () => boolean;\n  validate: () => boolean;\n  reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n  extends FormDerivedState<TDraft>,\n    Pick<\n      FormContext<TDraft, TOriginal>,\n      'options' | 'original' | 'getField' | 'validate' | 'reset'\n    > {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n  form,\n  ...formProps\n}: {\n  form: Form<any, any>;\n  onSubmit?: (\n    event: FormEvent<HTMLFormElement>,\n    form: FormInstance<any, any>,\n  ) => void | Promise<void>;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n  const formInstance = form.useForm();\n  const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n  const formRef = useRef<HTMLFormElement>(null);\n\n  const updateValidity = useLatestFunction(\n    (errors: Map<string, string[]>, buttonElement?: HTMLButtonElement) => {\n      const formElement = formRef.current;\n      if (!formElement) {\n        return;\n      }\n\n      const localizedErrors = new Map(\n        [...errors.entries()].map(\n          ([field, errors]) =>\n            [\n              field,\n              errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n            ] as const,\n        ),\n      );\n\n      for (const element of Array.from(formElement.elements)) {\n        if ('name' in element && 'setCustomValidity' in element) {\n          (element as HTMLObjectElement).setCustomValidity(\n            localizedErrors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n          );\n        }\n      }\n\n      if (buttonElement && 'setCustomValidity' in buttonElement) {\n        const errorString = [...errors.values()].flat().join('\\n');\n\n        buttonElement.setCustomValidity(errorString);\n      }\n    },\n  );\n\n  useEffect(() => {\n    return formInstance.formState\n      .map(() => formInstance.getErrors())\n      .subscribe((errors) => updateValidity(errors));\n  }, [formInstance, updateValidity]);\n\n  return (\n    <form\n      ref={formRef}\n      noValidate\n      {...formProps}\n      className={[\n        formProps.className,\n        hasTriggeredValidations ? (formInstance.options.validatedClass ?? 'validated') : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onSubmit={async (event) => {\n        if (formInstance.saveInProgress()) {\n          return;\n        }\n\n        try {\n          formInstance.formState.set('saveInProgress', true);\n          event.preventDefault();\n\n          const formElement = event.currentTarget;\n          const buttonElement =\n            event.nativeEvent instanceof SubmitEvent &&\n            event.nativeEvent.submitter instanceof HTMLButtonElement\n              ? event.nativeEvent.submitter\n              : undefined;\n\n          updateValidity(formInstance.getErrors(), buttonElement);\n\n          formElement.reportValidity();\n\n          const isValid = formInstance.validate();\n          if (isValid) {\n            await formProps.onSubmit?.(event, {\n              ...formInstance,\n              ...getDerivedState(formInstance),\n            });\n          }\n        } finally {\n          formInstance.formState.set('saveInProgress', false);\n        }\n      }}\n    />\n  );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends string>(\n  form: FormContext<TDraft, TOriginal>,\n  path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n  const field = {\n    get originalValue() {\n      return form.original !== undefined ? get(form.original as any, path as any) : undefined;\n    },\n\n    get value() {\n      const draft = form.getDraft();\n      return get(draft ?? form.original ?? form.options.defaultValue, path as any);\n    },\n\n    setValue(update: Update<Value<TDraft, TPath>>) {\n      form.formState.set('draft', (draft = form.original ?? form.options.defaultValue) => {\n        if (update instanceof Function) {\n          update = update(get(draft, path as any) as Value<TDraft, TPath>);\n        }\n\n        return set(draft, path as any, update as any);\n      });\n    },\n\n    get hasChange() {\n      return !deepEqual(this.originalValue, this.value, { undefinedEqualsAbsent: true });\n    },\n\n    get errors() {\n      const errors = form.getErrors();\n      return errors.get(path) ?? [];\n    },\n\n    get names(): any {\n      const { value } = this;\n\n      if (Array.isArray(value)) {\n        return value.map((_, index) => join(path, String(index)));\n      }\n\n      if (isObject(value)) {\n        return Object.keys(value).map((key) => join(path, key));\n      }\n\n      return [];\n    },\n\n    add(...args: any[]) {\n      this.setValue((value): any => {\n        if (!value) {\n          throw new Error(`Cannot add element to ${JSON.stringify(value)}`);\n        }\n\n        if (Array.isArray(value)) {\n          return [...(value ?? []), args[0]];\n        }\n\n        if (isObject(value)) {\n          return {\n            ...value,\n            [args[0]]: args[1],\n          };\n        }\n\n        throw new Error(`Cannot add element to ${JSON.stringify(value)}`);\n      });\n    },\n\n    remove(key: string | number) {\n      this.setValue((value): any => {\n        if (!value) {\n          throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);\n        }\n\n        if (Array.isArray(value)) {\n          return value.filter((_, index) => index !== Number(key));\n        }\n\n        if (isObject(value)) {\n          const { [key]: _, ...rest } = value as Record<string | number, unknown>;\n          return rest;\n        }\n\n        throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);\n      });\n    },\n  };\n\n  return field as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n  draft: TDraft,\n  original: TOriginal | undefined,\n  validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n  const errors = new Map<string, string[]>();\n\n  for (const [path, block] of Object.entries(validations ?? {})) {\n    for (const [validationName, validate] of Object.entries(\n      block as Record<string, Validation<any, any, any>>,\n    )) {\n      let matched = false;\n\n      for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n        matched = true;\n        if (!validate(value, { draft, original, field })) {\n          const fieldErrors = errors.get(field) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(field, fieldErrors);\n        }\n      }\n\n      if (!matched && !path.includes('*')) {\n        if (!validate(undefined, { draft, original, field: path })) {\n          const fieldErrors = errors.get(path) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(path, fieldErrors);\n        }\n      }\n    }\n  }\n\n  return errors;\n}\n\nexport function getDerivedState<TDraft>(\n  instance: FormContext<TDraft, any>,\n): FormDerivedState<TDraft> {\n  return {\n    draft: instance.getDraft(),\n    hasTriggeredValidations: instance.hasTriggeredValidations(),\n    saveScheduled: instance.saveScheduled(),\n    saveInProgress: instance.saveInProgress(),\n    hasChanges: instance.hasChanges(),\n    errors: instance.getErrors(),\n    isValid: instance.isValid(),\n  };\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n  context: Context<FormContext<TDraft, TOriginal> | null> = createContext<FormContext<\n    TDraft,\n    TOriginal\n  > | null>(null);\n\n  constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n    autobind(Form);\n  }\n\n  useForm(): FormContext<TDraft, TOriginal> {\n    const context = useContext(this.context);\n\n    if (!context) {\n      throw new Error('Form context not found');\n    }\n\n    return context;\n  }\n\n  useFormState<S>(\n    selector: (state: FormInstance<TDraft, TOriginal>) => S,\n    useStoreOptions?: UseStoreOptions<S>,\n  ): S {\n    const form = this.useForm();\n\n    return useStore(\n      form.formState,\n      () =>\n        selector({\n          ...form,\n          ...getDerivedState(form),\n        }),\n\n      useStoreOptions,\n    );\n  }\n\n  useField<TPath extends string>(\n    path: TPath,\n    useStoreOptions?: UseStoreOptions<any>,\n  ): Field<TDraft, TOriginal, TPath> {\n    const form = this.useForm();\n    this.useFormState((form) => [form.getField(path).value, form.original], useStoreOptions);\n    return form.getField(path);\n  }\n\n  // ///////////////////////////////////////////////////////////////////////////\n  // React Components\n  // ///////////////////////////////////////////////////////////////////////////\n\n  Form({\n    original,\n    defaultValue,\n    validations,\n    localizeError,\n    autoSave,\n    transform,\n    validatedClass,\n    ...formProps\n  }: {\n    original?: TOriginal;\n    onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n  } & Partial<FormOptions<TDraft, TOriginal>> &\n    Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>): React.JSX.Element {\n    const options: FormOptions<TDraft, TOriginal> = {\n      defaultValue: { ...this.options.defaultValue, ...defaultValue },\n      validations: { ...this.options.validations, ...validations } as Validations<\n        TDraft,\n        TOriginal\n      >,\n      localizeError: localizeError ?? this.options.localizeError,\n      autoSave: autoSave ?? this.options.autoSave,\n      transform: transform ?? this.options.transform,\n      validatedClass: validatedClass ?? this.options.validatedClass,\n    };\n\n    const formState = useMemo(() => {\n      return createStore<FormState<TDraft>>({\n        draft: undefined,\n        hasTriggeredValidations: false,\n        saveScheduled: false,\n        saveInProgress: false,\n      });\n    }, []);\n\n    let lastDraft: TDraft | undefined;\n    const cache = new Map<string, unknown>();\n    function lazy<T>(key: string, fn: () => T): T {\n      if (lastDraft !== formState.get().draft) {\n        cache.clear();\n        lastDraft = formState.get().draft;\n      }\n\n      let value = cache.get(key);\n      if (!cache.has(key)) {\n        value = fn();\n        cache.set(key, value);\n      }\n\n      return value as T;\n    }\n\n    const context: FormContext<TDraft, TOriginal> = {\n      formState,\n      options,\n      original,\n\n      getField() {\n        throw new Error('Not implemented');\n      },\n\n      getDraft() {\n        return formState.get().draft ?? original ?? options.defaultValue;\n      },\n\n      hasTriggeredValidations() {\n        return formState.get().hasTriggeredValidations;\n      },\n\n      saveScheduled() {\n        return formState.get().saveScheduled;\n      },\n\n      saveInProgress() {\n        return formState.get().saveInProgress;\n      },\n\n      hasChanges() {\n        return lazy(\n          'hasChanges',\n          () =>\n            !deepEqual(this.getDraft(), original ?? options.defaultValue, {\n              undefinedEqualsAbsent: true,\n            }),\n        );\n      },\n\n      getErrors() {\n        return lazy('getErrors', () => getErrors(this.getDraft(), original, options.validations));\n      },\n\n      isValid() {\n        return lazy('isValid', () => this.getErrors().size === 0);\n      },\n\n      validate() {\n        formState.set('hasTriggeredValidations', true);\n        return this.isValid();\n      },\n\n      reset() {\n        formState.set('draft', undefined);\n        formState.set('hasTriggeredValidations', false);\n      },\n    };\n\n    context.getField = (path) => lazy(path, () => getField(context, path));\n\n    useEffect(() => {\n      const transform = options.transform;\n      if (!transform) {\n        return;\n      }\n\n      const store = formState.map(\n        (state) => state.draft ?? original ?? options.defaultValue,\n        (draft) => (state) => ({ ...state, draft }),\n      );\n\n      return store.subscribe((value) => {\n        const result = transform(value, store);\n\n        if (result !== undefined && !deepEqual(result, value)) {\n          store.set(result);\n        }\n      });\n    }, [original, options.defaultValue, options.transform, formState]);\n\n    useFormAutosave(context);\n\n    return (\n      <this.context.Provider value={context}>\n        <FormContainer {...formProps} form={this} />\n      </this.context.Provider>\n    );\n  }\n\n  FormState<S>({\n    selector,\n    children,\n  }: {\n    selector: (form: FormInstance<TDraft, TOriginal>) => S;\n    children: (selectedState: S) => ReactNode;\n  }): React.JSX.Element {\n    const selectedState = this.useFormState(selector);\n    return <>{children(selectedState)}</>;\n  }\n\n  Field<const TPath extends string>(\n    props: FormFieldPropsWithRender<TDraft, TOriginal, TPath>,\n  ): React.JSX.Element;\n\n  Field<const TPath extends string, const TComponent extends FormFieldComponent = 'input'>(\n    props: FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n  ): React.JSX.Element;\n\n  Field(props: any): React.JSX.Element {\n    return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n  }\n\n  ForEach<const TPath extends string>(props: FormForEachProps<TDraft, TPath>): React.JSX.Element {\n    return Reflect.apply(FormForEach, this, [props]);\n  }\n\n  withForm<TProps extends Record<string, unknown>>(\n    Component: React.ComponentType<TProps>,\n    formProps?: Parameters<this['Form']>[0],\n  ): FunctionComponent<TProps> {\n    const { Form } = this;\n    return function FormWrapper(props: TProps) {\n      return (\n        <Form {...formProps}>\n          <Component {...props} />\n        </Form>\n      );\n    };\n  }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n  options: FormOptions<TDraft, TOriginal>,\n): Form<TDraft, TOriginal> {\n  return new Form(options);\n}\n","export function castArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n","import { fromExtendedJsonString, toExtendedJsonString } from '@lib/extendedJson';\n\nexport function defaultDeserializer<T>(value: string): T {\n  if (value === undefined) {\n    return undefined as T;\n  }\n\n  try {\n    return fromExtendedJsonString(value) as T;\n  } catch {\n    return undefined as T;\n  }\n}\n\nexport function defaultSerializer<T>(value: T): string {\n  return toExtendedJsonString(value);\n}\n\nexport function normalizePath<T>(path: string | T): string | T {\n  if (typeof path === 'string') {\n    return path.replace(/^\\//g, '').replace(/\\/$/g, '');\n  }\n  return path;\n}\n","import { castArray } from '@lib/castArray';\nimport { defaultDeserializer, defaultSerializer, normalizePath } from '@react/url/urlHelpers';\n\nexport interface UrlOptions<T> {\n  key: string;\n  type?: 'search' | 'hash';\n  serialize?: (value: T) => string;\n  deserialize?: (value: string) => T;\n  defaultValue: T;\n  writeDefaultValue?: boolean;\n  onCommit?: (value: T) => void;\n  persist?: { id: string } | null;\n  path?: string | RegExp | (string | RegExp)[] | null;\n}\n\nexport interface UrlOptionsWithoutDefaults<T>\n  extends Omit<UrlOptions<T | undefined>, 'defaultValue'> {\n  defaultValue?: T | undefined;\n}\n\nexport function createUrlOptions<T>(options: UrlOptions<T>): Required<UrlOptions<T>>;\nexport function createUrlOptions<T>(\n  options: UrlOptionsWithoutDefaults<T>,\n): Required<UrlOptions<T | undefined>>;\nexport function createUrlOptions<T>({\n  key,\n  type = 'hash',\n  serialize = defaultSerializer,\n  deserialize = defaultDeserializer,\n  defaultValue = undefined as T,\n  writeDefaultValue = false,\n  onCommit = () => undefined,\n  persist = null,\n  path = null,\n}: UrlOptionsWithoutDefaults<T>): Required<UrlOptionsWithoutDefaults<T>> {\n  return {\n    key,\n    type,\n    serialize,\n    deserialize,\n    defaultValue,\n    writeDefaultValue,\n    onCommit,\n    persist,\n    path: path === null ? null : castArray(path).map(normalizePath),\n  };\n}\n","import { createStore, Store, type Update } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { castArray } from '@lib/castArray';\nimport type { Constrain } from '@lib/constrain';\nimport type { Path, Value } from '@lib/path';\nimport { get, set } from '@lib/propAccess';\nimport { normalizePath } from '@react/url/urlHelpers';\nimport {\n  createUrlOptions,\n  type UrlOptions,\n  type UrlOptionsWithoutDefaults,\n} from '@react/url/urlOptions';\n\nexport const urlStore: Store<string> = createStore(() => window.location.href, {\n  cacheValue: false,\n  effect() {\n    const update = () => {\n      if (window.location.href !== this.calculatedValue?.value) {\n        this.invalidate();\n      }\n    };\n\n    const interval = setInterval(update, 1);\n    window.addEventListener('popstate', update);\n\n    return () => {\n      clearInterval(interval);\n      window.removeEventListener('popstate', update);\n    };\n  },\n});\n\nexport class UrlParamStore<T> extends Store<T> {\n  readonly storageKey: string | null;\n  private lastHref?: string;\n  private lastStorageValue?: string | null;\n  private lastValue?: T;\n\n  constructor(public readonly urlOptions: Required<UrlOptions<T>>) {\n    super(() => this.calc(), { cacheValue: false });\n    autobind(UrlParamStore);\n\n    this.storageKey =\n      urlOptions.persist && `cross-state:url:${urlOptions.persist.id}:${urlOptions.key}`;\n    this.addEffect(this.watch);\n  }\n\n  private watch() {\n    let isActive = false;\n    let urlValue = this.getUrlValue();\n    let storageValue = this.getStorageValue();\n\n    const update = () => {\n      const oldIsActive = isActive;\n      isActive = this.isPathActive();\n      const oldUrlValue = urlValue;\n      urlValue = this.getUrlValue();\n      const oldStorageValue = storageValue;\n      storageValue = this.getStorageValue();\n\n      // If inactive => ignore changes\n      if (!isActive) {\n        return;\n      }\n\n      // No changes => ignore\n      if (\n        isActive === oldIsActive &&\n        urlValue === oldUrlValue &&\n        storageValue === oldStorageValue\n      ) {\n        return;\n      }\n\n      if (!oldIsActive) {\n        // Became active =>\n        // - if url has value => update storage\n        // - else if storage has value or writeDefaultValue => update url\n        if (urlValue !== null) {\n          this.updateStorage(this.urlOptions.deserialize(urlValue));\n        } else if (storageValue !== null) {\n          this.updateUrl(this.urlOptions.deserialize(storageValue));\n        } else if (this.urlOptions.writeDefaultValue) {\n          this.updateUrl(this.urlOptions.defaultValue);\n        }\n      } else if (urlValue !== oldUrlValue) {\n        // Url change while active =>\n        // - if url has no value and writeDefaultValue => update url\n        // - update storage\n        if (urlValue === null && this.urlOptions.writeDefaultValue) {\n          this.updateUrl(this.urlOptions.defaultValue);\n        }\n\n        this.updateStorage(\n          urlValue !== null ? this.urlOptions.deserialize(urlValue) : this.urlOptions.defaultValue,\n        );\n      }\n\n      this.invalidate();\n    };\n\n    const cancel = urlStore.subscribe(update);\n    window.addEventListener('storage', update);\n\n    return () => {\n      cancel();\n      window.removeEventListener('storage', update);\n    };\n  }\n\n  private getUrlValue() {\n    const href = urlStore.get();\n    const url = new URL(href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1) || '');\n    return params.get(this.urlOptions.key);\n  }\n\n  private getStorageValue() {\n    return this.storageKey !== null ? localStorage.getItem(this.storageKey) : null;\n  }\n\n  private isPathActive() {\n    if (this.urlOptions.path === null) {\n      return true;\n    }\n\n    const path = normalizePath(window.location.pathname);\n\n    return castArray(this.urlOptions.path).some((p) => {\n      if (typeof p === 'string') {\n        return !p || p === path || path.startsWith(p + '/');\n      }\n\n      return p.test(path);\n    });\n  }\n\n  private calc() {\n    let href = window.location.href;\n    const storageValue = this.storageKey !== null ? localStorage.getItem(this.storageKey) : null;\n\n    if (!this.isPathActive() && this.lastHref !== undefined) {\n      href = this.lastHref;\n    }\n\n    if (this.lastHref === href && this.lastStorageValue === storageValue) {\n      return this.lastValue as T;\n    }\n\n    const url = new URL(href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1));\n    const urlValue = params.get(this.urlOptions.key);\n\n    const value =\n      urlValue !== null\n        ? this.urlOptions.deserialize(urlValue)\n        : this.storageKey !== null && storageValue !== null\n          ? this.urlOptions.deserialize(storageValue)\n          : this.urlOptions.defaultValue;\n\n    this.lastHref = href;\n    this.lastStorageValue = storageValue;\n    this.lastValue = value;\n    return value;\n  }\n\n  private updateUrl(value = this.calc()) {\n    const serializedValue = this.urlOptions.serialize(value);\n\n    const url = new URL(window.location.href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1));\n\n    if (\n      !this.urlOptions.writeDefaultValue &&\n      serializedValue === this.urlOptions.serialize(this.urlOptions.defaultValue)\n    ) {\n      params.delete(this.urlOptions.key);\n    } else {\n      params.set(this.urlOptions.key, serializedValue);\n    }\n\n    url[this.urlOptions.type] = params.toString();\n    window.history.replaceState(window.history.state, '', url.toString());\n    window.dispatchEvent(new PopStateEvent('popstate'));\n  }\n\n  private updateStorage(value = this.calc()) {\n    if (this.storageKey === null) {\n      return;\n    }\n\n    const serializedValue = this.urlOptions.serialize(value);\n    localStorage.setItem(this.storageKey, serializedValue);\n  }\n\n  set(update: Update<T>): void;\n  set<const P>(path: Constrain<P, Path<T>>, update: Update<Value<T, P>>): void;\n  set(...args: any[]): void {\n    const path: any = args.length > 1 ? args[0] : [];\n    let update: Update<any> = args.length > 1 ? args[1] : args[0];\n\n    if (update instanceof Function) {\n      const before = this.get();\n      const valueBefore = get(before, path);\n      const valueAfter = update(valueBefore);\n      update = set(before, path, valueAfter);\n    } else if (path.length > 0) {\n      update = set(this.get(), path, update);\n    }\n\n    if (this.isPathActive()) {\n      this.updateUrl(update);\n    } else {\n      this.updateStorage(update);\n    }\n  }\n\n  parse(path: string): T {\n    const url = new URL(path, window.location.href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1) || '');\n    const urlValue = params.get(this.urlOptions.key);\n    return urlValue !== null ? this.urlOptions.deserialize(urlValue) : this.urlOptions.defaultValue;\n  }\n}\n\nexport function createUrlParam<T>(options: UrlOptions<T>): UrlParamStore<T>;\nexport function createUrlParam<T>(\n  options: UrlOptionsWithoutDefaults<T>,\n): UrlParamStore<T | undefined>;\nexport function createUrlParam<T>(options: UrlOptionsWithoutDefaults<T>) {\n  return new UrlParamStore(createUrlOptions(options));\n}\n","import { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { throttle } from '@lib/throttle';\nimport useLatestFunction from '@react/lib/useLatestFunction';\nimport useMemoEquals from '@react/lib/useMemoEquals';\nimport { startTransition, useMemo, useState } from 'react';\n\nexport interface UseDecoupledStateOptions<T> {\n  debounce?: Duration;\n  throttle?: Duration;\n  onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n  value: T,\n  onChange: (value: T) => void,\n  options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n  const [dirty, setDirty] = useState<{ v: T }>();\n  const latestOnChange = useLatestFunction(onChange);\n  const latestOnCommit = useLatestFunction(options.onCommit ?? (() => {}));\n\n  const debounceOptions = useMemoEquals(options.debounce);\n  const throttleOptions = useMemoEquals(options.throttle);\n\n  const update = useMemo(() => {\n    const update = (value: T) => {\n      latestOnChange(value);\n      setDirty(undefined);\n      latestOnCommit(value);\n    };\n\n    let delayedUpdate: (value: T) => void;\n\n    if (debounceOptions) {\n      delayedUpdate = debounce(update, debounceOptions);\n    } else if (throttleOptions) {\n      delayedUpdate = throttle(update, throttleOptions);\n    } else {\n      delayedUpdate = (value) => startTransition(() => update(value));\n    }\n\n    return (value: T) => {\n      setDirty({ v: value });\n      delayedUpdate(value);\n    };\n  }, [latestOnChange, latestOnCommit, debounceOptions, throttleOptions]);\n\n  return [dirty ? dirty.v : value, update];\n}\n"],"mappings":"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"}

package/dist/react/register.cjs

@@ -2,7 +2,7 @@ require('../path-B-Rq5q6m.cjs');
 const require_store = require('../store-C1NYHLgR.cjs');
 require('../propAccess-C2AIn9RC.cjs');
 const require_scope = require('../scope-C1bcfK8e.cjs');
-const require_storeMethods = require('../storeMethods-CNu7VD6w.cjs');
+const require_storeMethods = require('../storeMethods-CPGR8OPN.cjs');
 
 //#region src/react/register.ts
 Object.assign(require_store.Store.prototype, require_storeMethods.storeMethods);

package/dist/react/register.d.cts

@@ -1,6 +1,6 @@
 import "../scope-CESkVNvI.cjs";
 import "../store-XcnTdeiJ.cjs";
-import { n as scopeMethods, o as cacheMethods, t as storeMethods } from "../storeMethods-y3PlfTHV.cjs";
+import { n as scopeMethods, o as cacheMethods, t as storeMethods } from "../storeMethods-D71fizqI.cjs";
 
 //#region src/react/register.d.ts
 type StoreMethods = typeof storeMethods;

package/dist/react/register.d.ts

@@ -1,6 +1,6 @@
 import "../scope-DJXSRsGy.js";
 import "../store-BRHFhRPm.js";
-import { n as scopeMethods, o as cacheMethods, t as storeMethods } from "../storeMethods-Dsz0-Cda.js";
+import { n as scopeMethods, o as cacheMethods, t as storeMethods } from "../storeMethods-DmseqZrw.js";
 
 //#region src/react/register.d.ts
 type StoreMethods = typeof storeMethods;

package/dist/react/register.js

@@ -2,7 +2,7 @@ import { h as autobind, t as Store } from "../store-v3RYWzVg.js";
 import "../propAccess-DvWFpYoj.js";
 import { r as Cache, t as Scope } from "../scope-CKGsCVn3.js";
 import "../path-CyYq74W8.js";
-import { c as cacheMethods, n as scopeMethods, t as storeMethods } from "../storeMethods-CQhXlHpl.js";
+import { c as cacheMethods, n as scopeMethods, t as storeMethods } from "../storeMethods-Dt0Cxsn3.js";
 
 //#region src/react/register.ts
 Object.assign(Store.prototype, storeMethods);

package/dist/{storeMethods-CNu7VD6w.cjs → storeMethods-CPGR8OPN.cjs}

@@ -85,23 +85,27 @@ function useStore(store, ...args) {
 		selectorRaw = args[0];
 		allOptions = args[1] ?? {};
 	} else allOptions = args[0] ?? {};
-	const selector = (0, react.useMemo)(() => require_store.makeSelector(selectorRaw), [selectorRaw]);
+	const selectorMemoized = useMemoEquals(selectorRaw);
+	const selector = (0, react.useMemo)(() => require_store.makeSelector(selectorMemoized), [selectorMemoized]);
 	const lastEqualsRef = (0, react.useRef)(void 0);
-	if (store.derivedFrom) return useStore(store.derivedFrom.store, (value$1) => {
-		for (const selector$1 of store.derivedFrom.selectors) value$1 = require_store.makeSelector(selector$1)(value$1);
-		return selector(value$1);
-	}, allOptions);
-	const { disableTrackingProxy = true, equals = store.options.equals ?? require_propAccess.deepEqual, withViewTransition,...options } = allOptions;
+	const { enableTrackingProxy, equals = store.options.equals ?? require_propAccess.deepEqual, withViewTransition, storeValueEquals = require_propAccess.strictEqual,...options } = allOptions;
 	const snapshot = (0, react.useRef)(void 0);
 	const get = (0, react.useCallback)(() => {
 		const storeValue = store.get();
+		if (snapshot.current && storeValueEquals(storeValue, snapshot.current.storeValue) && selector === snapshot.current.selector) return snapshot.current.selectedValue;
 		const selectedValue = selector(storeValue);
-		if (!snapshot.current || storeValue !== snapshot.current.storeValue && !(lastEqualsRef.current?.(selectedValue) ?? false)) snapshot.current = {
+		if (!(lastEqualsRef.current?.(selectedValue) ?? false)) snapshot.current = {
 			storeValue,
+			selector,
 			selectedValue
 		};
 		return snapshot.current.selectedValue;
-	}, [store, selector]);
+	}, [
+		store,
+		storeValueEquals,
+		selector
+	]);
+	const rootStore = store.derivedFrom?.store ?? store;
 	const subOptions = useMemoEquals({
 		...options,
 		runNow: false
@@ -134,20 +138,20 @@ function useStore(store, ...args) {
 				});
 			};
 		}
-		const cancel = store.subscribe(_listener, subOptions);
+		const cancel = rootStore.subscribe(_listener, subOptions);
 		return () => {
 			stopped = true;
 			cancel();
 		};
 	}, [
-		store,
+		rootStore,
 		withViewTransition,
 		equals,
 		subOptions
 	]), get, get);
 	let lastEquals = (newValue) => equals(newValue, value);
 	let revoke;
-	if (!disableTrackingProxy) [value, lastEquals, revoke] = trackingProxy(value, equals);
+	if (enableTrackingProxy) [value, lastEquals, revoke] = trackingProxy(value, equals);
 	(0, react.useLayoutEffect)(() => {
 		lastEqualsRef.current = lastEquals;
 		revoke?.();
@@ -447,4 +451,4 @@ Object.defineProperty(exports, 'useStore', {
     return useStore;
   }
 });
-//# sourceMappingURL=storeMethods-CNu7VD6w.cjs.map
+//# sourceMappingURL=storeMethods-CPGR8OPN.cjs.map

package/dist/storeMethods-CPGR8OPN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"storeMethods-CPGR8OPN.cjs","names":["deepEqual","isPlainObject","equals","deepEqual","selectorRaw: Selector<T, S> | AnyPath | undefined","allOptions: UseStoreOptionsWithSelector<T, S>","isAnyPath","makeSelector","deepEqual","strictEqual","_listener: (value: any) => void","lastObservedValue: any","value","revoke: (() => void) | undefined","createStore","rootCache: Cache<any, any>","selector","makeSelector","selector: Selector<T, S> | AnyPath | undefined","updater: ((value: S) => Update<T>) | undefined","options: UseStoreOptions<S> | undefined","isAnyPath","_store: Store<any>","createStore","scopeMethods: {\n  useScope: typeof boundUseScope;\n  useStore: typeof boundUseScopeStore;\n  useProp: typeof boundUseScopeProp;\n  Provider: typeof Provider;\n}","storeMethods: {\n  useStore: typeof boundUseStore;\n  useProp: typeof boundUseProp;\n}"],"sources":["../src/lib/trackingProxy.ts","../src/react/lib/useMemoEquals.ts","../src/react/useStore.ts","../src/react/loadingBoundary.tsx","../src/react/useCache.ts","../src/react/cacheMethods.ts","../src/react/lib/useLatestRef.ts","../src/react/lib/useLatestFunction.ts","../src/react/useProp.ts","../src/react/scope.tsx","../src/react/scopeMethods.ts","../src/react/storeMethods.ts"],"sourcesContent":["import { isPlainObject } from '@lib/helpers';\nimport { deepEqual } from './equals';\n\nconst unwrapProxySymbol = /* @__PURE__ */ Symbol('unwrapProxy');\n\nexport type TrackingProxy<T> = [value: T, equals: (newValue: T) => boolean, revoke?: () => void];\ntype Object_ = Record<string | symbol, unknown>;\n\nexport function trackingProxy<T>(\n  value: T,\n  equals: (a: any, b: any) => boolean = deepEqual,\n): TrackingProxy<T> {\n  if (!isPlainObject(value) && !Array.isArray(value)) {\n    return [value, (other) => equals(value, other)];\n  }\n\n  // Unpack proxies, we don't want to nest them\n  value = (value as any)[unwrapProxySymbol] ?? value;\n\n  const deps = new Array<TrackingProxy<any>[1]>();\n  const revokations = new Array<() => void>();\n  let revoked = false;\n\n  function trackComplexProp(function_: any, ...args: any[]) {\n    const [proxiedValue, equals, revoke] = trackingProxy(function_(value, ...args));\n\n    deps.push((otherValue) => {\n      if (!isPlainObject(otherValue) && !Array.isArray(otherValue)) {\n        return false;\n      }\n\n      return equals(function_(otherValue, ...args));\n    });\n\n    if (revoke) {\n      revokations.push(revoke);\n    }\n\n    return proxiedValue;\n  }\n\n  function trackSimpleProp(function_: any, ...args: any[]) {\n    const calculatedValue = function_(value, ...args);\n\n    deps.push((otherValue) => {\n      return function_(otherValue, ...args) === calculatedValue;\n    });\n\n    return calculatedValue;\n  }\n\n  const proxy = new Proxy(value as T & Object_, {\n    get(target, p, receiver) {\n      if (p === unwrapProxySymbol) {\n        return value;\n      }\n\n      if (revoked) {\n        return target[p];\n      }\n\n      const { writable, configurable } = Object.getOwnPropertyDescriptor(target, p) ?? {};\n      if (writable === false && configurable === false) {\n        return target[p];\n      }\n\n      return trackComplexProp(Reflect.get, p, receiver);\n    },\n\n    getOwnPropertyDescriptor(target, p) {\n      const { writable, configurable } = Object.getOwnPropertyDescriptor(target, p) ?? {};\n      if (writable === false && configurable === false) {\n        return Reflect.getOwnPropertyDescriptor(target, p);\n      }\n\n      return trackComplexProp(Reflect.getOwnPropertyDescriptor, p);\n    },\n\n    ownKeys() {\n      return trackComplexProp(Reflect.ownKeys);\n    },\n\n    getPrototypeOf() {\n      return trackSimpleProp(Reflect.getPrototypeOf);\n    },\n\n    has(_target, p) {\n      return trackSimpleProp(Reflect.has, p);\n    },\n\n    isExtensible() {\n      return trackSimpleProp(Reflect.isExtensible);\n    },\n  });\n\n  return [\n    proxy,\n    (other) => !!other && deps.every((equals) => equals(other)),\n    () => {\n      revoked = true;\n      revokations.forEach((revoke) => revoke());\n    },\n  ];\n}\n","import { deepEqual } from '@lib/equals';\nimport { useEffect, useRef } from 'react';\n\nexport default function useMemoEquals<T>(value: T, equals: (a: T, b: T) => boolean = deepEqual): T {\n  const ref = useRef<{ value: T }>(undefined);\n  const hasChanged = !ref.current || !equals(ref.current.value, value);\n\n  useEffect(() => {\n    if (hasChanged) {\n      ref.current = { value };\n    }\n  });\n\n  return hasChanged ? value : ref.current!.value;\n}\n","import type { Selector, SubscribeOptions } from '@core/commonTypes';\nimport type { Store } from '@core/store';\nimport type { Constrain } from '@lib/constrain';\nimport { deepEqual, strictEqual } from '@lib/equals';\nimport { makeSelector } from '@lib/makeSelector';\nimport { isAnyPath, type AnyPath, type Path, type Value } from '@lib/path';\nimport { trackingProxy } from '@lib/trackingProxy';\nimport useMemoEquals from '@react/lib/useMemoEquals';\nimport {\n  useCallback,\n  useDebugValue,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\n\nexport interface UseStoreOptions<T> extends Omit<SubscribeOptions, 'runNow' | 'passive'> {\n  /**\n   * If true, the cache content can be consumed but no fetch will be triggered.\n   * @default false\n   */\n\n  passive?: boolean;\n\n  /**\n   * (experimental) If true, the a rerender will only be triggered when a property of the returned value changes that was\n   * actually accessed during the last render.\n   * @default false\n   */\n  enableTrackingProxy?: boolean;\n\n  /**\n   * (experimental) If provided, a rerender will be wrapped in a browser view transition.\n   */\n  withViewTransition?: boolean | ((value: T) => unknown);\n}\n\nexport interface UseStoreOptionsWithSelector<T, S> extends UseStoreOptions<S> {\n  /**\n   * Equality function to compare the raw store values before reevaluating the selector.\n   * Can be used to avoid unnecessary selector evaluations.\n   * @default strictEqual\n   */\n  storeValueEquals?: (newValue: T, oldValue: T) => boolean;\n}\n\nexport function useStore<T, S>(\n  store: Store<T>,\n  selector: Selector<T, S>,\n  option?: UseStoreOptionsWithSelector<T, S>,\n): S;\n\nexport function useStore<T, const P>(\n  store: Store<T>,\n  selector: Constrain<P, Path<T>>,\n  option?: UseStoreOptionsWithSelector<T, Value<T, P>>,\n): Value<T, P>;\n\nexport function useStore<T>(store: Store<T>, option?: UseStoreOptions<T>): T;\n\nexport function useStore<T, S>(\n  store: Store<T>,\n  ...args:\n    | [Selector<T, S> | AnyPath, UseStoreOptionsWithSelector<T, S>?]\n    | [UseStoreOptionsWithSelector<T, S>?]\n): S {\n  let selectorRaw: Selector<T, S> | AnyPath | undefined;\n  let allOptions: UseStoreOptionsWithSelector<T, S>;\n\n  if (typeof args[0] === 'function' || isAnyPath(args[0])) {\n    selectorRaw = args[0];\n    allOptions = args[1] ?? {};\n  } else {\n    allOptions = args[0] ?? {};\n  }\n\n  const selectorMemoized = useMemoEquals(selectorRaw);\n  const selector = useMemo(() => makeSelector<T, S>(selectorMemoized), [selectorMemoized]);\n  const lastEqualsRef = useRef<(newValue: S) => boolean | undefined>(undefined);\n\n  const {\n    enableTrackingProxy,\n    equals = store.options.equals ?? deepEqual,\n    withViewTransition,\n    storeValueEquals = strictEqual,\n    ...options\n  } = allOptions;\n\n  const snapshot = useRef<{ storeValue: T; selector: (value: T) => S; selectedValue: S }>(\n    undefined,\n  );\n\n  const get = useCallback(() => {\n    const storeValue = store.get();\n\n    if (\n      snapshot.current &&\n      storeValueEquals(storeValue, snapshot.current.storeValue) &&\n      selector === snapshot.current.selector\n    ) {\n      return snapshot.current.selectedValue;\n    }\n\n    const selectedValue = selector(storeValue);\n    if (!(lastEqualsRef.current?.(selectedValue) ?? false)) {\n      snapshot.current = { storeValue, selector, selectedValue };\n    }\n\n    return snapshot.current!.selectedValue;\n  }, [store, storeValueEquals, selector]);\n\n  const rootStore = store.derivedFrom?.store ?? store;\n  const subOptions = useMemoEquals({ ...options, runNow: false });\n\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      let _listener: (value: any) => void = listener;\n      let stopped = false;\n\n      if (withViewTransition && (document as any).startViewTransition) {\n        let lastObservedValue: any;\n\n        _listener = (value: any) => {\n          const observedValue =\n            withViewTransition instanceof Function ? withViewTransition(value) : value;\n\n          if (equals(lastObservedValue, observedValue)) {\n            listener();\n            return;\n          }\n\n          lastObservedValue = observedValue;\n\n          let hasChanges = false;\n          const mutationObserver = new MutationObserver(() => {\n            hasChanges = true;\n            mutationObserver.disconnect();\n          });\n          mutationObserver.observe(document.body, { childList: true, subtree: true });\n\n          (document as any).startViewTransition(() => {\n            mutationObserver.disconnect();\n\n            if (!stopped) {\n              listener();\n            }\n\n            if (!hasChanges) {\n              throw new Error('no change');\n            }\n          });\n        };\n      }\n\n      const cancel = rootStore.subscribe(_listener, subOptions);\n      return () => {\n        stopped = true;\n        cancel();\n      };\n    },\n    [rootStore, withViewTransition, equals, subOptions],\n  );\n\n  let value = useSyncExternalStore<S>(subscribe, get, get);\n  let lastEquals = (newValue: S) => equals(newValue, value);\n  let revoke: (() => void) | undefined;\n\n  if (enableTrackingProxy) {\n    [value, lastEquals, revoke] = trackingProxy(value, equals);\n  }\n\n  useLayoutEffect(() => {\n    lastEqualsRef.current = lastEquals;\n    revoke?.();\n  });\n\n  useDebugValue(value);\n  return value;\n}\n","import { createStore } from '@core';\nimport { useStore } from '@react/useStore';\nimport { createContext, useContext, useLayoutEffect, useMemo, type ReactNode } from 'react';\n\nexport interface LoadingBoundaryEntry {\n  label?: ReactNode;\n}\n\nexport interface LoadingBoundaryProps {\n  /**\n   * Fallback node to render when there are loading components within the boundary.\n   */\n  fallback?: ReactNode | ((entries: LoadingBoundaryEntry[]) => ReactNode);\n\n  /**\n   * Child node to render when there are no loading components within the boundary.\n   */\n  children?: ReactNode;\n\n  /**\n   * Add a loading state from outside the boundary. Useful for when you want to\n   * show a loading state for a component that is not a child of the boundary.\n   */\n  isLoading?: boolean;\n}\n\nconst LoadingBoundaryContext = createContext(createStore(new Set<LoadingBoundaryEntry>()));\n\nexport function LoadingBoundary({\n  fallback,\n  children,\n  isLoading: isLoadingExternal,\n}: LoadingBoundaryProps): React.JSX.Element {\n  const store = useMemo(() => createStore(new Set<LoadingBoundaryEntry>()), []);\n  const entries = useStore(store);\n  const isLoading = entries.size > 0 || isLoadingExternal;\n\n  const fallbackNode = isLoading\n    ? typeof fallback === 'function'\n      ? fallback([...entries])\n      : fallback\n    : undefined;\n\n  return (\n    <LoadingBoundaryContext.Provider value={store}>\n      {fallbackNode !== undefined ? (\n        <>\n          {fallbackNode}\n          <div style={{ display: 'none' }}>{children}</div>\n        </>\n      ) : (\n        children\n      )}\n    </LoadingBoundaryContext.Provider>\n  );\n}\n\nexport function useLoadingBoundary(isLoading: boolean | undefined, label?: ReactNode): void {\n  const store = useContext(LoadingBoundaryContext);\n\n  useLayoutEffect(() => {\n    if (!isLoading) {\n      return;\n    }\n\n    const entry = { label };\n    store.set((entries) => new Set(entries).add(entry));\n\n    return () => {\n      store.set((entries) => {\n        const newEntries = new Set(entries);\n        newEntries.delete(entry);\n        return newEntries;\n      });\n    };\n    // oxlint-disable-next-line exhaustive-deps\n  }, [store, isLoading]);\n}\n","import type { Cache } from '@core';\nimport type { CacheState } from '@lib/cacheState';\nimport { makeSelector } from '@lib/makeSelector';\nimport { useLoadingBoundary } from '@react/loadingBoundary';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { useStore, type UseStoreOptions } from './useStore';\n\nexport type UseCacheArray<T> = [\n  value: T | undefined,\n  error: unknown | undefined,\n  isUpdating: boolean,\n  isStale: boolean,\n];\n\nexport type UseCacheValue<T> = UseCacheArray<T> & CacheState<T>;\n\nexport interface UseCacheOptions<T> extends UseStoreOptions<UseCacheArray<T> & CacheState<T>> {\n  /**\n   * If true, will always return undefined as value and no fetch will be triggered.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * If true, the cache will be invalidated when the component mounts.\n   * @default false\n   */\n  updateOnMount?: boolean;\n\n  /**\n   * If true, `useCache` will throw a promise when the cache is pending. This can be used with React Suspense.\n   * @see https://react.dev/reference/react/Suspense\n   * @default false\n   */\n  suspense?: boolean;\n\n  /**\n   * If true, `useCache` will register its loading state with the nearest `LoadingBoundary`.\n   * @default false\n   */\n  loadingBoundary?: boolean;\n}\n\nexport function useCache<T>(\n  cache: Cache<T, any>,\n  {\n    passive,\n    disabled,\n    updateOnMount,\n    withViewTransition,\n    suspense,\n    loadingBoundary,\n    ...options\n  }: UseCacheOptions<T> = {},\n): UseCacheValue<T> {\n  if (withViewTransition === true) {\n    withViewTransition = (state) => state.value;\n  }\n\n  const { rootCache, selector } = useMemo(() => {\n    const rootCache: Cache<any, any> = cache.derivedFromCache?.cache ?? cache;\n    let selector = (x: any) => x;\n\n    if (cache.derivedFromCache) {\n      selector = (value: any) => {\n        for (const s of cache.derivedFromCache!.selectors) {\n          value = makeSelector(s)(value);\n        }\n        return value;\n      };\n    }\n\n    return { rootCache, selector };\n  }, [cache]);\n\n  const hasMounted = useRef(false);\n\n  useEffect(() => {\n    hasMounted.current = true;\n\n    if (updateOnMount) {\n      rootCache.invalidate();\n    }\n    // oxlint-disable-next-line exhaustive-deps\n  }, []);\n\n  const result = useStore(\n    rootCache.state,\n    (state) => {\n      if (disabled) {\n        return Object.assign<UseCacheArray<T>, CacheState<T>>(\n          [undefined, undefined, false, false],\n          { status: 'pending', isUpdating: false, isStale: false, isConnected: false },\n        );\n      }\n\n      const isStale = updateOnMount && !hasMounted.current ? true : state.isStale;\n      try {\n        const value = state.status === 'value' ? selector(state.value) : undefined;\n\n        return Object.assign<UseCacheArray<T>, CacheState<T>>(\n          [value, state.error, state.isUpdating, isStale],\n          { ...state, value, isStale },\n        );\n      } catch (error) {\n        return Object.assign<UseCacheArray<T>, CacheState<T>>(\n          [undefined, error, state.isUpdating, isStale],\n          {\n            status: 'error',\n            error,\n            isUpdating: state.isUpdating,\n            isStale: isStale,\n            isConnected: state.isConnected,\n          },\n        );\n      }\n    },\n    { ...options, withViewTransition, passive: passive || disabled },\n  );\n\n  useEffect(\n    () => rootCache.subscribe(() => undefined, { passive: passive || disabled }),\n    [rootCache, passive, disabled],\n  );\n\n  useLoadingBoundary(loadingBoundary && !disabled && result.status === 'pending');\n\n  if (suspense && result.status === 'pending') {\n    throw rootCache.get();\n  }\n\n  return result;\n}\n","import type { Cache } from '@core';\nimport { type UseCacheOptions, type UseCacheValue, useCache } from '@react/useCache';\n\nexport const cacheMethods = {\n  useCache<T>(this: Cache<T, any>, options?: UseCacheOptions<T>): UseCacheValue<T> {\n    return useCache(this, options);\n  },\n};\n","import { useEffect, useRef } from 'react';\n\nexport default function useLatestRef<T>(value: T): { current: T } {\n  const ref = useRef(value);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref;\n}\n","import useLatestRef from '@react/lib/useLatestRef';\n\nexport default function useLatestFunction<Args extends any[], R>(\n  fn: (...args: Args) => R,\n): (...args: Args) => R {\n  const ref = useLatestRef(fn);\n\n  return (...args: Args) => {\n    return ref.current(...args);\n  };\n}\n","import { type Selector, type Update } from '@core/commonTypes';\nimport type { Store } from '@core/store';\nimport type { Constrain } from '@lib/constrain';\nimport { isAnyPath, type AnyPath, type SettablePath, type Value } from '@lib/path';\nimport useLatestFunction from '@react/lib/useLatestFunction';\nimport { useStore, type UseStoreOptions } from './useStore';\n\nexport function useProp<T, S>(\n  store: Store<T>,\n  selector: Selector<T, S>,\n  updater: (value: S) => Update<T>,\n  options?: UseStoreOptions<S>,\n): [value: S, setValue: Store<S>['set']];\n\nexport function useProp<T, const P>(\n  store: Store<T>,\n  selector: Constrain<P, SettablePath<T>>,\n  options?: UseStoreOptions<Value<T, P>>,\n): [value: Value<T, P>, setValue: Store<Value<T, P>>['set']];\n\nexport function useProp<T>(\n  store: Store<T>,\n  options?: UseStoreOptions<T>,\n): [value: T, setValue: Store<T>['set']];\n\nexport function useProp<T, S>(\n  store: Store<T>,\n  ...args:\n    | [Selector<T, S>, (value: S) => Update<T>, UseStoreOptions<S>?]\n    | [AnyPath, UseStoreOptions<Value<T, any>>?]\n    | [UseStoreOptions<S>?]\n): [value: S, setValue: Store<S>['set']] {\n  let selector: Selector<T, S> | AnyPath | undefined;\n  let updater: ((value: S) => Update<T>) | undefined;\n  let options: UseStoreOptions<S> | undefined;\n\n  if (typeof args[0] === 'function' || isAnyPath(args[0])) {\n    selector = args[0];\n    if (typeof args[1] === 'function') {\n      updater = args[1];\n      options = args[2];\n    } else {\n      options = args[1];\n    }\n  } else {\n    options = args[0];\n  }\n\n  const value = useStore(store, (selector ?? ((x) => x)) as Selector<T, S>, options);\n\n  const update = useLatestFunction((update) => {\n    let _store: Store<any> = store;\n    if (selector) {\n      _store = _store.map(selector as Selector<any, any>, updater);\n    }\n\n    _store.set(update);\n  });\n\n  return [value, update];\n}\n","import type { Scope, Selector, Update } from '@core';\nimport { createStore, type Store } from '@core/store';\nimport type { Constrain } from '@lib/constrain';\nimport type { Path, Value } from '@lib/path';\nimport { createContext, useContext, useMemo, type Context, type ReactNode } from 'react';\nimport { useProp } from './useProp';\nimport { useStore, type UseStoreOptions } from './useStore';\n\nexport type ScopeProps<T> = { scope: Scope<T>; store?: Store<T>; children?: ReactNode };\n\ndeclare module '..' {\n  interface Scope<T> {\n    context?: Context<Store<T>>;\n  }\n}\n\nfunction getScopeContext<T>(scope: Scope<T>): Context<Store<T>> {\n  scope.context ??= createContext<Store<T>>(createStore(scope.defaultValue));\n  return scope.context;\n}\n\nexport function ScopeProvider<T>({\n  scope,\n  store: inputStore,\n  children,\n}: ScopeProps<T>): React.JSX.Element {\n  const context = getScopeContext(scope);\n  const currentStore = useMemo(\n    () => inputStore ?? createStore(scope.defaultValue),\n    [scope, inputStore],\n  );\n\n  return <context.Provider value={currentStore}>{children}</context.Provider>;\n}\n\nexport function useScope<T>(scope: Scope<T>): Store<T> {\n  const context = getScopeContext(scope);\n  return useContext(context);\n}\n\nexport function useScopeStore<T, S>(\n  scope: Scope<T>,\n  selector: Selector<T, S>,\n  option?: UseStoreOptions<S>,\n): S;\n\nexport function useScopeStore<T, const P>(\n  scope: Scope<T>,\n  selector: Constrain<P, Path<T>>,\n  option?: UseStoreOptions<Value<T, P>>,\n): Value<T, P>;\n\nexport function useScopeStore<T>(scope: Scope<T>, option?: UseStoreOptions<T>): T;\n\nexport function useScopeStore<T>(scope: Scope<T>, ...args: any[]): T {\n  const store = useScope(scope);\n  return useStore(store, ...args);\n}\n\nexport function useScopeProp<T, S>(\n  scope: Scope<T>,\n  selector: Selector<T, S>,\n  updater: (value: S) => Update<T>,\n  options?: UseStoreOptions<S>,\n): [value: S, setValue: Store<S>['set']];\n\nexport function useScopeProp<T, const P>(\n  scope: Scope<T>,\n  selector: Constrain<P, Path<T>>,\n  options?: UseStoreOptions<Value<T, P>>,\n): [value: Value<T, P>, setValue: Store<Value<T, P>>['set']];\n\nexport function useScopeProp<T>(\n  scope: Scope<T>,\n  options?: UseStoreOptions<T>,\n): [value: T, setValue: Store<T>['set']];\n\nexport function useScopeProp<T>(\n  scope: Scope<T>,\n  ...args: any[]\n): [value: T, setValue: Store<T>['set']] {\n  const store = useScope(scope);\n  return useProp(store, ...args);\n}\n","import type { Scope, Selector, Store, Update } from '@core';\nimport type { Constrain } from '@lib/constrain';\nimport type { Path, Value } from '@lib/path';\nimport {\n  ScopeProvider,\n  useScope,\n  useScopeProp,\n  useScopeStore,\n  type ScopeProps,\n} from '@react/scope';\nimport type { UseStoreOptions } from '@react/useStore';\n\nfunction boundUseScope<T>(this: Scope<T>): Store<T> {\n  return useScope(this);\n}\n\nfunction boundUseScopeStore<T, S>(\n  this: Scope<T>,\n  selector: Selector<T, S>,\n  option?: UseStoreOptions<S>,\n): S;\n\nfunction boundUseScopeStore<T, const P>(\n  this: Scope<T>,\n  selector: Constrain<P, Path<T>>,\n  option?: UseStoreOptions<Value<T, P>>,\n): Value<T, P>;\n\nfunction boundUseScopeStore<T>(this: Scope<T>, option?: UseStoreOptions<T>): T;\n\nfunction boundUseScopeStore(this: Scope<any>, ...args: any[]) {\n  return useScopeStore(this, ...args);\n}\n\nfunction boundUseScopeProp<T, S>(\n  this: Scope<T>,\n  selector: Selector<T, S>,\n  updater: (value: S) => Update<T>,\n  options?: UseStoreOptions<S>,\n): [value: S, setValue: Store<S>['set']];\n\nfunction boundUseScopeProp<T, const P>(\n  this: Scope<T>,\n  selector: Constrain<P, Path<T>>,\n  options?: UseStoreOptions<Value<T, P>>,\n): [value: Value<T, P>, setValue: Store<Value<T, P>>['set']];\n\nfunction boundUseScopeProp<T>(\n  this: Scope<T>,\n  options?: UseStoreOptions<T>,\n): [value: T, setValue: Store<T>['set']];\n\nfunction boundUseScopeProp(this: Scope<any>, ...args: any[]) {\n  return useScopeProp(this, ...args);\n}\n\nfunction Provider<T>(this: Scope<T>, props: Omit<ScopeProps<T>, 'scope'>): React.JSX.Element {\n  return ScopeProvider({ ...props, scope: this });\n}\n\nexport const scopeMethods: {\n  useScope: typeof boundUseScope;\n  useStore: typeof boundUseScopeStore;\n  useProp: typeof boundUseScopeProp;\n  Provider: typeof Provider;\n} = {\n  useScope: boundUseScope,\n  useStore: boundUseScopeStore,\n  useProp: boundUseScopeProp,\n  Provider,\n};\n","import type { Selector, Store, Update } from '@core';\nimport type { Constrain } from '@lib/constrain';\nimport type { Path, Value } from '@lib/path';\nimport { useProp } from '@react/useProp';\nimport { type UseStoreOptions, useStore } from '@react/useStore';\n\nfunction boundUseStore<T, S>(\n  this: Store<T>,\n  selector: Selector<T, S>,\n  option?: UseStoreOptions<S>,\n): S;\nfunction boundUseStore<T, const P>(\n  this: Store<T>,\n  selector: Constrain<P, Path<T>>,\n  option?: UseStoreOptions<Value<T, P>>,\n): Value<T, P>;\nfunction boundUseStore<T>(this: Store<T>, option?: UseStoreOptions<T>): T;\nfunction boundUseStore(this: Store<any>, ...args: any[]) {\n  return useStore(this, ...args);\n}\n\nfunction boundUseProp<T, S>(\n  this: Store<T>,\n  selector: Selector<T, S>,\n  updater: (value: S) => Update<T>,\n  options?: UseStoreOptions<S>,\n): [value: S, setValue: Store<S>['set']];\nfunction boundUseProp<T, const P>(\n  this: Store<T>,\n  selector: Constrain<P, Path<T>>,\n  options?: UseStoreOptions<Value<T, P>>,\n): [value: Value<T, P>, setValue: Store<Value<T, P>>['set']];\nfunction boundUseProp<T>(\n  this: Store<T>,\n  options?: UseStoreOptions<T>,\n): [value: T, setValue: Store<T>['set']];\nfunction boundUseProp(this: Store<any>, ...args: any[]) {\n  return useProp(this, ...args);\n}\n\nexport const storeMethods: {\n  useStore: typeof boundUseStore;\n  useProp: typeof boundUseProp;\n} = {\n  useStore: boundUseStore,\n  useProp: boundUseProp,\n};\n"],"mappings":"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"}

package/dist/{storeMethods-y3PlfTHV.d.cts → storeMethods-D71fizqI.d.cts}

@@ -3,17 +3,33 @@ import { B as Value, C as Selector, K as Constrain, N as Path, T as Update, r as
 import { Context, ReactNode } from "react";
 
 //#region src/react/useStore.d.ts
-interface UseStoreOptions<S> extends Omit<SubscribeOptions, "runNow" | "passive"> {
+interface UseStoreOptions<T> extends Omit<SubscribeOptions, "runNow" | "passive"> {
   /**
   * If true, the cache content can be consumed but no fetch will be triggered.
   * @default false
   */
   passive?: boolean;
-  disableTrackingProxy?: boolean;
-  withViewTransition?: boolean | ((value: S) => unknown);
+  /**
+  * (experimental) If true, the a rerender will only be triggered when a property of the returned value changes that was
+  * actually accessed during the last render.
+  * @default false
+  */
+  enableTrackingProxy?: boolean;
+  /**
+  * (experimental) If provided, a rerender will be wrapped in a browser view transition.
+  */
+  withViewTransition?: boolean | ((value: T) => unknown);
+}
+interface UseStoreOptionsWithSelector<T, S> extends UseStoreOptions<S> {
+  /**
+  * Equality function to compare the raw store values before reevaluating the selector.
+  * Can be used to avoid unnecessary selector evaluations.
+  * @default strictEqual
+  */
+  storeValueEquals?: (newValue: T, oldValue: T) => boolean;
 }
-declare function useStore<T, S>(store: Store<T>, selector: Selector<T, S>, option?: UseStoreOptions<S>): S;
-declare function useStore<T, const P>(store: Store<T>, selector: Constrain<P, Path<T>>, option?: UseStoreOptions<Value<T, P>>): Value<T, P>;
+declare function useStore<T, S>(store: Store<T>, selector: Selector<T, S>, option?: UseStoreOptionsWithSelector<T, S>): S;
+declare function useStore<T, const P>(store: Store<T>, selector: Constrain<P, Path<T>>, option?: UseStoreOptionsWithSelector<T, Value<T, P>>): Value<T, P>;
 declare function useStore<T>(store: Store<T>, option?: UseStoreOptions<T>): T;
 //#endregion
 //#region src/react/useCache.d.ts
@@ -104,4 +120,4 @@ declare const storeMethods: {
 };
 //#endregion
 export { useScope as a, UseCacheValue as c, useStore as d, ScopeProvider as i, useCache as l, scopeMethods as n, cacheMethods as o, ScopeProps as r, UseCacheArray as s, storeMethods as t, UseStoreOptions as u };
-//# sourceMappingURL=storeMethods-y3PlfTHV.d.cts.map
+//# sourceMappingURL=storeMethods-D71fizqI.d.cts.map

package/dist/{storeMethods-Dsz0-Cda.d.ts → storeMethods-DmseqZrw.d.ts}

@@ -3,17 +3,33 @@ import { B as Value, C as Selector, K as Constrain, N as Path, T as Update, r as
 import { Context, ReactNode } from "react";
 
 //#region src/react/useStore.d.ts
-interface UseStoreOptions<S> extends Omit<SubscribeOptions, "runNow" | "passive"> {
+interface UseStoreOptions<T> extends Omit<SubscribeOptions, "runNow" | "passive"> {
   /**
   * If true, the cache content can be consumed but no fetch will be triggered.
   * @default false
   */
   passive?: boolean;
-  disableTrackingProxy?: boolean;
-  withViewTransition?: boolean | ((value: S) => unknown);
+  /**
+  * (experimental) If true, the a rerender will only be triggered when a property of the returned value changes that was
+  * actually accessed during the last render.
+  * @default false
+  */
+  enableTrackingProxy?: boolean;
+  /**
+  * (experimental) If provided, a rerender will be wrapped in a browser view transition.
+  */
+  withViewTransition?: boolean | ((value: T) => unknown);
+}
+interface UseStoreOptionsWithSelector<T, S> extends UseStoreOptions<S> {
+  /**
+  * Equality function to compare the raw store values before reevaluating the selector.
+  * Can be used to avoid unnecessary selector evaluations.
+  * @default strictEqual
+  */
+  storeValueEquals?: (newValue: T, oldValue: T) => boolean;
 }
-declare function useStore<T, S>(store: Store<T>, selector: Selector<T, S>, option?: UseStoreOptions<S>): S;
-declare function useStore<T, const P>(store: Store<T>, selector: Constrain<P, Path<T>>, option?: UseStoreOptions<Value<T, P>>): Value<T, P>;
+declare function useStore<T, S>(store: Store<T>, selector: Selector<T, S>, option?: UseStoreOptionsWithSelector<T, S>): S;
+declare function useStore<T, const P>(store: Store<T>, selector: Constrain<P, Path<T>>, option?: UseStoreOptionsWithSelector<T, Value<T, P>>): Value<T, P>;
 declare function useStore<T>(store: Store<T>, option?: UseStoreOptions<T>): T;
 //#endregion
 //#region src/react/useCache.d.ts
@@ -104,4 +120,4 @@ declare const storeMethods: {
 };
 //#endregion
 export { useScope as a, UseCacheValue as c, useStore as d, ScopeProvider as i, useCache as l, scopeMethods as n, cacheMethods as o, ScopeProps as r, UseCacheArray as s, storeMethods as t, UseStoreOptions as u };
-//# sourceMappingURL=storeMethods-Dsz0-Cda.d.ts.map
+//# sourceMappingURL=storeMethods-DmseqZrw.d.ts.map