@picked/svelte 0.0.1-dev.1775016219245 → 0.0.1-dev.1775627395474

package/dist/form/create-form.js

@@ -1 +1 @@
-import{getExperience as e,getPicked as t}from"../hooks/client.js";import{createForm as n}from"@picked/client/form";import*as r from"svelte/internal/client";function i(i,a,o){let s=n({client:t(),experienceInstance:e()},i,a,o);return{...s,form:{...s.form,onBeforeSubmit:e=>{r.user_effect(()=>s.form.onBeforeSubmit(e))},onSuccess:e=>{r.user_effect(()=>s.form.onSuccess(e))},onError:e=>{r.user_effect(()=>s.form.onError(e))}}}}export{i as createForm};
+import{getExperience as e,getPicked as t}from"../hooks/client.js";import{createForm as n}from"@picked/client/form";import*as r from"svelte/internal/client";function i(i,a,o){let s=n({client:t(),experienceInstance:e()},i,a,o);return{...s,form:{...s.form,props:{...s.form.props,onsubmit:e=>s.form.props.onsubmit(e)},onBeforeSubmit:e=>{r.user_effect(()=>s.form.onBeforeSubmit(e))},onSuccess:e=>{r.user_effect(()=>s.form.onSuccess(e))},onError:e=>{r.user_effect(()=>s.form.onError(e))}}}}export{i as createForm};

package/dist/form/create-form.svelte.d.ts

@@ -1,12 +1,15 @@
 import { Store } from 'effector';
