@picked/react 0.0.1-dev.1789541668638 → 0.0.1-next.2

package/dist/component.d.ts

@@ -1,10 +1,10 @@
-import type { AdaptedComponent, AdaptedComponentStyle, LazyComponentLoader } from '@picked/client';
-import type { ComponentType } from 'react';
+import { AdaptedComponent, AdaptedComponentStyle } from '@picked/client';
+import { ComponentType } from 'react';
 export type ComponentWithProps = ComponentType<any>;
 export declare const adaptReactComponent: (component: ComponentWithProps | Promise<{
     default: ComponentWithProps;
-}> | LazyComponentLoader<ComponentWithProps>, style?: AdaptedComponentStyle) => AdaptedComponent<'react', ComponentWithProps | Promise<{
+}>, style?: AdaptedComponentStyle) => AdaptedComponent<"react", ComponentWithProps | Promise<{
     default: ComponentWithProps;
-}> | LazyComponentLoader<ComponentWithProps>>;
-export declare const isValidAdaptedComponent: (component: AdaptedComponent<string, unknown>) => component is AdaptedComponent<'react', ComponentWithProps>;
+}>>;
+export declare const isValidAdaptedComponent: (component: AdaptedComponent<string, unknown>) => component is AdaptedComponent<"react", ComponentWithProps>;
 //# sourceMappingURL=component.d.ts.map

package/dist/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAClG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;AAKnD,eAAO,MAAM,mBAAmB,cAE1B,kBAAkB,GAClB,OAAO,CAAC;IAAE,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC,GACxC,mBAAmB,CAAC,kBAAkB,CAAC,UACnC,qBAAqB,KAC5B,gBAAgB,CACjB,OAAO,EACL,kBAAkB,GAClB,OAAO,CAAC;IAAE,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC,GACxC,mBAAmB,CAAC,kBAAkB,CAAC,CAO1C,CAAA;AAED,eAAO,MAAM,uBAAuB,cACvB,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,KAC3C,SAAS,IAAI,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAE3D,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;AAKnD,eAAO,MAAM,mBAAmB,GAC9B,WAAW,kBAAkB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC,EACxE,QAAQ,qBAAqB,KAC5B,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC,CAMzF,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,KAC3C,SAAS,IAAI,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAE3D,CAAA"}

package/dist/component.js

@@ -1 +1 @@
-var e=(e,t)=>({frameworkName:`react`,component:e,style:t}),t=e=>e.frameworkName===`react`;export{e as adaptReactComponent,t as isValidAdaptedComponent};
+const a=(e,t)=>({frameworkName:"react",component:e,style:t}),r=e=>e.frameworkName==="react";export{a as adaptReactComponent,r as isValidAdaptedComponent};

package/dist/context.d.ts

@@ -1,6 +1,76 @@
-import type { ExperienceInstance, Picked } from '@picked/client';
-export declare const ClientContext: import("react").Context<Picked | null>;
-export declare const ClientProvider: import("react").Provider<Picked | null>;
-export declare const ExperienceContext: import("react").Context<ExperienceInstance | null>;
-export declare const ExperienceProvider: import("react").Provider<ExperienceInstance | null>;
+import { Picked } from '@picked/client';
+export declare const ClientContext: import('react').Context<Picked | null>;
+export declare const ClientProvider: import('react').Provider<Picked | null>;
+export declare const ExperienceContext: import('react').Context<{
+    experienceId: string;
+    configStore: import('effector').Store<{
+        type: string;
+        name: string;
+        decisionLogic: import('node_modules/@picked/client/dist/types/logic-engine').LogicRule | undefined;
+        targetSelectors: import('@picked/client').ExperienceTarget[];
+    }>;
+    target: HTMLElement | undefined;
+    componentStore: import('effector').Store<{
+        name: string;
+        component: import('@picked/client').AdaptedComponent<string, unknown>;
+        frameworkStore: import('effector').Store<import('@picked/client').Framework | undefined>;
+    } | undefined>;
+    stateStore: import('effector').StoreWritable<"transitioning" | "ready">;
+    isOpenStore: import('effector').StoreWritable<boolean>;
+    open: import('effector').EventCallable<void>;
+    close: import('effector').EventCallable<void>;
+    toggleOpen: import('effector').EventCallable<void>;
+    setOpen: import('effector').EventCallable<boolean>;
+    treeStore: import('effector').Store<{
+        steps: import('@picked/client').ExperienceStep[];
+        nodes: import('@picked/client').ExperienceNode[];
+        edges: import('@picked/client').ExperienceEdge[];
+        conditionals: import('@picked/client').ExperienceConditional[];
+    }>;
+    currentNodeStore: import('effector').Store<import('@picked/client').ExperienceNode | null>;
+    currentStepStore: import('effector').Store<import('@picked/client').ExperienceStep | null>;
+    nextReachableStepNodesStore: import('effector').Store<import('@picked/client').ExperienceNode[]>;
+    stepsToOriginStore: import('effector').Store<number[]>;
+    stepsToLeafStore: import('effector').Store<number[]>;
+    goToNextStep: import('effector').EventCallable<void>;
+    goToPreviousStep: import('effector').EventCallable<void>;
+    goToStepById: import('effector').EventCallable<string>;
+    stepsHistoryStore: import('effector').Store<import('@picked/client').HistoryEntry[]>;
+} | null>;
+export declare const ExperienceProvider: import('react').Provider<{
+    experienceId: string;
+    configStore: import('effector').Store<{
+        type: string;
+        name: string;
+        decisionLogic: import('node_modules/@picked/client/dist/types/logic-engine').LogicRule | undefined;
+        targetSelectors: import('@picked/client').ExperienceTarget[];
+    }>;
+    target: HTMLElement | undefined;
+    componentStore: import('effector').Store<{
+        name: string;
+        component: import('@picked/client').AdaptedComponent<string, unknown>;
+        frameworkStore: import('effector').Store<import('@picked/client').Framework | undefined>;
+    } | undefined>;
+    stateStore: import('effector').StoreWritable<"transitioning" | "ready">;
+    isOpenStore: import('effector').StoreWritable<boolean>;
+    open: import('effector').EventCallable<void>;
+    close: import('effector').EventCallable<void>;
+    toggleOpen: import('effector').EventCallable<void>;
+    setOpen: import('effector').EventCallable<boolean>;
+    treeStore: import('effector').Store<{
+        steps: import('@picked/client').ExperienceStep[];
+        nodes: import('@picked/client').ExperienceNode[];
+        edges: import('@picked/client').ExperienceEdge[];
+        conditionals: import('@picked/client').ExperienceConditional[];
+    }>;
+    currentNodeStore: import('effector').Store<import('@picked/client').ExperienceNode | null>;
+    currentStepStore: import('effector').Store<import('@picked/client').ExperienceStep | null>;
+    nextReachableStepNodesStore: import('effector').Store<import('@picked/client').ExperienceNode[]>;
+    stepsToOriginStore: import('effector').Store<number[]>;
+    stepsToLeafStore: import('effector').Store<number[]>;
+    goToNextStep: import('effector').EventCallable<void>;
+    goToPreviousStep: import('effector').EventCallable<void>;
+    goToStepById: import('effector').EventCallable<string>;
+    stepsHistoryStore: import('effector').Store<import('@picked/client').HistoryEntry[]>;
+} | null>;
 //# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEhE,eAAO,MAAM,aAAa,wCAAqC,CAAA;AAC/D,eAAO,MAAM,cAAc,yCAAyB,CAAA;AAEpD,eAAO,MAAM,iBAAiB,oDAAiD,CAAA;AAC/E,eAAO,MAAM,kBAAkB,qDAA6B,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAsB,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEhE,eAAO,MAAM,aAAa,wCAAqC,CAAA;AAC/D,eAAO,MAAM,cAAc,yCAAyB,CAAA;AAEpD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAiD,CAAA;AAC/E,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAA6B,CAAA"}

