@molecule/app-svelte 1.0.0

package/dist/stores/auth.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Svelte stores for authentication.
+ *
+ * @module
+ */
+import { type Readable } from 'svelte/store';
+import type { AuthClient, AuthResult, AuthState, LoginCredentials, RegisterData } from '@molecule/app-auth';
+/**
+ * Auth stores and actions.
+ */
+interface AuthStores<T> {
+    state: Readable<AuthState<T>>;
+    user: Readable<T | null>;
+    isAuthenticated: Readable<boolean>;
+    isLoading: Readable<boolean>;
+    error?: Readable<string | null>;
+    login: (credentials: LoginCredentials) => Promise<AuthResult<T>>;
+    logout: () => Promise<void>;
+    register: (data: RegisterData) => Promise<AuthResult<T>>;
+    refresh: () => Promise<AuthResult<T>>;
+}
+/**
+ * Create auth stores from the auth client in context.
+ *
+ * @returns Auth stores and actions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createAuthStores } from '@molecule/app-svelte'
+ *
+ *   const { state, user, isAuthenticated, login, logout } = createAuthStores()
+ * </script>
+ *
+ * {#if $isAuthenticated}
+ *   <p>Welcome, {$user?.name}!</p>
+ *   <button on:click={logout}>Logout</button>
+ * {/if}
+ * ```
+ */
+export declare function createAuthStores<T = unknown>(): AuthStores<T> & {
+    error: Readable<string | null>;
+};
+/**
+ * Create auth stores from a specific auth client.
+ *
+ * Use this when you don't want to use context.
+ *
+ * @param client - Auth client
+ * @returns Auth stores and actions
+ */
+export declare function createAuthStoresFromClient<T = unknown>(client: AuthClient<T>): AuthStores<T>;
+export {};
+//# sourceMappingURL=auth.d.ts.map

package/dist/stores/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/stores/auth.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAW,KAAK,QAAQ,EAAY,MAAM,cAAc,CAAA;AAE/D,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,YAAY,EACb,MAAM,oBAAoB,CAAA;AAI3B;;GAEG;AACH,UAAU,UAAU,CAAC,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7B,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IACxB,eAAe,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAClC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAC/B,KAAK,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAChE,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IACxD,OAAO,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;CACtC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,GAAG,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG;IAC/D,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CAC/B,CA+CA;AAED;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAwB5F"}

package/dist/stores/auth.js

@@ -0,0 +1,93 @@
+/**
+ * Svelte stores for authentication.
+ *
+ * @module
+ */
+import { derived, readable } from 'svelte/store';
+import { getAuthClient } from '../context.js';
+/**
+ * Create auth stores from the auth client in context.
+ *
+ * @returns Auth stores and actions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createAuthStores } from '@molecule/app-svelte'
+ *
+ *   const { state, user, isAuthenticated, login, logout } = createAuthStores()
+ * </script>
+ *
+ * {#if $isAuthenticated}
+ *   <p>Welcome, {$user?.name}!</p>
+ *   <button on:click={logout}>Logout</button>
+ * {/if}
+ * ```
+ */
+export function createAuthStores() {
+    const client = getAuthClient();
+    // Main state store
+    const state = readable(client.getState(), (set) => {
+        return client.onAuthChange(() => {
+            set(client.getState());
+        });
+    });
+    // Derived stores
+    const user = derived(state, ($state) => $state.user);
+    const isAuthenticated = derived(state, ($state) => $state.authenticated);
+    const isLoading = derived(state, ($state) => $state.loading);
+    const error = derived(state, ($state) => $state.error);
+    // Actions
+    const login = (credentials) => {
+        return client.login(credentials);
+    };
+    const logout = () => {
+        return client.logout();
+    };
+    const register = (data) => {
+        return client.register(data);
+    };
+    const refresh = () => {
+        return client.refresh();
+    };
+    return {
+        state,
+        user,
+        isAuthenticated,
+        isLoading,
+        error,
+        login,
+        logout,
+        register,
+        refresh,
+    };
+}
+/**
+ * Create auth stores from a specific auth client.
+ *
+ * Use this when you don't want to use context.
+ *
+ * @param client - Auth client
+ * @returns Auth stores and actions
+ */
+export function createAuthStoresFromClient(client) {
+    const state = readable(client.getState(), (set) => {
+        return client.onAuthChange(() => {
+            set(client.getState());
+        });
+    });
+    const user = derived(state, ($state) => $state.user);
+    const isAuthenticated = derived(state, ($state) => $state.authenticated);
+    const isLoading = derived(state, ($state) => $state.loading);
+    return {
+        state,
+        user,
+        isAuthenticated,
+        isLoading,
+        login: (credentials) => client.login(credentials),
+        logout: () => client.logout(),
+        register: (data) => client.register(data),
+        refresh: () => client.refresh(),
+    };
+}
+//# sourceMappingURL=auth.js.map

