@molecule/app-solid 1.0.0

package/dist/primitives/auth.js

@@ -0,0 +1,147 @@
+/**
+ * Solid.js primitives for authentication.
+ *
+ * @module
+ */
+import { createEffect, createSignal, onCleanup } from 'solid-js';
+import { getAuthClient } from '../context.js';
+/**
+ * Create auth primitives for authentication state and actions.
+ *
+ * @returns Auth primitives object
+ *
+ * @example
+ * ```tsx
+ * import { createAuth } from '@molecule/app-solid'
+ *
+ * function LoginButton() {
+ *   const { isAuthenticated, user, login, logout } = createAuth()
+ *
+ *   return (
+ *     <Show
+ *       when={isAuthenticated()}
+ *       fallback={
+ *         <button onClick={() => login({ email: '...', password: '...' })}>
+ *           Login
+ *         </button>
+ *       }
+ *     >
+ *       <div>
+ *         <span>Welcome, {user()?.name}</span>
+ *         <button onClick={() => logout()}>Logout</button>
+ *       </div>
+ *     </Show>
+ *   )
+ * }
+ * ```
+ */
+export function createAuth() {
+    const client = getAuthClient();
+    const [state, setState] = createSignal(client.getState());
+    // Subscribe to auth changes
+    createEffect(() => {
+        const unsubscribe = client.onAuthChange((newState) => {
+            setState(newState);
+        });
+        onCleanup(unsubscribe);
+    });
+    // Initialize auth state
+    createEffect(() => {
+        client.refresh().catch(() => {
+            setState((prev) => ({ ...prev, loading: false }));
+        });
+    });
+    const user = () => state().user;
+    const isAuthenticated = () => state().authenticated;
+    const isLoading = () => state().loading;
+    return {
+        state,
+        user,
+        isAuthenticated,
+        isLoading,
+        login: client.login.bind(client),
+        logout: client.logout.bind(client),
+        register: client.register.bind(client),
+        refresh: client.refresh.bind(client),
+    };
+}
+/**
+ * Create a guard primitive that redirects unauthenticated users.
+ *
+ * @param redirectTo - Path to redirect to
+ * @returns Accessor indicating if user is allowed
+ *
+ * @example
+ * ```tsx
+ * function ProtectedPage() {
+ *   const isAllowed = createAuthGuard('/login')
+ *
+ *   return (
+ *     <Show when={isAllowed()} fallback={<div>Redirecting...</div>}>
+ *       <ProtectedContent />
+ *     </Show>
+ *   )
+ * }
+ * ```
+ */
+export function createAuthGuard(redirectTo) {
+    const { isAuthenticated, isLoading } = createAuth();
+    createEffect(() => {
+        if (!isLoading() && !isAuthenticated()) {
+            window.location.href = redirectTo;
+        }
+    });
+    return () => isAuthenticated();
+}
+/**
+ * Create auth helpers from context.
+ *
+ * @returns Auth helper functions
+ */
+/**
+ * Creates a auth helpers.
+ * @returns The created result.
+ */
+export function createAuthHelpers() {
+    const client = getAuthClient();
+    return {
+        login: (credentials) => client.login(credentials),
+        logout: () => client.logout(),
+        register: (data) => client.register(data),
+        refresh: () => client.refresh(),
+        getUser: () => client.getUser(),
+        getToken: () => client.getToken?.() ?? null,
+        isAuthenticated: () => client.isAuthenticated(),
+    };
+}
+/**
+ * Create auth primitives from a specific client.
+ *
+ * @param client - Auth client
+ * @returns Auth primitives
+ */
+export function createAuthFromClient(client) {
+    const [state, setState] = createSignal(client.getState());
+    createEffect(() => {
+        const unsubscribe = client.onAuthChange((newState) => {
+            setState(newState);
+        });
+        onCleanup(unsubscribe);
+    });
+    createEffect(() => {
+        client.refresh().catch(() => {
+            setState((prev) => ({ ...prev, loading: false }));
+        });
+    });
+    return {
+        state,
+        user: () => state().user,
+        isAuthenticated: () => state().authenticated,
+        isLoading: () => state().loading,
+        login: client.login.bind(client),
+        logout: client.logout.bind(client),
+        register: client.register.bind(client),
+        refresh: client.refresh.bind(client),
+    };
+}
+//# sourceMappingURL=auth.js.map

package/dist/primitives/auth.js.map

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

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