package/dist/context.js

@@ -1 +1 @@
-import{createContext as e}from"react";var t=e(null),n=t.Provider,r=e(null),i=r.Provider;export{t as ClientContext,n as ClientProvider,r as ExperienceContext,i as ExperienceProvider};
+import{createContext as e}from"react";const t=e(null),n=t.Provider,o=e(null),i=o.Provider;export{t as ClientContext,n as ClientProvider,o as ExperienceContext,i as ExperienceProvider};

package/dist/form/index.d.ts

@@ -1,50 +1,16 @@
-/** @file React `useForm` hook — thin adapter over createForm from `@picked/client/form`. */
-import { type FormEvent } from 'react';
-import type { Store } from 'effector';
-import { type ErrorCallback, type FormInstance as CoreFormInstance, type SubmitCallback, type SuccessCallback } from '@picked/client/form';
-import { type ReactFormField } from '../utils/map-field-to-react';
-import { type FormCallbackOptions, type FormCallbackRegistrars } from './use-form-callbacks';
-export type { FormCallbackOptions, FormCallbackRegistrars, FormCallbackChannel, } from './use-form-callbacks';
-export type { ReactFormField, ReactFormFieldProps } from '../utils/map-field-to-react';
-export interface FormInstance<TFieldKeys extends string = string> {
+import { ValidationError } from '@picked/client';
+interface GetFormOptions {
+    id: string;
+    title: string;
+    onSuccess?: () => void | Promise<void>;
+    onError?: (errors: ValidationError[]) => void | Promise<void>;
+}
+export declare function useForm(options: GetFormOptions): {
     form: {
-        props: {
-            onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-        };
-        errors: CoreFormInstance['form']['errors'];
-        submitting: CoreFormInstance['form']['submitting'];
-        onBeforeSubmit: (callback: SubmitCallback<TFieldKeys>) => void;
-        onSuccess: (callback: SuccessCallback<TFieldKeys>) => void;
-        onError: (callback: ErrorCallback) => void;
+        onsubmit: (event: SubmitEvent & {
+            currentTarget: EventTarget & HTMLFormElement;
+        }) => Promise<void>;
     };
-    fields: Store<ReactFormField[]>;
-    /**
-     * Raw core registrars, so a hook that owns its own callback channel (`useStep`)
-     * can register its dispatcher directly against the core rather than nesting
-     * inside this hook's channel. Internal: not part of the supported surface.
-     */
-    formRegistrars: FormCallbackRegistrars;
-}
-/**
- * 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).
- *
- * Callback lifetime is the hook instance, not the render: `onBeforeSubmit` /
- * `onSuccess` / `onError` are safe to call from a render body and return `void`,
- * because cleanup happens automatically when the hook unmounts. Prefer the
- * `options` argument — it is latest-wins and has no registration side effect at
- * all. See `use-form-callbacks.ts` for how this is achieved.
- *
- * @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.
- * @param {FormCallbackOptions} [options] - Latest-wins submit callback slots.
- * @returns {FormInstance} React form with submit handler, mapped fields, and subscribable callbacks.
- * @example const { form, fields } = useForm(stepKey, nameStore, fieldKeysStore, { onSuccess })
- */
-export declare function useForm(formId: string, title: Store<string>, fieldKeys: Store<string[]>, options?: FormCallbackOptions): FormInstance;
+};
+export {};
 //# 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":"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;AAElF,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC5B,MAAM,sBAAsB,CAAA;AAE7B,YAAY,EACV,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,sBAAsB,CAAA;AAE7B,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEtF,MAAM,WAAW,YAAY,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM;IAC9D,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,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;IACD,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAA;IAC/B;;;;OAIG;IACH,cAAc,EAAE,sBAAsB,CAAA;CACvC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EACpB,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,EAC1B,OAAO,CAAC,EAAE,mBAAmB,GAC5B,YAAY,CA2Cd"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAQxE,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC9D;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc;;0BAKd,WAAW,GAAG;YAAE,aAAa,EAAE,WAAW,GAAG,eAAe,CAAA;SAAE;;EAyG9F"}