package/dist/stores/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../src/stores/auth.ts"],"names":[],"mappings":"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"}

package/dist/stores/capacitor-app.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Svelte store for Capacitor app initialization.
+ *
+ * @module
+ */
+import { type Readable } from 'svelte/store';
+import type { CapacitorAppOptions, CapacitorAppState } from '@molecule/app-platform';
+/**
+ * Return type for the Capacitor app store.
+ */
+export type CapacitorAppStore = Readable<CapacitorAppState> & {
+    initialize: () => Promise<void>;
+};
+/**
+ * Create a Svelte store wrapping the Capacitor app coordinator.
+ *
+ * Creates a CapacitorApp instance, subscribes to state changes,
+ * and auto-initializes. The returned store is readable and also
+ * exposes an `initialize` method for manual re-initialization.
+ *
+ * @param options - Capacitor app options
+ * @returns A readable store of CapacitorAppState with an initialize method
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createCapacitorAppStore } from '@molecule/app-svelte'
+ *
+ *   const app = createCapacitorAppStore({
+ *     pushNotifications: true,
+ *     deepLinks: true,
+ *     onDeepLink: (url) => console.log('Deep link:', url),
+ *   })
+ * </script>
+ *
+ * {#if $app.ready}
+ *   <p>App is ready!</p>
+ * {:else if $app.error}
+ *   <p>Error: {$app.error.message}</p>
+ * {:else}
+ *   <p>Initializing...</p>
+ * {/if}
+ * ```
+ */
+export declare function createCapacitorAppStore(options?: CapacitorAppOptions): CapacitorAppStore;
+//# sourceMappingURL=capacitor-app.d.ts.map

package/dist/stores/capacitor-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"capacitor-app.d.ts","sourceRoot":"","sources":["../../src/stores/capacitor-app.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,cAAc,CAAA;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAGpF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,GAAG;IAC5D,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAChC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,iBAAiB,CAuBxF"}

package/dist/stores/capacitor-app.js

@@ -0,0 +1,59 @@
+/**
+ * Svelte store for Capacitor app initialization.
+ *
+ * @module
+ */
+import { readable } from 'svelte/store';
+import { createCapacitorApp } from '@molecule/app-platform';
+/**
+ * Create a Svelte store wrapping the Capacitor app coordinator.
+ *
+ * Creates a CapacitorApp instance, subscribes to state changes,
+ * and auto-initializes. The returned store is readable and also
+ * exposes an `initialize` method for manual re-initialization.
+ *
+ * @param options - Capacitor app options
+ * @returns A readable store of CapacitorAppState with an initialize method
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createCapacitorAppStore } from '@molecule/app-svelte'
+ *
+ *   const app = createCapacitorAppStore({
+ *     pushNotifications: true,
+ *     deepLinks: true,
+ *     onDeepLink: (url) => console.log('Deep link:', url),
+ *   })
+ * </script>
+ *
+ * {#if $app.ready}
+ *   <p>App is ready!</p>
+ * {:else if $app.error}
+ *   <p>Error: {$app.error.message}</p>
+ * {:else}
+ *   <p>Initializing...</p>
+ * {/if}
+ * ```
+ */
+export function createCapacitorAppStore(options) {
+    const app = createCapacitorApp(options);
+    const store = readable(app.getState(), (set) => {
+        const unsubscribe = app.subscribe((state) => {
+            set(state);
+        });
+        // Auto-initialize
+        app.initialize().catch(() => {
+            // Errors are captured in state.error via the coordinator
+        });
+        return () => {
+            unsubscribe();
+            app.destroy();
+        };
+    });
+    return {
+        subscribe: store.subscribe,
+        initialize: () => app.initialize(),
+    };
+}
+//# sourceMappingURL=capacitor-app.js.map