-import { FormInstance as CoreFormInstance, ErrorCallback, SubmitCallback, SuccessCallback } from '@picked/client/form';
+import { FormInstance as CoreFormInstance, ErrorCallback, SubmitCallback, SubmitEventWithCurrentTarget, SuccessCallback } from '@picked/client/form';
 export type { FormField } from '@picked/client/form';
 /**
  * Svelte FormInstance — identical to core but callback registration returns void
  * (cleanup is handled automatically via $effect, not by the consumer).
  */
 export interface FormInstance<TFieldIds extends string = string> extends Omit<CoreFormInstance<TFieldIds>, 'form'> {
-    form: Omit<CoreFormInstance<TFieldIds>['form'], 'onBeforeSubmit' | 'onSuccess' | 'onError'> & {
+    form: Omit<CoreFormInstance<TFieldIds>['form'], 'onBeforeSubmit' | 'onSuccess' | 'onError' | 'props'> & {
+        props: {
+            onsubmit: (e: SubmitEventWithCurrentTarget) => void;
+        };
         onBeforeSubmit: (callback: SubmitCallback<TFieldIds>) => void;
         onSuccess: (callback: SuccessCallback<TFieldIds>) => void;
         onError: (callback: ErrorCallback) => void;
@@ -15,10 +18,20 @@ export interface FormInstance<TFieldIds extends string = string> extends Omit<Co
 /**
  * Creates a form instance with Svelte lifecycle management.
  *
- * Wraps the framework-agnostic createForm from @picked/client/form:
- * - Injects client and experienceInstance from Svelte context
- * - Auto-wires callback cleanup via $effect so consumers don't need to manage lifecycle
+ * Wraps the framework-agnostic createForm from `@picked/client/form`:
+ * - Injects client and experienceInstance from Svelte context.
+ * - Wraps `form.props.onsubmit` as a plain function (not an Effector EventCallable).
+ * - Auto-wires callback cleanup via `$effect` so consumers don't need to manage lifecycle.
  *
  * Used internally by setStepContext — access via getStep() in components.
+ *
+ * @param {string} formId - Unique identifier for this form instance.
+ * @param {Store<string>} title - Reactive store holding the form/step title.
+ * @param {Store<string[]>} fieldIds - Reactive store of field IDs that belong to this form.
+ * @returns {FormInstance} A form instance with reactive field stores, submission handlers, and callback registration.
+ * @example
+ * ```ts
+ * const { form, fields } = createForm('lead-capture', $title, $fieldIds)
+ * ```
  */
 export declare function createForm(formId: string, title: Store<string>, fieldIds: Store<string[]>): FormInstance;

package/dist/hooks/action.d.ts

@@ -1,2 +1,25 @@
-export declare function getAction(actionName: string): import('effector').Store<(<T = void>(params?: T) => void) | undefined>;
-export declare function getActionResult(actionName: string): import('effector').StoreWritable<void | undefined>;
+import { Action } from '@picked/client';
+import { Store } from 'effector';
+/**
+ * Returns the reactive evokable action store for the given action name.
+ *
+ * @param {string} actionName - The registered action name.
+ * @returns {Store<() => ReturnType<Action>>} A store containing the callable action function or undefined.
+ * @example
+ * ```ts
+ * const actionStore = getAction('logEvent')
+ * ```
+ */
+export declare function getAction(actionName: string): Store<() => ReturnType<Action>>;
+/**
+ * Returns a reactive store holding the latest result of invoking the named action.
+ * Re-evaluates automatically when the underlying action store updates.
+ *
+ * @param {string} actionName - The registered action name.
+ * @returns {Store<string | string[] | boolean | void | undefined>} A store containing the latest action return value.
+ * @example
+ * ```ts
+ * const result = getActionResult('isLoggedIn')
+ * ```
+ */
+export declare function getActionResult(actionName: string): import('effector').StoreWritable<string | boolean | void | string[] | undefined>;

package/dist/hooks/action.js

@@ -1 +1 @@
-import{getPicked as e}from"./client.js";import{attach as t,createEffect as n,createEvent as r,createStore as i,sample as a}from"effector";function o(t){return e().actions.getEvokableAction(t)}function s(e){let s=o(e),c=i(void 0,{skipVoid:!1}),l=r(),u=t({source:s,mapParams:(e,t)=>t,effect:n(async e=>{if(e)return e()})});return a({clock:l,target:u}),a({clock:u.doneData,target:c}),l(),c}export{o as getAction,s as getActionResult};
+import{getPicked as e}from"./client.js";import{attach as t,createEffect as n,createEvent as r,createStore as i,sample as a}from"effector";import"@picked/client";function o(t){return e().actions.getEvokableAction(t)}function s(e){let s=o(e),c=i(void 0,{skipVoid:!1}),l=r(),u=t({source:s,mapParams:(e,t)=>t,effect:n(async e=>{if(e)return await e()})});return a({clock:l,target:u}),a({clock:u.doneData,target:c}),l(),a({clock:s,target:l}),c}export{o as getAction,s as getActionResult};

package/dist/plugins/devtools/components/Tabs.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
+  /** @file Accessible tab container that renders dynamic Svelte components per tab. */
   import type { Component } from 'svelte'
 
   interface Tab {
     id: string
     label: string
-    component: Component<any>
+    component: Component<Record<string, unknown>>
     props?: Record<string, unknown>
   }
 
@@ -13,10 +14,28 @@
 
   let activeTab = initialTab
 
+  /**
+   * Sets the active tab to the given index.
+   *
+   * @param {number} index - The zero-based tab index to activate.
+   * @example
+   * ```typescript
+   * activateTab(2) // switches to the third tab
+   * ```
+   */
   function activateTab(index: number) {
     activeTab = index
   }
 
+  /**
+   * Handles arrow-key, Home, and End navigation within the tab list.
+   *
+   * @param {KeyboardEvent} event - The keyboard event from the tab list.
+   * @example
+   * ```typescript
+   * handleKeydown(new KeyboardEvent('keydown', { key: 'ArrowRight' }))
+   * ```
+   */
   function handleKeydown(event: KeyboardEvent) {
     const tabCount = tabs.length
     let newIndex = activeTab
@@ -83,6 +102,7 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+    min-height: 0;
   }
 
   .tab-list {
@@ -124,7 +144,7 @@
   .tab-panel {
     flex: 1 1 auto;
     display: grid;
-    align-content: start;
+    min-height: 0;
     overflow: auto;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.1-dev.1775016219245",
+  "version": "0.0.1-dev.1775627395474",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -24,7 +24,7 @@
     "svelte-check": "^4.2.2",
     "typedoc": "^0.28.5",
     "typedoc-plugin-markdown": "^4.6.3",
-    "vite": "^8.0.1",
+    "vite": "^8.0.7",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.0"
   },
@@ -88,7 +88,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.1-dev.1775016219245",
+    "@picked/client": "0.0.1-dev.1775627395474",
     "effector": "^23.3.0",
     "svelte": "^5.46.4"
   },