package/dist/form/index.js

@@ -1 +1 @@
-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{useFormCallbacks as i}from"./use-form-callbacks.js";import{useMemo as a}from"react";import{createForm as o}from"@picked/client/form";function s(s,c,l,u){let d=t(),f=e(),p=a(()=>o({client:d,experienceInstance:f},s,c,l),[d,f,s,c,l]),m=a(()=>p.fields.map(e=>e.map(n)),[p]),h=a(()=>({onBeforeSubmit:e=>p.form.onBeforeSubmit(e),onSuccess:e=>p.form.onSuccess(e),onError:e=>p.form.onError(e)}),[p]),g=i(h,u);return{form:a(()=>({errors:p.form.errors,submitting:p.form.submitting,props:{onSubmit:e=>{e.preventDefault(),r(e.nativeEvent,e.currentTarget),p.form.props.onsubmit(e.nativeEvent)}},onBeforeSubmit:g.onBeforeSubmit,onSuccess:g.onSuccess,onError:g.onError}),[p,g]),fields:m,formRegistrars:h}}export{s as useForm};
+import{usePicked as v,useExperience as y}from"../hooks/client.js";import"../hooks/step.js";import"react";import"@picked/client";function _(a){const s=v();y();const{id:n,title:o}=a;async function d(c){var f,m;c.preventDefault(),s.eventBus({type:"form_submit",form:{id:n,title:o}});const p=new FormData(c.currentTarget),i={data:{},push(t){const r=t.questionId,e=this.data[r];e?Array.isArray(e)&&Array.isArray(t.value)?Array.isArray(e)&&Array.isArray(t.value)&&(typeof e[0]=="string"?this.data[r]=[...e,...t.value].map(String):typeof e[0]=="number"?this.data[r]=[...e,...t.value].map(Number):typeof e[0]=="boolean"?this.data[r]=[...e,...t.value].map(u=>!!u):this.data[r]=t.value):this.data[r]=t.value:this.data[r]=t.value}};for(const[t,r]of p.entries()){const e=s.fields.getById(t).getState();if(!e)continue;const u=e.id;switch(e.type){case"text":i.push({questionId:u,value:e.multiple?[String(r)]:String(r)});break;case"number":i.push({questionId:u,value:e.multiple?[Number(r)]:Number(r)});break;case"boolean":i.push({questionId:u,value:e.multiple?[r==="true"]:r==="true"});break}}const{errors:l}=await s.responses.commit(i.data);if(l.length>0){s.eventBus({type:"form_submit_error",form:{id:n,title:o},exception:"Form validation error"}),l.forEach(t=>{s.eventBus({type:"field_validation_error",exception:t})}),await((f=a.onError)==null?void 0:f.call(a,l));return}s.eventBus({type:"form_submit_success",form:{id:n,title:o}}),await((m=a.onSuccess)==null?void 0:m.call(a))}return{form:{onsubmit:d}}}export{_ as useForm};

package/dist/hooks/client.d.ts

@@ -1,16 +1,16 @@
-import type { ExperienceInstance, Picked } from '@picked/client';
+import { ExperienceInstance, Picked } from '@picked/client';
 /**
- * Retrieves the Picked Client for the Experience Instance.
- * @returns The Picked client instance that provides access to experiences, steps, and other Picked functionality.
- * @example
- * const client = usePicked()
+ * Retrieves the Picked Client for the Experience Instance
+ *
+ * @returns The Picked client instance that provides access to experiences, steps, and other Picked functionality
  */
 export declare function usePicked(): Picked;
 /**
- * Retrieves the Experience Store for the current Experience Instance.
- * @returns The Experience store instance that provides access to experience configuration and state.
- * @example
- * const experience = useExperience()
+ * Retrieves the Experience Store for the current Experience Instance
+ *
+ * @returns The Experience store instance that provides access to experience configuration and state
  */
 export declare function useExperience(): ExperienceInstance;
+export declare const getPicked: typeof usePicked;
+export declare const getExperience: typeof useExperience;
 //# sourceMappingURL=client.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/hooks/client.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAGhE;;;;;GAKG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAOlC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,CAOlD"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/hooks/client.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAGhE;;;;GAIG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAOlC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,CAOlD;AAGD,eAAO,MAAM,SAAS,kBAAY,CAAA;AAClC,eAAO,MAAM,aAAa,sBAAgB,CAAA"}