package/dist/stores/capacitor-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capacitor-app.js","sourceRoot":"","sources":["../../src/stores/capacitor-app.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAA;AAGtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAS3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAA6B;IACnE,MAAM,GAAG,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAEvC,MAAM,KAAK,GAAG,QAAQ,CAAoB,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE;QAChE,MAAM,WAAW,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAC1C,GAAG,CAAC,KAAK,CAAC,CAAA;QACZ,CAAC,CAAC,CAAA;QAEF,kBAAkB;QAClB,GAAG,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;YAC1B,yDAAyD;QAC3D,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAA;YACb,GAAG,CAAC,OAAO,EAAE,CAAA;QACf,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,UAAU,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,EAAE;KACnC,CAAA;AACH,CAAC"}

package/dist/stores/change-password.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Svelte store for changing password with async state tracking.
+ *
+ * @module
+ */
+import { type PromiseStore } from './promise.js';
+/**
+ * Change password store type.
+ */
+export type ChangePasswordStore = PromiseStore<void>;
+/**
+ * Creates a change password store with async state tracking.
+ *
+ * @returns Change password promise store
+ */
+export declare function createChangePasswordStore(): ChangePasswordStore;
+//# sourceMappingURL=change-password.d.ts.map

package/dist/stores/change-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-password.d.ts","sourceRoot":"","sources":["../../src/stores/change-password.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,cAAc,CAAA;AAEpE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;AAEpD;;;;GAIG;AACH,wBAAgB,yBAAyB,IAAI,mBAAmB,CAK/D"}

package/dist/stores/change-password.js

@@ -0,0 +1,17 @@
+/**
+ * Svelte store for changing password with async state tracking.
+ *
+ * @module
+ */
+import { getAuthClient } from '../context.js';
+import { createPromiseStore } from './promise.js';
+/**
+ * Creates a change password store with async state tracking.
+ *
+ * @returns Change password promise store
+ */
+export function createChangePasswordStore() {
+    const client = getAuthClient();
+    return createPromiseStore((oldPassword, newPassword) => client.changePassword(oldPassword, newPassword));
+}
+//# sourceMappingURL=change-password.js.map

package/dist/stores/change-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-password.js","sourceRoot":"","sources":["../../src/stores/change-password.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAqB,MAAM,cAAc,CAAA;AAOpE;;;;GAIG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAA;IAC9B,OAAO,kBAAkB,CAAC,CAAC,WAAmB,EAAE,WAAmB,EAAE,EAAE,CACrE,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAChD,CAAA;AACH,CAAC"}

package/dist/stores/device.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Svelte stores for device information.
+ *
+ * @module
+ */
+import type { DeviceInfo, FeatureSupport, HardwareInfo, ScreenInfo } from '@molecule/app-device';
+/**
+ * Create device stores from the module-level device provider.
+ *
+ * Device information is static (no reactive subscription needed),
+ * so this returns plain values rather than Svelte stores.
+ *
+ * @returns Device information and utility functions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createDeviceStores } from '@molecule/app-svelte'
+ *
+ *   const { deviceInfo, screenInfo, supports } = createDeviceStores()
+ * </script>
+ *
+ * <p>Browser: {deviceInfo.browser.name}</p>
+ * <p>Screen: {screenInfo.width}x{screenInfo.height}</p>
+ * <p>Push supported: {supports('pushNotifications')}</p>
+ * ```
+ */
+export declare function createDeviceStores(): {
+    deviceInfo: DeviceInfo;
+    screenInfo: ScreenInfo;
+    hardwareInfo: HardwareInfo;
+    featureSupport: FeatureSupport;
+    supports: (feature: keyof FeatureSupport) => boolean;
+    isOnline: () => boolean;
+    isStandalone: () => boolean;
+    language: string;
+    languages: string[];
+};
+//# sourceMappingURL=device.d.ts.map