@@ -0,0 +1,46 @@
+/**
+ * Solid.js primitives for Capacitor app initialization.
+ *
+ * @module
+ */
+import { type Accessor } from 'solid-js';
+import type { CapacitorAppOptions, CapacitorAppState } from '@molecule/app-platform';
+/**
+ * Capacitor app primitives return type.
+ */
+export interface CapacitorAppPrimitives {
+    state: Accessor<CapacitorAppState>;
+    ready: Accessor<boolean>;
+    initialize: () => Promise<void>;
+}
+/**
+ * Create Capacitor app primitives for native app initialization.
+ *
+ * Wraps the core `createCapacitorApp` coordinator with Solid signals,
+ * automatically initializing and cleaning up on disposal.
+ *
+ * @param options - Capacitor app configuration options.
+ * @returns Capacitor app primitives object
+ *
+ * @example
+ * ```tsx
+ * import { createCapacitorApp } from '@molecule/app-solid'
+ *
+ * function App() {
+ *   const { state, ready } = createCapacitorApp({
+ *     pushNotifications: true,
+ *     deepLinks: true,
+ *     onDeepLink: (url) => console.log('Deep link:', url),
+ *     onReady: () => console.log('App ready!'),
+ *   })
+ *
+ *   return (
+ *     <Show when={ready()} fallback={<p>Loading...</p>}>
+ *       <Main />
+ *     </Show>
+ *   )
+ * }
+ * ```
+ */
+export declare function createCapacitorApp(options?: CapacitorAppOptions): CapacitorAppPrimitives;
+//# sourceMappingURL=capacitor-app.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"capacitor-app.d.ts","sourceRoot":"","sources":["../../src/primitives/capacitor-app.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,QAAQ,EAA2B,MAAM,UAAU,CAAA;AAEjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAGpF;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAA;IAClC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACxB,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,sBAAsB,CAwBxF"}

package/dist/primitives/capacitor-app.js

@@ -0,0 +1,57 @@
+/**
+ * Solid.js primitives for Capacitor app initialization.
+ *
+ * @module
+ */
+import { createSignal, onCleanup } from 'solid-js';
+import { createCapacitorApp as createCapacitorAppCore } from '@molecule/app-platform';
+/**
+ * Create Capacitor app primitives for native app initialization.
+ *
+ * Wraps the core `createCapacitorApp` coordinator with Solid signals,
+ * automatically initializing and cleaning up on disposal.
+ *
+ * @param options - Capacitor app configuration options.
+ * @returns Capacitor app primitives object
+ *
+ * @example
+ * ```tsx
+ * import { createCapacitorApp } from '@molecule/app-solid'
+ *
+ * function App() {
+ *   const { state, ready } = createCapacitorApp({
+ *     pushNotifications: true,
+ *     deepLinks: true,
+ *     onDeepLink: (url) => console.log('Deep link:', url),
+ *     onReady: () => console.log('App ready!'),
+ *   })
+ *
+ *   return (
+ *     <Show when={ready()} fallback={<p>Loading...</p>}>
+ *       <Main />
+ *     </Show>
+ *   )
+ * }
+ * ```
+ */
+export function createCapacitorApp(options) {
+    const app = createCapacitorAppCore(options);
+    const [state, setState] = createSignal(app.getState());
+    const unsubscribe = app.subscribe((newState) => {
+        setState(newState);
+    });
+    // Auto-initialize
+    app.initialize().catch(() => {
+        // Error is captured in state.error via the core coordinator
+    });
+    onCleanup(() => {
+        unsubscribe();
+        app.destroy();
+    });
+    return {
+        state,
+        ready: () => state().ready,
+        initialize: () => app.initialize(),
+    };
+}
+//# sourceMappingURL=capacitor-app.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"capacitor-app.js","sourceRoot":"","sources":["../../src/primitives/capacitor-app.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAGjE,OAAO,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAWrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,UAAU,kBAAkB,CAAC,OAA6B;IAC9D,MAAM,GAAG,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAA;IAE3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAoB,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;IAEzE,MAAM,WAAW,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC7C,QAAQ,CAAC,QAAQ,CAAC,CAAA;IACpB,CAAC,CAAC,CAAA;IAEF,kBAAkB;IAClB,GAAG,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;QAC1B,4DAA4D;IAC9D,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,CAAA;QACb,GAAG,CAAC,OAAO,EAAE,CAAA;IACf,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,KAAK;QACL,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK;QAC1B,UAAU,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,EAAE;KACnC,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,36 @@
+/**
+ * Solid.js primitive for changing password with async state tracking.
+ *
+ * @module
+ */
+import type { Accessor } from 'solid-js';
+import type { PromiseState } from '@molecule/app-utilities';
+/**
+ * Return type for createChangePassword primitive.
+ */
+export interface CreateChangePasswordReturn {
+    state: Accessor<PromiseState<void>>;
+    changePassword: (oldPassword: string, newPassword: string) => Promise<void>;
+    reset: () => void;
+}
+/**
+ * Creates a change password primitive with async state tracking.
+ *
+ * @returns Change password state and action
+ *
+ * @example
+ * ```tsx
+ * const { state, changePassword } = createChangePassword()
+ *
+ * return (
+ *   <button
+ *     onClick={() => changePassword(oldPassword(), newPassword())}
+ *     disabled={state().status === 'pending'}
+ *   >
+ *     {state().status === 'pending' ? 'Changing...' : 'Change Password'}
+ *   </button>
+ * )
+ * ```
+ */
+export declare function createChangePassword(): CreateChangePasswordReturn;
+//# sourceMappingURL=change-password.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"change-password.d.ts","sourceRoot":"","sources":["../../src/primitives/change-password.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAK3D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;IACnC,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3E,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,oBAAoB,IAAI,0BAA0B,CAOjE"}