package/dist/hooks/client.js

@@ -1 +1 @@
-import{ClientContext as e,ExperienceContext as t}from"../context.js";import{useContext as n}from"react";function r(){let t=n(e);if(!t)throw Error(`usePicked must be used within a ClientProvider`);return t}function i(){let e=n(t);if(!e)throw Error(`useExperience must be used within an ExperienceProvider`);return e}export{i as useExperience,r as usePicked};
+import{useContext as t}from"react";import{ClientContext as n,ExperienceContext as r}from"../context.js";function i(){const e=t(n);if(!e)throw new Error("usePicked must be used within a ClientProvider");return e}function o(){const e=t(r);if(!e)throw new Error("useExperience must be used within an ExperienceProvider");return e}const u=i,x=o;export{x as getExperience,u as getPicked,o as useExperience,i as usePicked};

package/dist/hooks/field.d.ts

@@ -1,20 +1,8 @@
-/**
- * @file React hook for accessing individual field data and response values from the Picked client.
- */
-import type { Field, FieldKeys, FieldValueFor } from '@picked/client';
-import type { Store } from 'effector';
-export interface GetFieldResponse<K extends FieldKeys = FieldKeys> {
-    value: Store<FieldValueFor<K>>;
+import { Field, FieldValue } from '@picked/client';
+import { Store } from 'effector';
+export interface GetFieldResponse {
+    value: Store<FieldValue>;
     field: Store<Field | null>;
 }
-/**
- * Returns reactive stores for a field definition and its current response value.
- *
- * @template K
- * @param {K} key - Field key from the workspace schema.
- * @returns {GetFieldResponse<K>} Field metadata and value stores.
- * @example
- * const { value } = getField('email')
- */
-export declare function getField<K extends FieldKeys>(key: K): GetFieldResponse<K>;
+export declare function getField(id: string): GetFieldResponse;
 //# sourceMappingURL=field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/hooks/field.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGrC,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IAC/D,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;CAC3B;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAQzE"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/hooks/field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGrC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;IACxB,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,gBAAgB,CAQrD"}

package/dist/hooks/field.js

@@ -1 +1 @@
-import{usePicked as e}from"./client.js";function t(t){let n=e();return{field:n.fields.getByKey(t),value:n.responses.getByFieldKey(t)}}export{t as getField};
+import{getPicked as s}from"./client.js";function r(e){const t=s(),n=t.fields.getById(e),o=t.responses.getByFieldId(e);return{field:n,value:o}}export{r as getField};

package/dist/hooks/index.d.ts

@@ -1,17 +1,5 @@
-/**
- * @file Public re-exports for the hooks entry point.
- */
-export { ClientContext, ClientProvider, ExperienceContext, ExperienceProvider } from '../context';
-export { usePicked, useExperience } from './client';
-export { useStoreGlobal } from './use-store-global';
-export { useStep, useSetStepContext, useStepContent } from './step';
-export type { StepContext } from './step';
-export type { ReactFormField, ReactFormFieldProps } from '../utils/map-field-to-react';
+export { usePicked, useExperience, getPicked, getExperience } from './client';
+export { useStep, useSetStepContext } from './step';
 export { useSessionStorage, useLocalStorage } from './storage';
-export type { UseStorageOptions } from './storage';
 export * from './field';
-export { useFeature, useFeatureResult, useFeatureEnabled } from './feature';
-export { useAction, useActionResult } from './action';
-export { useContent } from './content';
-export { useReference, useReferences } from './reference';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACjG,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACzC,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACtF,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC9D,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC7E,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC9D,cAAc,SAAS,CAAA"}

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{useStoreGlobal as o}from"./use-store-global.js";import{useSetStepContext as s,useStep as c,useStepContent as l}from"./step.js";import{useLocalStorage as u,useSessionStorage as d}from"./storage.js";import{getField as f}from"./field.js";import{useFeature as p,useFeatureEnabled as m,useFeatureResult as h}from"./feature.js";import{useAction as g,useActionResult as _}from"./action.js";import{useContent as v}from"./content.js";import{useReference as y,useReferences as b}from"./reference.js";export{e as ClientContext,t as ClientProvider,n as ExperienceContext,r as ExperienceProvider,f as getField,g as useAction,_ as useActionResult,v as useContent,i as useExperience,p as useFeature,m as useFeatureEnabled,h as useFeatureResult,u as useLocalStorage,a as usePicked,y as useReference,b as useReferences,d as useSessionStorage,s as useSetStepContext,c as useStep,l as useStepContent,o as useStoreGlobal};
+import{getExperience as o,getPicked as r,useExperience as p,usePicked as s}from"./client.js";import{useSetStepContext as i,useStep as u}from"./step.js";import{useLocalStorage as c,useSessionStorage as g}from"./storage.js";import{getField as m}from"./field.js";export{o as getExperience,m as getField,r as getPicked,p as useExperience,c as useLocalStorage,s as usePicked,g as useSessionStorage,i as useSetStepContext,u as useStep};

package/dist/hooks/step.d.ts

@@ -1,100 +1,25 @@
-import { type Store } from 'effector';
-import type { Content, ContentForStep, ExperienceStep, FieldKeysForStep, StepContentModelsMap, StepKeys, StepLayoutContent } from '@picked/client';
-import { type FormInstance } from '../form';
-import { type FormCallbackOptions } from '../form/use-form-callbacks';
-import type { ReactFormField } from '../utils/map-field-to-react';
-export interface StepContext<TFieldKeys extends string = string> {
-    step: Store<ExperienceStep>;
-    /** Reactive store of fields with React-style event handlers and current state. */
-    fields: Store<ReactFormField[]>;
-    /**
-     * Reactive store of the current step's CMS layout content. Resolves the step's
-     * `layoutContentId` against `client.contents` and stays reactive — when content is
-     * registered or updated, subscribers re-render. Yields `null` when the step has no
-     * `layoutContentId` or the referenced content has not been registered yet.
-     */
-    layoutContentStore: Store<Content | null>;
-    /**
-     * Reactive store of the current step's CMS content `data`, or `null` when the step has
-     * no `layoutContentId` or the referenced content is not yet registered. Derived from
-     * `layoutContentStore`; subscribe with `useStoreGlobal(content)`. This is the value
-     * `useStepContent()` yields, exposed here so a step can read everything it needs from a
-     * single `useStep()` call.
-     */
-    content: Store<StepLayoutContent | null>;
-    isActive: boolean;
-    /** @deprecated Use `isActive` instead. */
+import { Field, Response } from '@picked/client';
+export interface StepContextValue {
+    step: {
+        id: string;
+        label: string;
+    };
+    fields: {
+        field: Field | undefined;
+        value: Response | undefined;
+    }[];
     isActiveStep: boolean;
-    form: FormInstance<TFieldKeys>['form'];
-    /**
-     * Raw core registrars, used by `useStep` to own a callback channel scoped to the
-     * consuming component rather than to `Step`. Internal: not part of the
-     * supported surface.
-     */
-    formRegistrars: FormInstance<TFieldKeys>['formRegistrars'];
 }
-export declare const StepContextProvider: import("react").Context<StepContext<string> | null>;
-/**
- * Retrieves the step context from the nearest provider.
- *
- * The returned `form`'s callback registration is scoped to **this** hook
- * instance, not to the enclosing `Step`. That distinction is load-bearing: a
- * component subscribed to field state re-renders on every keystroke while `Step`
- * does not, so a channel anchored at `Step` would still accumulate one
- * registration per consumer render. Callbacks are torn down when the consuming
- * component unmounts, independently of sibling consumers.
- *
- * @param {FormCallbackOptions} [options] - Latest-wins submit callback slots; the recommended way to attach callbacks.
- * @returns {StepContext} The current step context, loosely typed.
- * @example const { form, fields } = useStep({ onSuccess: ({ data }) => track(data) })
- */
-export declare function useStep(options?: FormCallbackOptions): StepContext;
-/**
- * Retrieves the step context narrowed by an asserted step key.
- *
- * The `K` type argument is compile-time narrowing only. It asserts which step the caller
- * renders, so `content` resolves to that step's content model and the `form`/field callbacks
- * type against that step's field keys. Runtime data always comes from the current provider.
- *
- * @template K
- * @param {FormCallbackOptions} [options] - Latest-wins submit callback slots, typed to that step's field keys.
- * @returns {StepContext} The current step context with `content` narrowed to `ContentForStep<K>`.
- * @example useStep<'lead-capture-form'>({ onSuccess: ({ data }) => track(data) })
- */
-export declare function useStep<K extends StepKeys>(options?: FormCallbackOptions<FieldKeysForStep<K>>): Omit<StepContext<FieldKeysForStep<K>>, 'content'> & {
-    content: Store<ContentForStep<K> | null>;
+export declare function useStep(): StepContextValue;
+export declare function useSetStepContext(stepId: string): {
+    step: {
+        id: string;
+        label: string;
+    };
+    fields: {
+        field: Field | undefined;
+        value: import('@picked/client').FieldValue | undefined;
+    }[];
+    isActiveStep: boolean;
 };
-/**
- * Creates and provides step context for the given step key.
- *
- * 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 {StepKeys} stepKey - Step key from the workspace schema, looked up in the experience tree.
- * @param {FormCallbackOptions} [options] - Latest-wins submit callback slots for the step's own form.
- * @returns {StepContext} Step context with form, fields, and active state.
- * @example useSetStepContext('step-1', { onSuccess: ({ data }) => track(data) })
- */
-export declare function useSetStepContext(stepKey: StepKeys, options?: FormCallbackOptions): StepContext;
-/**
- * Returns the current step's resolved CMS content data, or `null` when no content is registered.
- *
- * The optional `K` type argument is compile-time narrowing only. It asserts which step the
- * caller renders; runtime data always comes from the current step context.
- *
- * @returns {StepLayoutContent | null} The Content record's `data`, or `null`.
- * @example
- * const content = useStepContent()
- */
-export declare function useStepContent(): StepLayoutContent | null;
-/**
- * Returns the current step's CMS content narrowed by an asserted step key.
- *
- * @template K
- * @returns {ContentForStep<K> | null} Narrowed content data, or `null`.
- * @example
- * const content = useStepContent<'main'>()
- */
-export declare function useStepContent<K extends keyof StepContentModelsMap>(): ContentForStep<K> | null;
 //# sourceMappingURL=step.d.ts.map

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,EAAW,KAAK,KAAK,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,QAAQ,EACR,iBAAiB,EAClB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,EAAoB,KAAK,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAIjE,MAAM,WAAW,WAAW,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM;IAC7D,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC3B,kFAAkF;IAClF,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAA;IAC/B;;;;;OAKG;IACH,kBAAkB,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IACzC;;;;;;OAMG;IACH,OAAO,EAAE,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACxC,QAAQ,EAAE,OAAO,CAAA;IACjB,0CAA0C;IAC1C,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACtC;;;;OAIG;IACH,cAAc,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,CAAA;CAC3D;AAED,eAAO,MAAM,mBAAmB,qDAA0C,CAAA;AAE1E;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,WAAW,CAAA;AACnE;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,QAAQ,EACxC,OAAO,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GACjD,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IACrD,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;CACzC,CAAA;AA0BD;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAG,WAAW,CAoE/F;AAgCD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,IAAI,iBAAiB,GAAG,IAAI,CAAA;AAC1D;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,oBAAoB,KAAK,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../src/hooks/step.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAKrD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;QAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAA;KAAE,EAAE,CAAA;IACnE,YAAY,EAAE,OAAO,CAAA;CACtB;AAID,wBAAgB,OAAO,qBAOtB;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM;;;;;;;;;;EA4C/C"}

package/dist/hooks/step.js

@@ -1 +1 @@
-import{useExperience as e,usePicked as t}from"./client.js";import{useStoreGlobal as n}from"./use-store-global.js";import{useFormCallbacks as r}from"../form/use-form-callbacks.js";import{useForm as i}from"../form/index.js";import{useStepRouter as a}from"../router/context.js";import{createContext as o,useContext as s,useMemo as c}from"react";import{combine as l}from"effector";var u=o(null);function d(e){let t=s(u),n=r(t?.formRegistrars,e),i=c(()=>t?{...t,form:{...t.form,...n}}:null,[t,n]);if(!i)throw Error(`useStep must be used within a StepContextProvider`);return i}function f(n,r){let o=e(),s=t(),{activeStep:u}=a(),d=c(()=>u?.key===n,[u?.key,n]),f=c(()=>o.treeStore.map(e=>e.steps.find(e=>e.key===n)??{id:n,key:n,name:``,fieldKeys:[]},{skipVoid:!1}),[o,n]),p=c(()=>f.map(e=>e.name,{skipVoid:!1}),[f]),m=c(()=>f.map(e=>e.fieldKeys,{skipVoid:!1}),[f]),{form:h,fields:g,formRegistrars:_}=i(n,p,m,r),v=c(()=>l(f,s.contents.indexStore,(e,t)=>e.layoutContentId?t[e.layoutContentId]??null:null,{skipVoid:!1}),[f,s]);return{step:f,fields:g,layoutContentStore:v,content:c(()=>v.map(e=>e?.data??null,{skipVoid:!1}),[v]),isActive:d,isActiveStep:d,form:h,formRegistrars:_}}function p(){let n=e(),r=t();return c(()=>l(n.treeStore,r.contents.indexStore,(e,t)=>{let n=e.steps.find(e=>e.layoutContentId);return n?.layoutContentId?t[n.layoutContentId]??null:null}),[n,r])}function m(){let e=s(u),t=p(),r=e?.layoutContentStore??t;return n(r)?.data??null}export{u as StepContextProvider,f as useSetStepContext,d as useStep,m as useStepContent};
+import{createContext as a,useContext as w,useMemo as h}from"react";import{combine as C}from"effector";import{useUnit as b}from"effector-react";import{useStepRouter as E}from"../router/context.js";import{useExperience as P,usePicked as k}from"./client.js";const v=a(null);function $(){const e=w(v);if(!e)throw new Error("useStep must be used within a StepContextProvider");return e}function g(e){const d=P(),s=k(),{activeStep:t}=E(),p=h(()=>(t==null?void 0:t.id)===e,[t==null?void 0:t.id,e]),i=b(C({tree:d.treeStore,fields:s.fields.listStore,responses:s.responses.listStore},({tree:c,fields:f,responses:l})=>{const n=c.steps.find(o=>o.id===e);if(!n)throw new Error(`Step with id "${e}" not found in the experience tree.`);const m=n.fieldIds.map(o=>{var u;const x=f.find(r=>r.id===o),S=(u=l.find(r=>r.fieldId===o))==null?void 0:u.value;return{field:x,value:S}});return{step:{id:n.id,label:n.label},fields:m}}));return{step:i.step,fields:i.fields,isActiveStep:p}}export{g as useSetStepContext,$ as useStep};

package/dist/hooks/storage.d.ts

@@ -1,4 +1,4 @@
-import type { StorageScope } from '@picked/client';
+import { StorageScope } from '@picked/client';
 export interface UseStorageOptions {
     fallback: string | undefined | null;
     scope: StorageScope;

package/dist/hooks/storage.js

@@ -1 +1 @@
-import{useExperience as e}from"./client.js";import{useCallback as t,useEffect as n,useState as r}from"react";import{createStorageKey as i,localStore as a,sessionStore as o,supportsLocalStorage as s,supportsSessionStorage as c}from"@picked/client";var l={fallback:null,scope:`global`};function u(u,d,f){let{fallback:p,scope:m}={...l,...f},h=e(),g=u===`session`?o:a,_=u===`session`?c:s,[v,y]=r(p??null),b=i(d,m,h);return n(()=>{if(_()){let e=g.get(b).text();e!==null&&y(e)}},[g,b,_]),n(()=>{if(!_())return;let e=g.subscribe(b,e=>{y(e.text())});return()=>{e()}},[g,b,_]),[v,t(e=>{y(e),_()&&(e?g.set(b,e):g.remove(b))},[g,b,_])]}function d(e,t){return u(`session`,e,t)}function f(e,t){return u(`local`,e,t)}export{f as useLocalStorage,d as useSessionStorage};
+import{useState as x,useEffect as a,useCallback as d}from"react";import{createStorageKey as k,supportsSessionStorage as v,supportsLocalStorage as E,sessionStore as K,localStore as L}from"@picked/client";import{useExperience as h}from"./client.js";const y={fallback:null,scope:"global"};function u(o,n,l){const{fallback:i,scope:f}={...y,...l},p=h(),s=o==="session"?K:L,r=o==="session"?v:E,[S,c]=x(i??null),t=k(n,f,p);a(()=>{if(r()){const e=s.get(t).text();e!==null&&c(e)}},[s,t,r]),a(()=>{if(!r())return;const e=m=>{c(m.text())},b=s.subscribe(t,e);return()=>{b()}},[s,t,r]);const g=d(e=>{c(e),r()&&(e?s.set(t,e):s.remove(t))},[s,t,r]);return[S,g]}function j(o,n){return u("session",o,n)}function q(o,n){return u("local",o,n)}export{q as useLocalStorage,j as useSessionStorage};

package/dist/index.d.ts

@@ -1,9 +1,3 @@
-/**
- * @file Public re-exports for the main `@picked/react` entry point.
- */
 export { adaptReactComponent, isValidAdaptedComponent } from './component';
 export type * from './component';
-export { default as PickedProvider } from './experience/PickedProvider';
-export { default as ExperienceSlot } from './experience/ExperienceSlot';
-export { default as HtmlRender } from './experience/HtmlRender';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1E,mBAAmB,aAAa,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1E,mBAAmB,aAAa,CAAA"}

package/dist/index.js

@@ -1 +1 @@
-import{adaptReactComponent as e,isValidAdaptedComponent as t}from"./component.js";import n from"./experience/PickedProvider.js";import r from"./experience/ExperienceSlot.js";import i from"./experience/HtmlRender.js";export{r as ExperienceSlot,i as HtmlRender,n as PickedProvider,e as adaptReactComponent,t as isValidAdaptedComponent};
+import{adaptReactComponent as a,isValidAdaptedComponent as e}from"./component.js";export{a as adaptReactComponent,e as isValidAdaptedComponent};

package/dist/plugins/framework/index.js

@@ -1 +1 @@
-import{reactFrameworkPlugin as e}from"./plugin.js";export{e as reactFrameworkPlugin};
+import{reactFrameworkPlugin as o}from"./plugin.js";export{o as reactFrameworkPlugin};

package/dist/plugins/framework/plugin.d.ts

@@ -1,6 +1,5 @@
-/** @file React framework plugin that registers the React renderer and unmounter with the Picked client. */
-import type { AdaptableComponents, AdaptedComponentStyle, Plugin } from '@picked/client';
-import { type ComponentWithProps } from '../../component';
+import { AdaptableComponents, AdaptedComponentStyle, Plugin } from '@picked/client';
+import { ComponentWithProps } from '../../component';
 export type AdapterComponents = Partial<Record<keyof AdaptableComponents, {
     component: ComponentWithProps;
     style?: AdaptedComponentStyle;
@@ -15,8 +14,9 @@ export interface ReactFrameworkPluginOptions {
  * This plugin registers the React framework and allows rendering React components
  * with the client's experience data.
  *
- * @param {ReactFrameworkPluginOptions} options - Configuration options for the React plugin.
+ * @param {ReactFrameworkPluginOptions} options - Configuration options for the React plugin
  * @returns {Plugin} The plugin.
+ *
  * @example
  * ```typescript
  * createClient({

package/dist/plugins/framework/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/framework/plugin.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAC3G,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAU,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAChG,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAG9E,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CACJ,MAAM,mBAAmB,EACzB;IAAE,SAAS,EAAE,kBAAkB,CAAC;IAAC,KAAK,CAAC,EAAE,qBAAqB,CAAA;CAAE,CACjE,CACF,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,iBAAiB,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;CACf;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,oBAAoB,YAAa,2BAA2B,KAAG,MAwB3E,CAAA"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/framework/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAU,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAChG,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAG9E,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CACJ,MAAM,mBAAmB,EACzB;IAAE,SAAS,EAAE,kBAAkB,CAAC;IAAC,KAAK,CAAC,EAAE,qBAAqB,CAAA;CAAE,CACjE,CACF,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,iBAAiB,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;CACf;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,oBAAoB,GAAI,SAAS,2BAA2B,KAAG,MAuB3E,CAAA"}

package/dist/plugins/framework/plugin.js

@@ -1 +1 @@
-import{adaptReactComponent as e}from"../../component.js";import{renderReactComponent as t,unRenderReactComponent as n}from"../../render/browser.js";var r=r=>({name:`react-framework`,setup:i=>{i.registerFramework({name:`react`,render(...e){return t(...e,{stylesheets:r.stylesheets,css:r.css})},unmount:e=>n(e)});let a=r.components.experience;a&&i.registerComponent(`experience`,e(a.component,a.style))}});export{r as reactFrameworkPlugin};
+import{adaptReactComponent as o}from"../../component.js";import{renderReactComponent as m}from"../../render/browser.js";const a=e=>({name:"react-framework",setup:t=>{t.registerFramework({name:"react",render(...n){return m(...n,{stylesheets:e.stylesheets,css:e.css})}});const r=e.components.experience;r&&t.registerComponent("experience",o(r.component,r.style))}});export{a as reactFrameworkPlugin};

package/dist/render/browser.d.ts

@@ -1,7 +1,7 @@
-import type { AdaptedComponent, ExperienceInstance, Picked } from '@picked/client';
+import { AdaptedComponent, ExperienceInstance, Picked } from '@picked/client';
 export declare const renderReactComponent: (shadowRoot: ShadowRoot, component: AdaptedComponent<string, unknown>, client: Picked, experience: ExperienceInstance, options: {
     stylesheets?: string[];
     css?: string[];
 }) => Promise<void>;
-export declare const unRenderReactComponent: (target: Element | ShadowRoot) => void;
+export declare const unRenderReactComponent: (target: Element) => void;
 //# sourceMappingURL=browser.d.ts.map

package/dist/render/browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../src/render/browser.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AASlF,eAAO,MAAM,oBAAoB,eACnB,UAAU,aACX,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,UACpC,MAAM,cACF,kBAAkB,WACrB;IACP,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;CACf,kBA0DF,CAAA;AAED,eAAO,MAAM,sBAAsB,WAAY,OAAO,GAAG,UAAU,SAMlE,CAAA"}
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../src/render/browser.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAQlF,eAAO,MAAM,oBAAoB,GAC/B,YAAY,UAAU,EACtB,WAAW,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5C,QAAQ,MAAM,EACd,YAAY,kBAAkB,EAC9B,SAAS;IACP,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;CACf,kBAoEF,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,QAAQ,OAAO,SAMrD,CAAA"}

package/dist/render/browser.js

@@ -1 +1 @@
-import{isValidAdaptedComponent as e}from"../component.js";import{ClientProvider as t,ExperienceProvider as n}from"../context.js";import{mergeArrays as r}from"../utils/array.js";import i from"react";import{isLazyLoader as a}from"@picked/client";import{createRoot as o}from"react-dom/client";var s=new WeakMap,c=async(c,l,u,d,f)=>{if(!e(l))throw Error(`The component is invalid.`);let p=r(l.style?.sheets,f.stylesheets),m=r(l.style?.css,f.css);p.length&&p.forEach(e=>{let t=document.createElement(`link`);t.setAttribute(`rel`,`stylesheet`),t.setAttribute(`href`,e),t.setAttribute(`type`,`text/css`),t.setAttribute(`picked-injected`,`true`),c.appendChild(t)}),m.length&&m.forEach(e=>{let t=document.createElement(`style`);t.textContent=e,t.setAttribute(`type`,`text/css`),t.setAttribute(`picked-injected`,`true`),c.appendChild(t)});let h=document.createElement(`div`);c.appendChild(h);let g=o(h);s.set(c,g);let _;_=a(l.component)?(await l.component.load()).default:l.component instanceof Promise?(await l.component).default:l.component,g.render(i.createElement(t,{value:u},i.createElement(n,{value:d},i.createElement(_,{client:u,experience:d}))))},l=e=>{let t=s.get(e);t&&(t.unmount(),s.delete(e))};export{c as renderReactComponent,l as unRenderReactComponent};
+import n from"react";import{createRoot as v}from"react-dom/client";import{isValidAdaptedComponent as A}from"../component.js";import{ClientProvider as E,ExperienceProvider as h}from"../context.js";import{mergeArrays as y}from"../utils/array.js";const l=new WeakMap,x=async(r,t,o,c,a)=>{var p,f;if(!A(t))throw new Error("The component is invalid.");const m=y((p=t.style)==null?void 0:p.sheets,a.stylesheets),d=y((f=t.style)==null?void 0:f.css,a.css);m.length&&m.forEach(s=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("href",s),e.setAttribute("type","text/css"),e.setAttribute("picked-injected","true"),r.appendChild(e)}),d.length&&d.forEach(s=>{const e=document.createElement("style");e.textContent=s,e.setAttribute("type","text/css"),e.setAttribute("picked-injected","true"),r.appendChild(e)});const u=document.createElement("div");r.appendChild(u);const i=v(u);if(l.set(r,i),t.component instanceof Promise){const{default:s}=await t.component;i.render(n.createElement(E,{value:o},n.createElement(h,{value:c},n.createElement(s,{client:o,experience:c}))));return}const C=t.component;i.render(n.createElement(E,{value:o},n.createElement(h,{value:c},n.createElement(C,{client:o,experience:c}))))},R=r=>{const t=l.get(r);t&&(t.unmount(),l.delete(r))};export{x as renderReactComponent,R as unRenderReactComponent};

package/dist/render/server.d.ts

@@ -1,4 +1,4 @@
-import type { AdaptedComponent, ExperienceInstance, Picked } from '@picked/client';
+import { AdaptedComponent, ExperienceInstance, Picked } from '@picked/client';
 export declare const staticRenderReactComponent: (component: AdaptedComponent<string, unknown>, client: Picked, experience: ExperienceInstance, options: {
     stylesheets?: string[];
     css?: string[];

package/dist/render/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/render/server.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAMlF,eAAO,MAAM,0BAA0B,cAC1B,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,UACpC,MAAM,cACF,kBAAkB,WACrB;IACP,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;CACf;;;;;EAuCF,CAAA"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/render/server.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAKlF,eAAO,MAAM,0BAA0B,GACrC,WAAW,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5C,QAAQ,MAAM,EACd,YAAY,kBAAkB,EAC9B,SAAS;IACP,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;CACf;;;;;EAgDF,CAAA"}