package/dist/stores/device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../src/stores/device.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGhG;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,IAAI;IACpC,UAAU,EAAE,UAAU,CAAA;IACtB,UAAU,EAAE,UAAU,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,cAAc,EAAE,cAAc,CAAA;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,cAAc,KAAK,OAAO,CAAA;IACpD,QAAQ,EAAE,MAAM,OAAO,CAAA;IACvB,YAAY,EAAE,MAAM,OAAO,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,EAAE,CAAA;CACpB,CA0BA"}

package/dist/stores/device.js

@@ -0,0 +1,51 @@
+/**
+ * Svelte stores for device information.
+ *
+ * @module
+ */
+import { getProvider } from '@molecule/app-device';
+/**
+ * Create device stores from the module-level device provider.
+ *
+ * Device information is static (no reactive subscription needed),
+ * so this returns plain values rather than Svelte stores.
+ *
+ * @returns Device information and utility functions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createDeviceStores } from '@molecule/app-svelte'
+ *
+ *   const { deviceInfo, screenInfo, supports } = createDeviceStores()
+ * </script>
+ *
+ * <p>Browser: {deviceInfo.browser.name}</p>
+ * <p>Screen: {screenInfo.width}x{screenInfo.height}</p>
+ * <p>Push supported: {supports('pushNotifications')}</p>
+ * ```
+ */
+export function createDeviceStores() {
+    const provider = getProvider();
+    const deviceInfo = provider.getDeviceInfo();
+    const screenInfo = provider.getScreenInfo();
+    const hardwareInfo = provider.getHardwareInfo();
+    const featureSupport = provider.getFeatureSupport();
+    const supports = (feature) => provider.supports(feature);
+    const isOnline = () => provider.isOnline();
+    const isStandalone = () => provider.isStandalone();
+    const language = provider.getLanguage();
+    const languages = provider.getLanguages();
+    return {
+        deviceInfo,
+        screenInfo,
+        hardwareInfo,
+        featureSupport,
+        supports,
+        isOnline,
+        isStandalone,
+        language,
+        languages,
+    };
+}
+//# sourceMappingURL=device.js.map

package/dist/stores/device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.js","sourceRoot":"","sources":["../../src/stores/device.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,kBAAkB;IAWhC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,MAAM,UAAU,GAAe,QAAQ,CAAC,aAAa,EAAE,CAAA;IACvD,MAAM,UAAU,GAAe,QAAQ,CAAC,aAAa,EAAE,CAAA;IACvD,MAAM,YAAY,GAAiB,QAAQ,CAAC,eAAe,EAAE,CAAA;IAC7D,MAAM,cAAc,GAAmB,QAAQ,CAAC,iBAAiB,EAAE,CAAA;IAEnE,MAAM,QAAQ,GAAG,CAAC,OAA6B,EAAW,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACvF,MAAM,QAAQ,GAAG,GAAY,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAA;IACnD,MAAM,YAAY,GAAG,GAAY,EAAE,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAA;IAE3D,MAAM,QAAQ,GAAW,QAAQ,CAAC,WAAW,EAAE,CAAA;IAC/C,MAAM,SAAS,GAAa,QAAQ,CAAC,YAAY,EAAE,CAAA;IAEnD,OAAO;QACL,UAAU;QACV,UAAU;QACV,YAAY;QACZ,cAAc;QACd,QAAQ;QACR,QAAQ;QACR,YAAY;QACZ,QAAQ;QACR,SAAS;KACV,CAAA;AACH,CAAC"}

package/dist/stores/forms.d.ts