package/dist/primitives/change-password.js

@@ -0,0 +1,32 @@
+/**
+ * Solid.js primitive for changing password with async state tracking.
+ *
+ * @module
+ */
+import { getAuthClient } from '../context.js';
+import { createPromise } from './promise.js';
+/**
+ * Creates a change password primitive with async state tracking.
+ *
+ * @returns Change password state and action
+ *
+ * @example
+ * ```tsx
+ * const { state, changePassword } = createChangePassword()
+ *
+ * return (
+ *   <button
+ *     onClick={() => changePassword(oldPassword(), newPassword())}
+ *     disabled={state().status === 'pending'}
+ *   >
+ *     {state().status === 'pending' ? 'Changing...' : 'Change Password'}
+ *   </button>
+ * )
+ * ```
+ */
+export function createChangePassword() {
+    const client = getAuthClient();
+    const { state, call, reset } = createPromise((oldPassword, newPassword) => client.changePassword(oldPassword, newPassword));
+    return { state, changePassword: call, reset };
+}
+//# sourceMappingURL=change-password.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"change-password.js","sourceRoot":"","sources":["../../src/primitives/change-password.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAW5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,oBAAoB;IAClC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAA;IAC9B,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,CAAC,WAAmB,EAAE,WAAmB,EAAE,EAAE,CACxF,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAChD,CAAA;IAED,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;AAC/C,CAAC"}

