@picked/react 0.0.56 → 0.0.57-next.1

package/dist/form/index.d.ts

@@ -1,28 +1,37 @@
-import { FormInstance as CoreFormInstance, ErrorCallback, SubmitCallback, SuccessCallback } from '@picked/client/form';
-interface UseFormOptions {
-    formId: string;
-    title: string;
-    fieldKeys: string[];
-}
-/**
- * React FormInstance — identical to core but callback registration returns void
- * (cleanup is handled automatically via useEffect, not by the consumer).
- */
-interface FormInstance<TFieldKeys extends string = string> extends Omit<CoreFormInstance<TFieldKeys>, 'form'> {
-    form: Omit<CoreFormInstance<TFieldKeys>['form'], 'onBeforeSubmit' | 'onSuccess' | 'onError'> & {
-        onBeforeSubmit: (callback: SubmitCallback<TFieldKeys>) => void;
-        onSuccess: (callback: SuccessCallback<TFieldKeys>) => void;
-        onError: (callback: ErrorCallback) => void;
+import { FormEvent } from 'react';
+import { Store } from 'effector';
+import { ErrorCallback, FormInstance as CoreFormInstance, SubmitCallback, SuccessCallback } from '@picked/client/form';
+import { ReactFormField } from '../utils/map-field-to-react';
+export interface FormInstance {
+    form: {
+        props: {
+            onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+        };
+        errors: CoreFormInstance['form']['errors'];
+        submitting: CoreFormInstance['form']['submitting'];
+        onBeforeSubmit: (callback: SubmitCallback) => () => void;
+        onSuccess: (callback: SuccessCallback) => () => void;
+        onError: (callback: ErrorCallback) => () => void;
     };
+    fields: Store<ReactFormField[]>;
 }
 /**
- * React hook wrapping the framework-agnostic createForm from @picked/client/form.
+ * React hook mirroring Svelte's `createForm`: accepts reactive stores for
+ * `title` and `fieldKeys` and returns a React-adapted form instance.
+ *
+ * The form is a stateful object (typed values, errors, subscribers) whose
+ * lifetime is the hook instance, not the render — so `title` and `fieldKeys`
+ * are stores (reactive access over time) rather than values (snapshots).
+ *
+ * `onBeforeSubmit` / `onSuccess` / `onError` return the core unsubscribe so
+ * callers can register inside `useEffect` with standard React cleanup:
+ * `useEffect(() => form.onBeforeSubmit(handler), [form, handler])`.
  *
- * - Injects client and experienceInstance from React context
- * - Collects unsubscribe functions from callback registration and cleans them
- *   up on unmount via a single useEffect
- * - Consumer DX: `form.onSuccess(cb)` — no hooks or lifecycle awareness needed
+ * @param {string} formId - Stable identifier for the form.
+ * @param {Store<string>} title - Store holding the form/step title.
+ * @param {Store<string[]>} fieldKeys - Store of field keys belonging to this form.
+ * @returns {FormInstance} React form with submit handler, mapped fields, and subscribable callbacks.
+ * @example const { form, fields } = useForm(stepKey, nameStore, fieldKeysStore)
  */
-export declare function useForm({ formId, title, fieldKeys }: UseFormOptions): FormInstance;
-export {};
+export declare function useForm(formId: string, title: Store<string>, fieldKeys: Store<string[]>): FormInstance;
 //# sourceMappingURL=index.d.ts.map

package/dist/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAG5B,UAAU,cAAc;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,EAAE,CAAA;CACpB;AAED;;;GAGG;AACH,UAAU,YAAY,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CACrE,gBAAgB,CAAC,UAAU,CAAC,EAC5B,MAAM,CACP;IACC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,WAAW,GAAG,SAAS,CAAC,GAAG;QAC7F,cAAc,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;QAC9D,SAAS,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;QAC1D,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;KAC3C,CAAA;CACF;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,GAAG,YAAY,CAwClF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,4FAA4F;AAC5F,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,cAAc,EACnB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAGlF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;SAClD,CAAA;QACD,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAA;QAC1C,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAA;QAClD,cAAc,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,MAAM,IAAI,CAAA;QACxD,SAAS,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,MAAM,IAAI,CAAA;QACpD,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,MAAM,IAAI,CAAA;KACjD,CAAA;IACD,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAA;CAChC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EACpB,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,GACzB,YAAY,CAgCd"}

package/dist/form/index.js

@@ -1 +1 @@
-import{useExperience as e,usePicked as t}from"../hooks/client.js";import"../hooks/index.js";import{useEffect as n,useMemo as r,useRef as i}from"react";import{createStore as a}from"effector";import{createForm as o}from"@picked/client/form";function s({formId:s,title:c,fieldKeys:l}){let u=t(),d=e(),f=r(()=>a(c),[c]),p=r(()=>a(l),[l]),m=r(()=>o({client:u,experienceInstance:d},s,f,p),[u,d,s,f,p]),h=i([]);return n(()=>()=>{h.current.forEach(e=>e()),h.current=[]},[]),{form:r(()=>({...m.form,onBeforeSubmit:e=>{h.current.push(m.form.onBeforeSubmit(e))},onSuccess:e=>{h.current.push(m.form.onSuccess(e))},onError:e=>{h.current.push(m.form.onError(e))}}),[m]),fields:m.fields}}export{s as useForm};
+import{useExperience as e,usePicked as t}from"../hooks/client.js";import{mapFieldToReact as n}from"../utils/map-field-to-react.js";import{prepareNativeEvent as r}from"../utils/prepare-native-event.js";import{useMemo as i}from"react";import{createForm as a}from"@picked/client/form";function o(o,s,c){let l=t(),u=e(),d=i(()=>a({client:l,experienceInstance:u},o,s,c),[l,u,o,s,c]),f=i(()=>d.fields.map(e=>e.map(n)),[d]);return{form:i(()=>({errors:d.form.errors,submitting:d.form.submitting,props:{onSubmit:e=>{e.preventDefault(),r(e.nativeEvent,e.currentTarget),d.form.props.onsubmit(e.nativeEvent)}},onBeforeSubmit:e=>d.form.onBeforeSubmit(e),onSuccess:e=>d.form.onSuccess(e),onError:e=>d.form.onError(e)}),[d]),fields:f}}export{o as useForm};

package/dist/form/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/dist/form/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../src/form/index.test.tsx"],"names":[],"mappings":""}

package/dist/hooks/index.js

@@ -1 +1 @@
-import{ClientContext as e,ClientProvider as t,ExperienceContext as n,ExperienceProvider as r}from"../context.js";import{useExperience as i,usePicked as a}from"./client.js";import{useSetStepContext as o,useStep as s}from"./step.js";import{useLocalStorage as c,useSessionStorage as l}from"./storage.js";import{getField as u}from"./field.js";import{useFeature as d,useFeatureResult as f}from"./feature.js";export{e as ClientContext,t as ClientProvider,n as ExperienceContext,r as ExperienceProvider,u as getField,i as useExperience,d as useFeature,f as useFeatureResult,c as useLocalStorage,a as usePicked,l as useSessionStorage,o as useSetStepContext,s as useStep};
+import{ClientContext as e,ClientProvider as t,ExperienceContext as n,ExperienceProvider as r}from"../context.js";import{useExperience as i,usePicked as a}from"./client.js";import{useFeature as o,useFeatureResult as s}from"./feature.js";import{getField as c}from"./field.js";import{useSetStepContext as l,useStep as u}from"./step.js";import{useLocalStorage as d,useSessionStorage as f}from"./storage.js";export{e as ClientContext,t as ClientProvider,n as ExperienceContext,r as ExperienceProvider,c as getField,i as useExperience,o as useFeature,s as useFeatureResult,d as useLocalStorage,a as usePicked,f as useSessionStorage,l as useSetStepContext,u as useStep};

package/dist/hooks/step.d.ts

@@ -1,29 +1,15 @@
-import { EventCallable, Store } from 'effector';
-import { ExperienceStep, ValidationError } from '@picked/client';
-import { FormField, ErrorCallback, SubmitCallback, SubmitEventWithCurrentTarget, SuccessCallback } from '@picked/client/form';
+import { Store } from 'effector';
+import { ExperienceStep } from '@picked/client';
+import { FormInstance } from '../form';
+import { ReactFormField } from '../utils/map-field-to-react';
 export interface StepContext {
     step: Store<ExperienceStep>;
-    /** Reactive store of fields with current values, errors, touched state, and event handlers. */
-    fields: Store<FormField[]>;
+    /** Reactive store of fields with React-style event handlers and current state. */
+    fields: Store<ReactFormField[]>;
     isActive: boolean;
     /** @deprecated Use `isActive` instead. */
     isActiveStep: boolean;
-    form: {
-        /** HTML-safe attributes to spread onto a form element. */
-        props: {
-            onsubmit: EventCallable<SubmitEventWithCurrentTarget>;
-        };
-        /** Flat list of all current validation errors. */
-        errors: Store<ValidationError[]>;
-        /** Whether the form is currently submitting. */
-        submitting: Store<boolean>;
-        /** Register a callback to transform data before submission. Cleanup is automatic. */
-        onBeforeSubmit: (callback: SubmitCallback) => void;
-        /** Register a callback to run on successful submission. Cleanup is automatic. */
-        onSuccess: (callback: SuccessCallback) => void;
-        /** Register a callback to run on validation errors. Cleanup is automatic. */
-        onError: (callback: ErrorCallback) => void;
-    };
+    form: FormInstance['form'];
 }
 export declare const StepContextProvider: import('react').Context<StepContext | null>;
 /**
@@ -36,8 +22,12 @@ export declare function useStep(): StepContext;
 /**
  * Creates and provides step context for the given step key.
  *
- * @param {string} stepKey - The step key.
- * @returns {StepContext} The step context with form, fields, and active state.
+ * If the step key is not (yet) present in the experience tree, the returned
+ * `step` store resolves to an empty placeholder and updates reactively once the
+ * step is registered — matching the Svelte SDK's behaviour.
+ *
+ * @param {string} stepKey - The step key to look up in the experience tree.
+ * @returns {StepContext} Step context with form, fields, and active state.
  * @example useSetStepContext('step-1')
  */
 export declare function useSetStepContext(stepKey: string): StepContext;

package/dist/hooks/step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../src/hooks/step.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,4BAA4B,EACjC,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAI5B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC3B,+FAA+F;IAC/F,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,0CAA0C;IAC1C,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE;QACJ,0DAA0D;QAC1D,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa,CAAC,4BAA4B,CAAC,CAAA;SACtD,CAAA;QACD,kDAAkD;QAClD,MAAM,EAAE,KAAK,CAAC,eAAe,EAAE,CAAC,CAAA;QAChC,gDAAgD;QAChD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;QAC1B,qFAAqF;QACrF,cAAc,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAA;QAClD,iFAAiF;QACjF,SAAS,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAA;QAC9C,6EAA6E;QAC7E,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;KAC3C,CAAA;CACF;AAED,eAAO,MAAM,mBAAmB,6CAA0C,CAAA;AAE1E;;;;;GAKG;AACH,wBAAgB,OAAO,IAAI,WAAW,CAOrC;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAkE9D"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../src/hooks/step.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAGjE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC3B,kFAAkF;IAClF,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;IACjB,0CAA0C;IAC1C,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAC3B;AAED,eAAO,MAAM,mBAAmB,6CAA0C,CAAA;AAE1E;;;;;GAKG;AACH,wBAAgB,OAAO,IAAI,WAAW,CAOrC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAyC9D"}

package/dist/hooks/step.js

@@ -1 +1 @@
-import{useExperience as e,usePicked as t}from"./client.js";import{useStepRouter as n}from"../router/context.js";import{createContext as r,useContext as i,useEffect as a,useMemo as o,useRef as s}from"react";import{createForm as c}from"@picked/client/form";var l=r(null);function u(){let e=i(l);if(!e)throw Error(`useStep must be used within a StepContextProvider`);return e}function d(r){let i=e(),l=t(),{activeStep:u}=n(),d=o(()=>u?.key===r,[u?.key,r]),f=o(()=>i.treeStore.map(e=>{let t=e.steps.find(e=>e.key===r);if(!t)throw Error(`Step with key "${r}" not found in the experience tree.`);return t}),[i,r]),p=o(()=>f.map(e=>e.name),[f]),m=o(()=>f.map(e=>e.fieldKeys),[f]),h=o(()=>c({client:l,experienceInstance:i},r,p,m),[l,i,r,p,m]),g=s([]);a(()=>()=>{g.current.forEach(e=>e()),g.current=[]},[]);let _=o(()=>({...h.form,onBeforeSubmit:e=>{g.current.push(h.form.onBeforeSubmit(e))},onSuccess:e=>{g.current.push(h.form.onSuccess(e))},onError:e=>{g.current.push(h.form.onError(e))}}),[h]);return{step:f,fields:h.fields,isActive:d,isActiveStep:d,form:_}}export{l as StepContextProvider,d as useSetStepContext,u as useStep};
+import{useExperience as e}from"./client.js";import{useForm as t}from"../form/index.js";import{useStepRouter as n}from"../router/context.js";import{createContext as r,useContext as i,useMemo as a}from"react";var o=r(null);function s(){let e=i(o);if(!e)throw Error(`useStep must be used within a StepContextProvider`);return e}function c(r){let i=e(),{activeStep:o}=n(),s=a(()=>o?.key===r,[o?.key,r]),c=a(()=>i.treeStore.map(e=>e.steps.find(e=>e.key===r)??{id:r,key:r,name:``,fieldKeys:[]},{skipVoid:!1}),[i,r]),{form:l,fields:u}=t(r,a(()=>c.map(e=>e.name,{skipVoid:!1}),[c]),a(()=>c.map(e=>e.fieldKeys,{skipVoid:!1}),[c]));return{step:c,fields:u,isActive:s,isActiveStep:s,form:l}}export{o as StepContextProvider,c as useSetStepContext,s as useStep};

package/dist/hooks/step.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=step.test.d.ts.map

package/dist/hooks/step.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.test.d.ts","sourceRoot":"","sources":["../../src/hooks/step.test.tsx"],"names":[],"mappings":""}

package/dist/router/StepRouter.js

@@ -1 +1 @@
-import{useExperience as e}from"../hooks/client.js";import{StepRouterProvider as t}from"./context.js";import"../hooks/index.js";import{useCallback as n,useMemo as r,useRef as i,useState as a}from"react";import{supportsWindow as o}from"@picked/client";import{useUnit as s}from"effector-react";import{jsx as c}from"react/jsx-runtime";function l({children:l}){let{currentStepStore:u}=e(),d=s(u),f=i(!1),[p,m]=a([]),[h,g]=a(null),_=n(e=>{if(o())m(t=>[...t,e]);else{if(f.current)return;e.key===d?.key&&(g(e),f.current=!0)}},[d?.key]),v=n(e=>{m(t=>t.filter(t=>t!==e))},[]),y=r(()=>h??p.find(e=>e.key===d?.key)??null,[h,p,d?.key]),b=r(()=>({activeStep:y,registerStep:_,unregisterStep:v}),[y,_,v]);return d?.key?c(t,{value:b,children:l}):null}export{l as default};
+import{useExperience as e}from"../hooks/client.js";import{StepRouterProvider as t}from"./context.js";import"../hooks/index.js";import{useCallback as n,useMemo as r,useRef as i,useState as a}from"react";import{useUnit as o}from"effector-react";import{supportsWindow as s}from"@picked/client";import{jsx as c}from"react/jsx-runtime";function l({children:l}){let{currentStepStore:u}=e(),d=o(u),f=i(!1),[p,m]=a([]),[h,g]=a(null),_=n(e=>{if(s())m(t=>[...t,e]);else{if(f.current)return;e.key===d?.key&&(g(e),f.current=!0)}},[d?.key]),v=n(e=>{m(t=>t.filter(t=>t!==e))},[]),y=r(()=>h??p.find(e=>e.key===d?.key)??null,[h,p,d?.key]),b=r(()=>({activeStep:y,registerStep:_,unregisterStep:v}),[y,_,v]);return d?.key?c(t,{value:b,children:l}):null}export{l as default};

package/dist/utils/map-field-to-react.d.ts

@@ -0,0 +1,32 @@
+import { FormField } from '@picked/client/form';
+import { ChangeEvent, FocusEvent, FormEvent } from 'react';
+type FieldElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export interface ReactFormFieldProps {
+    id: string;
+    name: string;
+    key: string;
+    value: FormField['props']['value'];
+    type: FormField['props']['type'];
+    required: boolean;
+    placeholder: string | undefined;
+    onInput: (e: FormEvent<FieldElement>) => void;
+    onChange: (e: ChangeEvent<FieldElement>) => void;
+    onBlur: (e: FocusEvent<FieldElement>) => void;
+}
+export type ReactFormField = Omit<FormField, 'props'> & {
+    props: ReactFormFieldProps;
+};
+/**
+ * Maps a core FormField to a React-compatible version with camelCase event handlers.
+ *
+ * Replaces lowercase DOM handlers (oninput, onchange, onblur) with React-style
+ * camelCase handlers (onInput, onChange, onBlur) that bridge synthetic events to
+ * the core SDK.
+ *
+ * @param {FormField} field - The core form field to map.
+ * @returns {ReactFormField} A field with React-compatible props.
+ * @example mapFieldToReact(coreField)
+ */
+export declare function mapFieldToReact(field: FormField): ReactFormField;
+export {};
+//# sourceMappingURL=map-field-to-react.d.ts.map

package/dist/utils/map-field-to-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-field-to-react.d.ts","sourceRoot":"","sources":["../../src/utils/map-field-to-react.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAA;AAG/E,KAAK,YAAY,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;AAE9E,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;IAChC,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,OAAO,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IAC7C,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IAChD,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;CAC9C;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACtD,KAAK,EAAE,mBAAmB,CAAA;CAC3B,CAAA;AAiBD;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,cAAc,CAYhE"}

package/dist/utils/map-field-to-react.js

@@ -0,0 +1 @@
+import{restoreCurrentTarget as e}from"./restore-current-target.js";function t(t){return n=>{e(n.nativeEvent,n.currentTarget),t(n.nativeEvent)}}function n(e){let{oninput:n,onchange:r,onblur:i,...a}=e.props;return{...e,props:{...a,onInput:t(n),onChange:t(r),onBlur:t(i)}}}export{n as mapFieldToReact};

package/dist/utils/map-field-to-react.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=map-field-to-react.test.d.ts.map

package/dist/utils/map-field-to-react.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-field-to-react.test.d.ts","sourceRoot":"","sources":["../../src/utils/map-field-to-react.test.tsx"],"names":[],"mappings":""}

package/dist/utils/prepare-native-event.d.ts

@@ -0,0 +1,16 @@
+import { SubmitEventWithCurrentTarget } from '@picked/client/form';
+/**
+ * Narrows a native form submit event to SubmitEventWithCurrentTarget, restoring
+ * currentTarget as a side effect so the core SDK can build FormData.
+ *
+ * Always runs unconditionally. Testing-library's `fireEvent.submit` dispatches
+ * a plain Event (not SubmitEvent), and some legacy programmatic submits do the
+ * same. The core consumer only reads currentTarget, so the narrowed type is a
+ * TypeScript assertion, not a runtime gate.
+ *
+ * @param {Event} nativeEvent - Native DOM event from a React form submission.
+ * @param {HTMLFormElement} currentTarget - Form element from React's synthetic event.
+ * @example prepareNativeEvent(e.nativeEvent, e.currentTarget)
+ */
+export declare function prepareNativeEvent(nativeEvent: Event, currentTarget: HTMLFormElement): asserts nativeEvent is SubmitEventWithCurrentTarget;
+//# sourceMappingURL=prepare-native-event.d.ts.map

package/dist/utils/prepare-native-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-native-event.d.ts","sourceRoot":"","sources":["../../src/utils/prepare-native-event.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAGvE;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,eAAe,GAC7B,OAAO,CAAC,WAAW,IAAI,4BAA4B,CAErD"}

package/dist/utils/prepare-native-event.js

@@ -0,0 +1 @@
+import{restoreCurrentTarget as e}from"./restore-current-target.js";function t(t,n){e(t,n)}export{t as prepareNativeEvent};

package/dist/utils/restore-current-target.d.ts

@@ -0,0 +1,17 @@
+/** @file Writes currentTarget onto a native event to bridge React's synthetic events to DOM handlers. */
+/**
+ * Writes currentTarget onto a native DOM event.
+ *
+ * React delegates events at the root and preserves currentTarget only on its
+ * synthetic wrapper — the underlying native event has currentTarget set to the
+ * delegation root during dispatch and reset to null afterwards. The core SDK's
+ * handlers read currentTarget directly, so this restores the element that React
+ * routed the event to. `writable: true` lets the property be reassigned if the
+ * same event bubbles through multiple bridged handlers.
+ *
+ * @param {Event} event - The native DOM event from a React synthetic event.
+ * @param {EventTarget} currentTarget - The element from React's synthetic event.
+ * @example restoreCurrentTarget(e.nativeEvent, e.currentTarget)
+ */
+export declare function restoreCurrentTarget(event: Event, currentTarget: EventTarget): void;
+//# sourceMappingURL=restore-current-target.d.ts.map

package/dist/utils/restore-current-target.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"restore-current-target.d.ts","sourceRoot":"","sources":["../../src/utils/restore-current-target.ts"],"names":[],"mappings":"AAAA,yGAAyG;AAEzG;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,GAAG,IAAI,CAMnF"}

package/dist/utils/restore-current-target.js

@@ -0,0 +1 @@
+function e(e,t){Object.defineProperty(e,`currentTarget`,{value:t,configurable:!0,writable:!0})}export{e as restoreCurrentTarget};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/react",
-  "version": "0.0.56",
+  "version": "0.0.57-next.1",
   "devDependencies": {
     "@picked/client": "workspace:*",
     "@repo/eslint-config": "workspace:*",
@@ -85,7 +85,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.56",
+    "@picked/client": "0.0.57-next.1",
     "effector": "^23.3.0",
     "effector-react": "^23.3.0",
     "react": "19.2.2",