@@ -0,0 +1,121 @@
+/**
+ * Svelte stores for form management.
+ *
+ * @module
+ */
+import { type Readable } from 'svelte/store';
+import type { FieldRegistration, FieldState, FormController, FormOptions, FormProvider, FormState, RegisterOptions } from '@molecule/app-forms';
+/**
+ * Form stores and actions return type.
+ */
+interface FormStores<T extends Record<string, unknown>> {
+    formState: Readable<FormState<T>>;
+    isValid: Readable<boolean>;
+    isDirty: Readable<boolean>;
+    isSubmitting: Readable<boolean>;
+    errors: Readable<Partial<Record<keyof T, string>>>;
+    register: (name: string | RegisterOptions, registerOptions?: RegisterOptions) => FieldRegistration;
+    getValue: <K extends keyof T>(name: K) => T[K];
+    setValue: <K extends keyof T>(name: K, value: T[K], opts?: {
+        shouldValidate?: boolean;
+        shouldDirty?: boolean;
+        shouldTouch?: boolean;
+    }) => void;
+    getError: <K extends keyof T>(name: K) => string | undefined;
+    setError: <K extends keyof T>(name: K, error: string | undefined) => void;
+    clearErrors: () => void;
+    handleSubmit: (onSubmit: (values: T) => void | Promise<void>, onError?: (errors: Partial<Record<keyof T, string>>) => void) => (event?: {
+        preventDefault?: () => void;
+    }) => Promise<void>;
+    reset: (values?: Partial<T>) => void;
+    validate: () => Promise<boolean>;
+    destroy: () => void;
+    controller: FormController<T>;
+}
+/**
+ * Create form stores from a form provider and options.
+ *
+ * @param provider - Form provider instance
+ * @param options - Form creation options
+ * @returns Form stores and actions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createFormStores } from '@molecule/app-svelte'
+ *   import { nativeProvider } from '@molecule/app-forms'
+ *
+ *   const {
+ *     formState, isValid, isDirty, isSubmitting, errors,
+ *     register, setValue, handleSubmit, reset
+ *   } = createFormStores(nativeProvider, {
+ *     defaultValues: { name: '', email: '' },
+ *     mode: 'onChange',
+ *   })
+ *
+ *   const nameField = register('name', { required: true })
+ *   const emailField = register('email', { required: true, email: true })
+ *
+ *   const onSubmit = handleSubmit(async (values) => {
+ *     console.log('Submitted:', values)
+ *   })
+ * </script>
+ *
+ * <form on:submit|preventDefault={onSubmit}>
+ *   <input {...nameField} />
+ *   {#if $errors.name}<span>{$errors.name}</span>{/if}
+ *
+ *   <input {...emailField} />
+ *   {#if $errors.email}<span>{$errors.email}</span>{/if}
+ *
+ *   <button type="submit" disabled={!$isValid || $isSubmitting}>Submit</button>
+ * </form>
+ * ```
+ */
+export declare function createFormStores<T extends Record<string, unknown>>(provider: FormProvider, options: FormOptions<T>): FormStores<T>;
+/**
+ * Create a readable store that tracks a single field's state.
+ *
+ * @param controller - Form controller
+ * @param name - Field name to track
+ * @returns Readable store of the field state
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createFormStores, createFieldStore } from '@molecule/app-svelte'
+ *
+ *   const { controller } = createFormStores(provider, { defaultValues: { email: '' } })
+ *   const emailField = createFieldStore(controller, 'email')
+ * </script>
+ *
+ * <p>Value: {$emailField.value}</p>
+ * <p>Error: {$emailField.error}</p>
+ * <p>Touched: {$emailField.touched}</p>
+ * ```
+ */
+export declare function createFieldStore<T extends Record<string, unknown>, K extends keyof T>(controller: FormController<T>, name: K): Readable<FieldState<T[K]>>;
+/**
+ * Create a readable store that tracks a single field's value.
+ *
+ * @param controller - Form controller
+ * @param name - Field name to watch
+ * @returns Readable store of the field value
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createFormStores, createWatchStore } from '@molecule/app-svelte'
+ *
+ *   const { controller } = createFormStores(provider, { defaultValues: { plan: 'free' } })
+ *   const plan = createWatchStore(controller, 'plan')
+ * </script>
+ *
+ * {#if $plan === 'pro'}
+ *   <ProFeatures />
+ * {/if}
+ * ```
+ */
+export declare function createWatchStore<T extends Record<string, unknown>, K extends keyof T>(controller: FormController<T>, name: K): Readable<T[K]>;
+export {};
+//# sourceMappingURL=forms.d.ts.map

package/dist/stores/forms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../src/stores/forms.ts"],"names":[],"mappings":"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"}