package/dist/primitives/device.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Solid.js primitives for device information.
+ *
+ * @module
+ */
+import type { DeviceInfo, FeatureSupport, HardwareInfo, ScreenInfo } from '@molecule/app-device';
+/**
+ * Device primitives return type.
+ */
+export interface DevicePrimitives {
+    deviceInfo: DeviceInfo;
+    screenInfo: ScreenInfo;
+    hardwareInfo: HardwareInfo;
+    featureSupport: FeatureSupport;
+    supports: (feature: keyof FeatureSupport) => boolean;
+    isOnline: () => boolean;
+    isStandalone: () => boolean;
+    language: string;
+    languages: string[];
+}
+/**
+ * Create device primitives for accessing device information.
+ *
+ * This is a static primitive (no reactive signals) since device info
+ * does not change during the lifecycle of the app.
+ *
+ * @returns Device primitives object
+ *
+ * @example
+ * ```tsx
+ * import { createDevice } from '@molecule/app-solid'
+ *
+ * function DeviceDetails() {
+ *   const { deviceInfo, screenInfo, supports } = createDevice()
+ *
+ *   return (
+ *     <div>
+ *       <p>Browser: {deviceInfo.browser.name}</p>
+ *       <p>OS: {deviceInfo.os.name}</p>
+ *       <p>Screen: {screenInfo.width}x{screenInfo.height}</p>
+ *       <p>Push supported: {supports('pushNotifications') ? 'Yes' : 'No'}</p>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function createDevice(): DevicePrimitives;
+//# sourceMappingURL=device.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../src/primitives/device.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGhG;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,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;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAc/C"}

package/dist/primitives/device.js

@@ -0,0 +1,47 @@
+/**
+ * Solid.js primitives for device information.
+ *
+ * @module
+ */
+import { getProvider } from '@molecule/app-device';
+/**
+ * Create device primitives for accessing device information.
+ *
+ * This is a static primitive (no reactive signals) since device info
+ * does not change during the lifecycle of the app.
+ *
+ * @returns Device primitives object
+ *
+ * @example
+ * ```tsx
+ * import { createDevice } from '@molecule/app-solid'
+ *
+ * function DeviceDetails() {
+ *   const { deviceInfo, screenInfo, supports } = createDevice()
+ *
+ *   return (
+ *     <div>
+ *       <p>Browser: {deviceInfo.browser.name}</p>
+ *       <p>OS: {deviceInfo.os.name}</p>
+ *       <p>Screen: {screenInfo.width}x{screenInfo.height}</p>
+ *       <p>Push supported: {supports('pushNotifications') ? 'Yes' : 'No'}</p>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export function createDevice() {
+    const provider = getProvider();
+    return {
+        deviceInfo: provider.getDeviceInfo(),
+        screenInfo: provider.getScreenInfo(),
+        hardwareInfo: provider.getHardwareInfo(),
+        featureSupport: provider.getFeatureSupport(),
+        supports: (feature) => provider.supports(feature),
+        isOnline: () => provider.isOnline(),
+        isStandalone: () => provider.isStandalone(),
+        language: provider.getLanguage(),
+        languages: provider.getLanguages(),
+    };
+}
+//# sourceMappingURL=device.js.map

package/dist/primitives/device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.js","sourceRoot":"","sources":["../../src/primitives/device.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAiBlD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,YAAY;IAC1B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,OAAO;QACL,UAAU,EAAE,QAAQ,CAAC,aAAa,EAAE;QACpC,UAAU,EAAE,QAAQ,CAAC,aAAa,EAAE;QACpC,YAAY,EAAE,QAAQ,CAAC,eAAe,EAAE;QACxC,cAAc,EAAE,QAAQ,CAAC,iBAAiB,EAAE;QAC5C,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC;QACjD,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE;QACnC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,YAAY,EAAE;QAC3C,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE;QAChC,SAAS,EAAE,QAAQ,CAAC,YAAY,EAAE;KACnC,CAAA;AACH,CAAC"}

package/dist/primitives/forms.d.ts

@@ -0,0 +1,193 @@
+/**
+ * Solid.js primitives for form handling.
+ *
+ * @module
+ */
+import { type Accessor } from 'solid-js';
+import type { FieldRegistration, FieldState, FormController, FormOptions, FormProvider, FormState, RegisterOptions } from '@molecule/app-forms';
+/**
+ * Result of createForm primitive.
+ */
+export interface CreateFormResult<T extends Record<string, unknown>> {
+    /** Reactive form state accessor. */
+    formState: Accessor<FormState<T>>;
+    /** Whether the form is currently valid. */
+    isValid: Accessor<boolean>;
+    /** Whether any field has been modified. */
+    isDirty: Accessor<boolean>;
+    /** Whether the form is currently submitting. */
+    isSubmitting: Accessor<boolean>;
+    /** Current field errors. */
+    errors: Accessor<Partial<Record<keyof T, string>>>;
+    /** Register a field for form management. */
+    register: (name: keyof T, options?: RegisterOptions) => FieldRegistration;
+    /** Get the current value of a field. */
+    getValue: <K extends keyof T>(name: K) => T[K];
+    /** Set the value of a field. */
+    setValue: <K extends keyof T>(name: K, value: T[K]) => void;
+    /** Get the error message for a field. */
+    getError: (name: keyof T) => string | undefined;
+    /** Set an error message for a field. */
+    setError: (name: keyof T, error: string | undefined) => void;
+    /** Clear all field errors. */
+    clearErrors: () => void;
+    /** Create a submit handler function. */
+    handleSubmit: (onSubmit: (values: T) => void | Promise<void>) => (event?: {
+        preventDefault?: () => void;
+    }) => Promise<void>;
+    /** Reset the form to initial or provided values. */
+    reset: (values?: Partial<T>) => void;
+    /** Validate all fields. */
+    validate: () => Promise<boolean>;
+    /** The raw FormController instance for advanced use. */
+    controller: FormController<T>;
+}
+/**
+ * Create form primitives for form state management and validation.
+ *
+ * @param provider - Form provider that creates controllers
+ * @param options - Form configuration options
+ * @returns Form primitives object
+ *
+ * @example
+ * ```tsx
+ * import { createForm } from '@molecule/app-solid'
+ * import { createNativeFormProvider } from '@molecule/app-forms'
+ *
+ * const provider = createNativeFormProvider()
+ *
+ * function LoginForm() {
+ *   const { register, handleSubmit, formState, isSubmitting, errors } = createForm(provider, {
+ *     defaultValues: { email: '', password: '' },
+ *   })
+ *
+ *   const onSubmit = async (values: { email: string; password: string }) => {
+ *     await login(values)
+ *   }
+ *
+ *   return (
+ *     <form onSubmit={handleSubmit(onSubmit)}>
+ *       <input {...register('email', { required: true, email: true })} />
+ *       <Show when={errors().email}>
+ *         <span>{errors().email}</span>
+ *       </Show>
+ *
+ *       <input {...register('password', { required: true, minLength: 8 })} type="password" />
+ *       <Show when={errors().password}>
+ *         <span>{errors().password}</span>
+ *       </Show>
+ *
+ *       <button type="submit" disabled={isSubmitting()}>
+ *         {isSubmitting() ? 'Logging in...' : 'Log In'}
+ *       </button>
+ *     </form>
+ *   )
+ * }
+ * ```
+ */
+export declare function createForm<T extends Record<string, unknown>>(provider: FormProvider, options: FormOptions<T>): CreateFormResult<T>;
+/**
+ * Create a reactive accessor for a single field's state.
+ *
+ * @param controller - Form controller
+ * @param name - Field name to track
+ * @returns Accessor for the field state
+ *
+ * @example
+ * ```tsx
+ * function EmailField(props: { controller: FormController<LoginValues> }) {
+ *   const fieldState = createFieldSignal(props.controller, 'email')
+ *
+ *   return (
+ *     <div>
+ *       <input value={fieldState().value as string} />
+ *       <Show when={fieldState().error}>
+ *         <span class="error">{fieldState().error}</span>
+ *       </Show>
+ *       <Show when={fieldState().touched && !fieldState().valid}>
+ *         <span class="invalid">Invalid</span>
+ *       </Show>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function createFieldSignal<T extends Record<string, unknown>>(controller: FormController<T>, name: keyof T): Accessor<FieldState<T[keyof T]>>;
+/**
+ * Create a reactive accessor that tracks a single field's value.
+ *
+ * @param controller - Form controller
+ * @param name - Field name to watch
+ * @returns Accessor for the field value
+ *
+ * @example
+ * ```tsx
+ * function PasswordStrength(props: { controller: FormController<SignUpValues> }) {
+ *   const password = createWatchSignal(props.controller, 'password')
+ *
+ *   const strength = () => {
+ *     const val = password()
+ *     if (!val || (val as string).length < 4) return 'weak'
+ *     if ((val as string).length < 8) return 'medium'
+ *     return 'strong'
+ *   }
+ *
+ *   return <div class={`strength-${strength()}`}>Password: {strength()}</div>
+ * }
+ * ```
+ */
+export declare function createWatchSignal<T extends Record<string, unknown>, K extends keyof T>(controller: FormController<T>, name: K): Accessor<T[K]>;
+/**
+ * Create form helpers bound to a specific form provider.
+ *
+ * Returns a factory object so you can create multiple forms from the same provider
+ * without passing it each time.
+ *
+ * @param provider - Form provider
+ * @returns Object with a bound createForm function
+ *
+ * @example
+ * ```tsx
+ * import { createFormHelpers } from '@molecule/app-solid'
+ * import { createNativeFormProvider } from '@molecule/app-forms'
+ *
+ * const { createForm } = createFormHelpers(createNativeFormProvider())
+ *
+ * function LoginForm() {
+ *   const { register, handleSubmit, isSubmitting } = createForm({
+ *     defaultValues: { email: '', password: '' },
+ *   })
+ *
+ *   // ...
+ * }
+ * ```
+ */
+/**
+ * Creates a form helpers.
+ * @param provider - The provider implementation.
+ * @returns The created result.
+ */
+export declare function createFormHelpers(provider: FormProvider): {
+    createForm: <T extends Record<string, unknown>>(options: FormOptions<T>) => CreateFormResult<T>;
+};
+/**
+ * Create form primitives from an existing controller.
+ *
+ * Useful when you have a controller created externally and want to
+ * wrap it with Solid reactivity.
+ *
+ * @param controller - An existing FormController
+ * @returns Form primitives object
+ *
+ * @example
+ * ```tsx
+ * const controller = provider.createForm({ defaultValues: { name: '' } })
+ *
+ * function NameForm() {
+ *   const { formState, register, handleSubmit } = createFormFromController(controller)
+ *   // ...
+ * }
+ * ```
+ */
+export declare function createFormFromController<T extends Record<string, unknown>>(controller: FormController<T>): CreateFormResult<T>;
+//# sourceMappingURL=forms.d.ts.map

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

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