libmodulor 0.5.0 → 0.6.0

package/.github/dependabot.yml

@@ -0,0 +1,19 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://help.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+    ignore:
+      - dependency-name: "inversify"
+        versions: ["7.x"]
+    groups:
+      dev:
+        dependency-type: "development"
+      prod:
+        dependency-type: "production"

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # CHANGELOG
 
+## v0.6.0 (2025-02-28)
+
+**BREAKING**
+
+- Extract common react elements on web and rn, renaming some of the props : check the new props names and the new `validateFormField` to simplify your overrides
+- Remove `helper` from the exports map : it makes no sense to expose it as it is an executable (see `npx libmodulor` below)
+
+**Added**
+
+- Introduce the `npx libmodulor CreateProject` command
+- Introduce `select` to target `react-web-pure` : it now renders an HTML `select` when the UC input field `hasOptions()`
+
+**Misc**
+
+- Bump `react` to `19.0.0`
+- Add a new "Style the web Target" tutorial step showing how to use `tailwindcss` and `daisyUI` to provide custom components
+
 ## v0.5.0 (2025-02-24)
 
 **BREAKING**

package/README.md

@@ -27,11 +27,17 @@ Applications created with `libmodulor` have **6 main properties** :
 
 ## 🚀 Getting Started
 
-To get started, we recommend reading the [📖 Introduction](https://github.com/c100k/libmodulor/blob/v0.5.0/docs/Introduction.md) first. It will give you an overview of what `libmodulor` is and how it works.
+If you're discovering `libmodulor`, we recommend reading the [📖 Introduction](https://github.com/c100k/libmodulor/blob/v0.6.0/docs/Introduction.md) first. It will give you an overview of what `libmodulor` is and how it works.
 
-Then, you can follow the [🚀 Tutorial](https://github.com/c100k/libmodulor/blob/v0.5.0/docs/Tutorial.md) that will show you all the main notions by building something real. We'll build a small Trading app that will allow us to buy an asset from a web page, a Terminal, Claude Desktop, Android and iOS ! All within a single, simple codebase.
+If you want to learn by doing, you can follow the [🚀 Tutorial](https://github.com/c100k/libmodulor/blob/v0.6.0/docs/Tutorial.md). It contains multiple steps showing you the basics of `libmodulor`. We'll build a small Trading app that will allow us to buy an asset from `curl`, a SPA, a CLI, Claude Desktop, an Android mobile app and an iOS mobile app !
 
-Finally, for more advanced usages, go to the [📜 Guides](https://github.com/c100k/libmodulor/blob/v0.5.0/docs/Guides.md).
+If you're felling adventurous, create a project and start building your own application, with your own apps, use cases, products, targets :
+
+```sh
+npx libmodulor CreateProject --outPath ~/Downloads --projectName libmodulor-projx
+```
+
+Finally, for more advanced uses, check out the [📜 Guides](https://github.com/c100k/libmodulor/blob/v0.6.0/docs/Guides.md).
 
 ## 👨‍💻 Contribute
 
@@ -39,4 +45,4 @@ If you think you can help in any way, feel free to contact me (cf. `author` in `
 
 ## ⚖️ License
 
-[LGPL-3.0](./LICENSE)
+[LGPL-3.0](https://github.com/c100k/libmodulor/blob/v0.6.0/LICENSE)

package/dist/esm/apps/Helper/src/i18n.js

@@ -1,6 +1,8 @@
 export const I18n = {
     en: {
         err_unknown_app: 'Unknown app : {{appPath}}',
+        uc_CreateProject_desc: 'Create a project by initializing a git repo, creating basic config files and installing the required dependencies',
+        uc_CreateProject_label: 'Create a project',
         uc_DeleteGeneratedAppsTests_desc: 'Delete the automated test suite generated for each app',
         uc_DeleteGeneratedAppsTests_label: 'Delete generated apps tests',
         uc_GenerateAppsTests_desc: 'Generate an automated test suite for each app',
@@ -9,6 +11,8 @@ export const I18n = {
         uc_TestApp_label: 'Test app',
         ucif_appPath_desc: 'The path of the app',
         ucif_appsPath_desc: 'The path to the directory containing all the apps',
+        ucif_projectName_desc: "Name of the project conforming to the package.json's spec (i.e. a-z, 0-9, -)",
+        ucif_outPath_desc: 'Path to a directory where to create the project. Do not include the project name in it. It is created recursively if missing.',
         ucif_monkeyTestingTimeoutInMs_desc: 'These tests can take longer than the usual default of 5000ms because they try lots of possibilities',
         ucif_depsMapping_desc: 'The mapping of dependencies in case some of them need a specific pattern (e.g. one directory above the default)',
         ucif_serverPortRangeStart_desc: 'The port number to start with when generating the server to test (incremented by 1) for each app',

package/dist/esm/apps/Helper/src/lib/project.d.ts

@@ -0,0 +1,2 @@
+import type { FileName, Slug } from '../../../../dt/index.js';
+export declare function projectFiles(name: Slug): Map<FileName, string>;

package/dist/esm/apps/Helper/src/lib/project.js

@@ -0,0 +1,120 @@
+const GITIGNORE = `coverage
+dist
+node_modules
+src/apps/**/test/reports
+src/apps/**/test/*.test.ts
+src/products/**/rn/.expo
+.env
+`;
+const BIOME_JSON = `{
+    "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+    "files": {
+        "ignore": ["coverage", "dist", "node_modules"],
+        "ignoreUnknown": true
+    },
+    "formatter": {
+        "indentStyle": "space",
+        "indentWidth": 4
+    },
+    "javascript": {
+        "formatter": {
+            "quoteStyle": "single"
+        },
+        "parser": {
+            "unsafeParameterDecoratorsEnabled": true
+        }
+    }
+}
+`;
+const PACKAGE_JSON = (name) => `{
+    "name": "${name}",
+    "version": "0.1.0",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "lint": "biome check --write .",
+        "test": "tsc && vitest run --passWithNoTests"
+    },
+    "dependencies": {
+        "inversify": "^6.2.2",
+        "libmodulor": "^0.5.0",
+        "reflect-metadata": "^0.2.2"
+    },
+    "devDependencies": {
+        "@biomejs/biome": "^1.9.4",
+        "@types/node": "^22.13.5",
+        "@vitest/coverage-v8": "^3.0.7",
+        "buffer": "^6.0.3",
+        "cookie-parser": "^1.4.7",
+        "express": "^4.21.2",
+        "express-fileupload": "^1.5.1",
+        "fast-check": "^3.23.2",
+        "helmet": "^8.0.0",
+        "jose": "^6.0.8",
+        "typescript": "^5.7.3",
+        "vite": "^6.2.0",
+        "vitest": "^3.0.7"
+    }
+}
+`;
+const README_MD = (name) => `# ${name}
+
+🚀🚀🚀
+`;
+const TSCONFIG_JSON = `{
+    "compilerOptions": {
+        "allowSyntheticDefaultImports": true,
+        "declaration": true,
+        "lib": ["dom", "esnext"],
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "noEmit": true,
+        "removeComments": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "ESNext",
+
+        "strict": true,
+        "allowUnreachableCode": false,
+        "allowUnusedLabels": false,
+        "exactOptionalPropertyTypes": true,
+        "noFallthroughCasesInSwitch": true,
+        "noPropertyAccessFromIndexSignature": true,
+        "noImplicitOverride": true,
+        "noImplicitReturns": true,
+        "noUncheckedIndexedAccess": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "verbatimModuleSyntax": true,
+
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+
+        "jsx": "react"
+    }
+}
+`;
+const VITEST_CONFIG_TS = `import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+    test: {
+        coverage: {
+            enabled: true,
+            exclude: ['src/apps/**/test', 'src/**/*.test.ts'],
+            include: ['src'],
+            reporter: ['html', 'lcov', 'text'],
+        },
+        reporters: ['verbose'],
+    },
+});
+`;
+export function projectFiles(name) {
+    return new Map([
+        ['.gitignore', GITIGNORE],
+        ['biome.json', BIOME_JSON],
+        ['package.json', PACKAGE_JSON(name)],
+        ['README.md', README_MD(name)],
+        ['tsconfig.json', TSCONFIG_JSON],
+        ['vitest.config.ts', VITEST_CONFIG_TS],
+    ]);
+}

package/dist/esm/apps/Helper/src/manifest.d.ts

@@ -2,6 +2,11 @@ export declare const Manifest: {
     languageCodes: "en"[];
     name: "Helper";
     ucReg: {
+        CreateProject: {
+            action: "Create";
+            icon: string;
+            name: "CreateProject";
+        };
         DeleteGeneratedAppsTests: {
             action: "Delete";
             icon: string;

package/dist/esm/apps/Helper/src/manifest.js

@@ -2,6 +2,11 @@ export const Manifest = {
     languageCodes: ['en'],
     name: 'Helper',
     ucReg: {
+        CreateProject: {
+            action: 'Create',
+            icon: 'plus',
+            name: 'CreateProject',
+        },
         DeleteGeneratedAppsTests: {
             action: 'Delete',
             icon: 'trash-can',

package/dist/esm/apps/Helper/src/ucds/CreateProjectUCD.d.ts

@@ -0,0 +1,15 @@
+import { type DirPath, type Slug } from '../../../../dt/index.js';
+import type { FSManager, Logger, ShellCommandExecutor } from '../../../../std/index.js';
+import { type UCDef, type UCInput, type UCInputFieldValue, type UCMain, type UCMainInput } from '../../../../uc/index.js';
+export interface CreateProjectInput extends UCInput {
+    outPath: UCInputFieldValue<DirPath>;
+    projectName: UCInputFieldValue<Slug>;
+}
+export declare class CreateProjectClientMain implements UCMain<CreateProjectInput> {
+    private fsManager;
+    private logger;
+    private shellCommandExecutor;
+    constructor(fsManager: FSManager, logger: Logger, shellCommandExecutor: ShellCommandExecutor);
+    exec({ uc }: UCMainInput<CreateProjectInput>): Promise<void>;
+}
+export declare const CreateProjectUCD: UCDef<CreateProjectInput>;

package/dist/esm/apps/Helper/src/ucds/CreateProjectUCD.js

@@ -0,0 +1,118 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { inject, injectable } from 'inversify';
+import { APPS_ROOT_PATH, PRODUCTS_ROOT_PATH } from '../../../../convention.js';
+import { TDirPath, TSlug, } from '../../../../dt/index.js';
+import { EverybodyUCPolicy, } from '../../../../uc/index.js';
+import { projectFiles } from '../lib/project.js';
+import { Manifest } from '../manifest.js';
+let CreateProjectClientMain = class CreateProjectClientMain {
+    fsManager;
+    logger;
+    shellCommandExecutor;
+    constructor(fsManager, logger, shellCommandExecutor) {
+        this.fsManager = fsManager;
+        this.logger = logger;
+        this.shellCommandExecutor = shellCommandExecutor;
+    }
+    async exec({ uc }) {
+        const outPath = uc.reqVal0('outPath');
+        const projectName = uc.reqVal0('projectName');
+        const cwd = this.fsManager.path(outPath, projectName);
+        this.logger.info('Creating root dir : %s', cwd);
+        await this.fsManager.mkdir(cwd, { recursive: true });
+        this.logger.info('Initializing git repository');
+        await this.shellCommandExecutor.exec({
+            bin: 'git',
+            opts: { args: ['init'], cwd },
+        });
+        this.logger.info('Creating config files');
+        const files = projectFiles(projectName);
+        for await (const [fileName, content] of files) {
+            const path = this.fsManager.path(cwd, fileName);
+            await this.fsManager.touch(path, content);
+        }
+        const dirs = [APPS_ROOT_PATH, PRODUCTS_ROOT_PATH];
+        this.logger.info('Creating apps and products directories');
+        for await (const dirPath of dirs) {
+            const path = this.fsManager.path(cwd, ...dirPath);
+            await this.fsManager.mkdir(path, { recursive: true });
+            await this.fsManager.touch(this.fsManager.path(path, '.gitkeep'), '');
+        }
+        this.logger.info('Installing dependencies');
+        await this.shellCommandExecutor.exec({
+            bin: 'yarn',
+            opts: { args: ['install'], cwd },
+        });
+        this.logger.info('Committing');
+        const cmdArgs = [
+            ['branch', '-M', 'master'],
+            ['add', '.'],
+            ['commit', '-am', '"chore: initial commit"'],
+        ];
+        for await (const args of cmdArgs) {
+            await this.shellCommandExecutor.exec({
+                bin: 'git',
+                opts: { args, cwd },
+            });
+        }
+        const devCmds = ['lint', 'test'];
+        for await (const cmd of devCmds) {
+            this.logger.info('Testing dev command : yarn %s', cmd);
+            await this.shellCommandExecutor.exec({
+                bin: 'yarn',
+                opts: { args: [cmd], cwd },
+            });
+        }
+        this.logger.info('Done ! Project ready ! ✅ 🚀');
+    }
+};
+CreateProjectClientMain = __decorate([
+    injectable(),
+    __param(0, inject('FSManager')),
+    __param(1, inject('Logger')),
+    __param(2, inject('ShellCommandExecutor')),
+    __metadata("design:paramtypes", [Object, Object, Object])
+], CreateProjectClientMain);
+export { CreateProjectClientMain };
+export const CreateProjectUCD = {
+    ext: {
+        cmd: {
+            mountAt: 'CreateProject',
+        },
+    },
+    io: {
+        i: {
+            fields: {
+                outPath: {
+                    cardinality: {
+                        min: 0,
+                    },
+                    type: new TDirPath()
+                        .setDefaultValue('./')
+                        .setExamples([['~', 'Desktop'].join('/')]),
+                },
+                projectName: {
+                    type: new TSlug(),
+                },
+            },
+        },
+    },
+    lifecycle: {
+        client: {
+            main: CreateProjectClientMain,
+            policy: EverybodyUCPolicy,
+        },
+    },
+    metadata: Manifest.ucReg.CreateProject,
+};

package/dist/esm/dt/index.d.ts

@@ -4,7 +4,7 @@ export { TInt, type TIntConstraints } from './base/TInt.js';
 export { TNumber, type TNumberConstraints } from './base/TNumber.js';
 export { TObject, type TObjectConstraints, TObjectShapeValidationStrategy, } from './base/TObject.js';
 export { TString, type TStringConstraints } from './base/TString.js';
-export { TUInt, type TUIntConstraints } from './base/TUInt.js';
+export { TUInt, type TUIntConstraints, type UInt } from './base/TUInt.js';
 export { type Address, TAddress } from './final/TAddress.js';
 export { type Amount, TAmount } from './final/TAmount.js';
 export { type ApiKey, TApiKey } from './final/TApiKey.js';

package/dist/esm/index.node.d.ts

@@ -6,6 +6,7 @@ export { NodeFormDataBuilder } from './std/impl/NodeFormDataBuilder.js';
 export { NodeFSManager } from './std/impl/NodeFSManager.js';
 export { NodeHTTPAPICallExecutorAgentBuilder } from './std/impl/NodeHTTPAPICallExecutorAgentBuilder.js';
 export { NodePromptManager } from './std/impl/NodePromptManager.js';
+export { NodeSpawnShellCommandExecutor } from './std/impl/NodeSpawnShellCommandExecutor.js';
 export { NodeCoreCLIManager } from './target/node-core-cli/NodeCoreCLIManager.js';
 export { NodeExpressServerManager } from './target/node-express-server/NodeExpressServerManager.js';
 export { bindNodeCLI } from './utils/ioc/bindNodeCLI.js';

package/dist/esm/index.node.js

@@ -6,6 +6,7 @@ export { NodeFormDataBuilder } from './std/impl/NodeFormDataBuilder.js';
 export { NodeFSManager } from './std/impl/NodeFSManager.js';
 export { NodeHTTPAPICallExecutorAgentBuilder } from './std/impl/NodeHTTPAPICallExecutorAgentBuilder.js';
 export { NodePromptManager } from './std/impl/NodePromptManager.js';
+export { NodeSpawnShellCommandExecutor } from './std/impl/NodeSpawnShellCommandExecutor.js';
 export { NodeCoreCLIManager } from './target/node-core-cli/NodeCoreCLIManager.js';
 export { NodeExpressServerManager } from './target/node-express-server/NodeExpressServerManager.js';
 export { bindNodeCLI } from './utils/ioc/bindNodeCLI.js';

package/dist/esm/index.react.d.ts

@@ -1,5 +1,5 @@
 export { DIContext, useDIContext, DIContextProvider, type DIContextT, } from './target/lib/react/DIContextProvider.js';
-export type { UCFormFieldControlOnChange, UCFormProps, RenderUCForm, } from './target/lib/react/form.js';
+export type { UCFormFieldControlOnChange, UCFormFieldControlProps, UCFormFieldDescProps, UCFormFieldElement, UCFormFieldErrProps, UCFormFieldLabelProps, UCFormFieldProps, UCFormProps, UCFormSubmitControlProps, UC_FORM_FIELD_ELEMENTS, RenderUCForm, validateFormField, } from './target/lib/react/form.js';
 export type { UCPanelCtx, UCPanelOnDone, UCPanelOnError, UCPanelOnInit, UCPanelOnStartSubmitting, UCPanelOnSubmit, UCPanelState, } from './target/lib/react/panel.js';
 export type { UCEntrypointTouchableProps, RenderUCEntrypointTouchable, RenderUCExecTouchable, UCExecTouchableProps, } from './target/lib/react/touchable.js';
 export { UCContainer } from './target/lib/react/UCContainer.js';

package/dist/esm/products/Helper/container.js

@@ -1,4 +1,5 @@
 import { Container } from 'inversify';
+import { NodeSpawnShellCommandExecutor } from '../../std/impl/NodeSpawnShellCommandExecutor.js';
 import { VitestAppTestSuiteEmitter } from '../../testing/impl/VitestAppTestSuiteEmitter.js';
 import { VitestAppTestSuiteRunner } from '../../testing/impl/VitestAppTestSuiteRunner.js';
 import { CONTAINER_OPTS } from '../../utils/index.js';
@@ -19,4 +20,7 @@ container
 container
     .bind('AppTestSuiteRunner')
     .to(VitestAppTestSuiteRunner);
+container
+    .bind('ShellCommandExecutor')
+    .to(NodeSpawnShellCommandExecutor);
 export default container;

package/dist/esm/products/Helper/index.js

@@ -1,3 +1,5 @@
+#!/usr/bin/env node
+
 import { APPS_ROOT_DIR_NAME } from '../../convention.js';
 import { NodeCoreCLIManager } from '../../target/node-core-cli/NodeCoreCLIManager.js';
 import container from './container.js';

package/dist/esm/std/ShellCommandExecutor.d.ts

@@ -0,0 +1,19 @@
+import type { FilePath } from '../dt/index.js';
+import type { Worker } from './Worker.js';
+export type ShellCommandExecutorCommandArg = string;
+export type ShellCommandExecutorCommandBin = 'docker' | 'file' | 'git' | 'open' | 'ssh-keygen' | 'ssh-keyscan' | 'unzip' | 'yarn' | 'zip' | (string & {});
+export type ShellCommandExecutorEnv = Record<string, string>;
+export type ShellCommandExecutorInstruction = string;
+export type ShellCommandExecutorScript = string;
+export type ShellCommandExecutorShebang = '#!/bin/bash';
+export interface ShellCommandExecutorInput {
+    bin: ShellCommandExecutorCommandBin;
+    opts?: {
+        args?: ShellCommandExecutorCommandArg[];
+        cwd?: FilePath;
+        env?: ShellCommandExecutorEnv;
+    };
+}
+export type ShellCommandExecutorOutput = string;
+export interface ShellCommandExecutor extends Worker<ShellCommandExecutorInput, Promise<ShellCommandExecutorOutput>> {
+}

package/dist/esm/std/ShellCommandExecutor.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/std/impl/NodeSpawnShellCommandExecutor.d.ts

@@ -0,0 +1,4 @@
+import type { ShellCommandExecutor, ShellCommandExecutorInput, ShellCommandExecutorOutput } from '../ShellCommandExecutor.js';
+export declare class NodeSpawnShellCommandExecutor implements ShellCommandExecutor {
+    exec({ bin, opts, }: ShellCommandExecutorInput): Promise<ShellCommandExecutorOutput>;
+}

package/dist/esm/std/impl/NodeSpawnShellCommandExecutor.js

@@ -0,0 +1,41 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { spawn } from 'node:child_process';
+import { injectable } from 'inversify';
+let NodeSpawnShellCommandExecutor = class NodeSpawnShellCommandExecutor {
+    async exec({ bin, opts, }) {
+        return new Promise((resolve, reject) => {
+            let stderr = '';
+            let stdout = '';
+            const proc = spawn(bin, opts?.args || [], {
+                cwd: opts?.cwd,
+                env: opts?.env,
+            });
+            proc.stderr.on('data', (chunk) => {
+                stderr += chunk;
+            });
+            proc.stdout.on('data', (chunk) => {
+                stdout += chunk;
+            });
+            proc.stdout.on('error', (err) => {
+                reject(err);
+            });
+            proc.on('close', (code, signal) => {
+                if (code === 0) {
+                    resolve(stdout);
+                }
+                else {
+                    reject(new Error(`Command failed with exit code (${code}), signal (${signal}), stderr (${stderr}) stdout (${stdout})`));
+                }
+            });
+        });
+    }
+};
+NodeSpawnShellCommandExecutor = __decorate([
+    injectable()
+], NodeSpawnShellCommandExecutor);
+export { NodeSpawnShellCommandExecutor };

package/dist/esm/std/index.d.ts

@@ -17,5 +17,6 @@ export * from './LLMManager.js';
 export * from './Logger.js';
 export * from './PromptManager.js';
 export * from './SettingsManager.js';
+export * from './ShellCommandExecutor.js';
 export * from './Worker.js';
 export * from './XMLManager.js';

package/dist/esm/std/index.js

@@ -17,5 +17,6 @@ export * from './LLMManager.js';
 export * from './Logger.js';
 export * from './PromptManager.js';
 export * from './SettingsManager.js';
+export * from './ShellCommandExecutor.js';
 export * from './Worker.js';
 export * from './XMLManager.js';

package/dist/esm/target/lib/react/form.d.ts

@@ -1,10 +1,34 @@
 import type { ReactElement } from 'react';
-import type { DataType } from '../../../dt/index.js';
+import type { DataType, ErrorMessage } from '../../../dt/index.js';
+import type { I18nManager } from '../../../std/index.js';
 import type { UCInput, UCInputField, UCInputFieldChangeOperator, UCInputFieldValue, UCOPIBase } from '../../../uc/index.js';
-import type { UCPanelCtx, UCPanelOnSubmit } from './panel.js';
+import type { UCPanelCtx, UCPanelOnSubmit, UCPanelState } from './panel.js';
 export type UCFormFieldControlOnChange<T extends DataType = DataType> = (f: UCInputField<T>, op: UCInputFieldChangeOperator, v: UCInputFieldValue<T>) => void;
+export type UCFormFieldControlProps<T extends DataType> = UCPanelState & {
+    errMsg?: ErrorMessage | null;
+    f: UCInputField<T>;
+    onChange: UCFormFieldControlOnChange<T>;
+};
+export type UCFormFieldDescProps<T extends DataType> = {
+    f: UCInputField<T>;
+};
+export type UCFormFieldErrProps = {
+    errMsg?: ErrorMessage | null;
+};
+export type UCFormFieldLabelProps<T extends DataType> = {
+    f: UCInputField<T>;
+};
+export declare const UC_FORM_FIELD_ELEMENTS: readonly ["control", "desc", "err", "label"];
+export type UCFormFieldElement = (typeof UC_FORM_FIELD_ELEMENTS)[number];
+export type UCFormFieldProps<T extends DataType> = UCFormFieldControlProps<T> & {
+    only?: UCFormFieldElement[];
+};
 export type UCFormProps<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined> = UCPanelCtx<I, OPI0, OPI1> & {
     onChange: UCFormFieldControlOnChange;
     onSubmit: UCPanelOnSubmit;
 };
+export type UCFormSubmitControlProps<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined> = UCPanelCtx<I, OPI0, OPI1> & {
+    onPress?: () => Promise<void>;
+};
 export type RenderUCForm<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined> = (props: UCFormProps<I, OPI0, OPI1>) => ReactElement;
+export declare function validateFormField<T extends DataType = DataType>(i18nManager: I18nManager, f: UCInputField<T>, v: UCInputFieldValue<T>): ErrorMessage | null;

package/dist/esm/target/lib/react/form.js

@@ -1 +1,18 @@
-export {};
+export const UC_FORM_FIELD_ELEMENTS = [
+    'control',
+    'desc',
+    'err',
+    'label',
+];
+export function validateFormField(i18nManager, f, v) {
+    const vArr = Array.isArray(v) ? v : [v];
+    for (const vv of vArr) {
+        const validation = f.def.type.assign(vv).validate();
+        const violation = validation.get();
+        if (violation) {
+            const [key, expected] = violation;
+            return i18nManager.t(key, { vars: { expected } });
+        }
+    }
+    return null;
+}

package/dist/esm/target/react-native-pure/UCForm.js

@@ -1,13 +1,13 @@
 import React, {} from 'react';
 import { View } from 'react-native';
 import { UCFormField } from './UCFormField.js';
-import { UCFormSubmitControl, } from './UCFormSubmitControl.js';
+import { UCFormSubmitControl } from './UCFormSubmitControl.js';
 export function UCForm({ disabled, execState, onChange, onSubmit, uc, }) {
     const onPress = async () => {
         await onSubmit();
     };
     return (React.createElement(View, null,
         uc.inputFieldsForForm().map((f) => (React.createElement(View, { key: f.key },
-            React.createElement(UCFormField, { disabled: disabled, execState: execState, field: f, onChange: onChange })))),
+            React.createElement(UCFormField, { disabled: disabled, execState: execState, f: f, onChange: onChange })))),
         React.createElement(UCFormSubmitControl, { execState: execState, disabled: disabled, onPress: onPress, uc: uc })));
 }

package/dist/esm/target/react-native-pure/UCFormField.d.ts

@@ -1,11 +1,4 @@
 import { type ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
-import { type Props as FormFieldControlProps } from './UCFormFieldControl.js';
-import { type Props as FormFieldLabelProps } from './UCFormFieldLabel.js';
-declare const ELEMENTS: readonly ["control", "desc", "err", "label"];
-type Element = (typeof ELEMENTS)[number];
-type Props<T extends DataType> = FormFieldControlProps<T> & FormFieldLabelProps<T> & {
-    only?: Element[];
-};
-export declare function UCFormField<T extends DataType>({ disabled, execState, field, onChange: onChangeBase, only, }: Props<T>): ReactElement;
-export {};
+import { type UCFormFieldProps } from '../lib/react/form.js';
+export declare function UCFormField<T extends DataType>({ disabled, execState, f, onChange: onChangeBase, only, }: UCFormFieldProps<T>): ReactElement;

package/dist/esm/target/react-native-pure/UCFormField.js

@@ -1,32 +1,21 @@
 import React, { useState } from 'react';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
-import { UCFormFieldControl, } from './UCFormFieldControl.js';
+import { UC_FORM_FIELD_ELEMENTS, validateFormField, } from '../lib/react/form.js';
+import { UCFormFieldControl } from './UCFormFieldControl.js';
 import { UCFormFieldDesc } from './UCFormFieldDesc.js';
 import { UCFormFieldErr } from './UCFormFieldErr.js';
-import { UCFormFieldLabel, } from './UCFormFieldLabel.js';
-const ELEMENTS = ['control', 'desc', 'err', 'label'];
-export function UCFormField({ disabled, execState, field, onChange: onChangeBase, only, }) {
+import { UCFormFieldLabel } from './UCFormFieldLabel.js';
+export function UCFormField({ disabled, execState, f, onChange: onChangeBase, only, }) {
     const { i18nManager } = useDIContext();
-    const { type } = field.def;
     const [errMsg, setErrMsg] = useState(null);
-    const elements = only ?? ELEMENTS;
     const onChange = (f, op, v) => {
-        setErrMsg(null);
-        const vArr = Array.isArray(v) ? v : [v];
-        for (const vv of vArr) {
-            const validation = type.assign(vv).validate();
-            const violation = validation.get();
-            if (violation) {
-                const [key, expected] = violation;
-                setErrMsg(i18nManager.t(key, { vars: { expected } }));
-                break;
-            }
-        }
+        setErrMsg(validateFormField(i18nManager, f, v));
         onChangeBase(f, op, v);
     };
+    const elements = only ?? UC_FORM_FIELD_ELEMENTS;
     return (React.createElement(React.Fragment, null,
-        elements.includes('label') && React.createElement(UCFormFieldLabel, { field: field }),
-        elements.includes('control') && (React.createElement(UCFormFieldControl, { disabled: disabled, execState: execState, field: field, onChange: onChange })),
+        elements.includes('label') && React.createElement(UCFormFieldLabel, { f: f }),
+        elements.includes('control') && (React.createElement(UCFormFieldControl, { disabled: disabled, execState: execState, f: f, onChange: onChange })),
         elements.includes('err') && errMsg && (React.createElement(UCFormFieldErr, { errMsg: errMsg })),
-        elements.includes('desc') && React.createElement(UCFormFieldDesc, { field: field })));
+        elements.includes('desc') && React.createElement(UCFormFieldDesc, { f: f })));
 }

package/dist/esm/target/react-native-pure/UCFormFieldControl.d.ts

@@ -1,11 +1,4 @@
 import { type ReactElement } from 'react';
-import type { DataType, ErrorMessage } from '../../dt/index.js';
-import { type UCInputField } from '../../uc/index.js';
-import type { UCFormFieldControlOnChange } from '../lib/react/form.js';
-import type { UCPanelState } from '../lib/react/panel.js';
-export type Props<T extends DataType> = UCPanelState & {
-    errMsg?: ErrorMessage | null;
-    field: UCInputField<T>;
-    onChange: UCFormFieldControlOnChange<T>;
-};
-export declare function UCFormFieldControl<T extends DataType>({ errMsg, execState, field, onChange: onChangeBase, }: Props<T>): ReactElement;
+import type { DataType } from '../../dt/index.js';
+import type { UCFormFieldControlProps } from '../lib/react/form.js';
+export declare function UCFormFieldControl<T extends DataType>({ errMsg, execState, f, onChange: onChangeBase, }: UCFormFieldControlProps<T>): ReactElement;

package/dist/esm/target/react-native-pure/UCFormFieldControl.js

@@ -4,23 +4,23 @@ import { UCInputFieldChangeOperator, ucifRepeatability, } from '../../uc/index.j
 import { isBlank } from '../../utils/index.js';
 import { rnInputDef } from '../lib/rn/input.js';
 const MULTIPLE_VALUES_SEPARATOR = ',';
-export function UCFormFieldControl({ errMsg = null, execState, field, onChange: onChangeBase, }) {
-    const [internalValue, setInternalValue] = useState(field.getValue());
+export function UCFormFieldControl({ errMsg = null, execState, f, onChange: onChangeBase, }) {
+    const [internalValue, setInternalValue] = useState(f.getValue());
     // biome-ignore lint/correctness/useExhaustiveDependencies: false positive : It is actually necessary (only `field` does not trigger the effect)
     useEffect(() => {
-        setInternalValue(field.getValue());
-    }, [field.getValue()]);
-    const attrs = rnInputDef(field, execState, errMsg);
+        setInternalValue(f.getValue());
+    }, [f.getValue()]);
+    const attrs = rnInputDef(f, execState, errMsg);
     const onChangeText = (value) => {
-        const [isRepeatable] = ucifRepeatability(field.def);
+        const [isRepeatable] = ucifRepeatability(f.def);
         if (isRepeatable && typeof value === 'string') {
             const valueArr = value
                 .split(MULTIPLE_VALUES_SEPARATOR)
                 .map((v) => v.trim());
-            onChangeBase(field, UCInputFieldChangeOperator.SET, valueArr);
+            onChangeBase(f, UCInputFieldChangeOperator.SET, valueArr);
         }
         else {
-            onChangeBase(field, UCInputFieldChangeOperator.SET, value);
+            onChangeBase(f, UCInputFieldChangeOperator.SET, value);
         }
         setInternalValue(value);
     };

package/dist/esm/target/react-native-pure/UCFormFieldDesc.d.ts

@@ -1,7 +1,4 @@
 import { type ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
-import type { UCInputField } from '../../uc/index.js';
-export interface Props<T extends DataType> {
-    field: UCInputField<T>;
-}
-export declare function UCFormFieldDesc<T extends DataType>({ field, }: Props<T>): ReactElement | null;
+import type { UCFormFieldDescProps } from '../lib/react/form.js';
+export declare function UCFormFieldDesc<T extends DataType>({ f, }: UCFormFieldDescProps<T>): ReactElement | null;

package/dist/esm/target/react-native-pure/UCFormFieldDesc.js

@@ -1,9 +1,9 @@
 import React, {} from 'react';
 import { Text } from 'react-native';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
-export function UCFormFieldDesc({ field, }) {
+export function UCFormFieldDesc({ f, }) {
     const { wordingManager } = useDIContext();
-    const { desc } = wordingManager.ucif(field);
+    const { desc } = wordingManager.ucif(f);
     if (!desc) {
         return null;
     }

package/dist/esm/target/react-native-pure/UCFormFieldErr.d.ts

@@ -1,7 +1,3 @@
 import { type ReactElement } from 'react';
-import type { ErrorMessage } from '../../dt/index.js';
-interface Props {
-    errMsg: ErrorMessage;
-}
-export declare function UCFormFieldErr({ errMsg }: Props): ReactElement;
-export {};
+import type { UCFormFieldErrProps } from '../lib/react/form.js';
+export declare function UCFormFieldErr({ errMsg }: UCFormFieldErrProps): ReactElement;

package/dist/esm/target/react-native-pure/UCFormFieldLabel.d.ts

@@ -1,7 +1,4 @@
 import { type ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
-import type { UCInputField } from '../../uc/index.js';
-export interface Props<T extends DataType> {
-    field: UCInputField<T>;
-}
-export declare function UCFormFieldLabel<T extends DataType>({ field, }: Props<T>): ReactElement;
+import type { UCFormFieldLabelProps } from '../lib/react/form.js';
+export declare function UCFormFieldLabel<T extends DataType>({ f, }: UCFormFieldLabelProps<T>): ReactElement;

package/dist/esm/target/react-native-pure/UCFormFieldLabel.js

@@ -1,8 +1,8 @@
 import React, {} from 'react';
 import { Text } from 'react-native';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
-export function UCFormFieldLabel({ field, }) {
+export function UCFormFieldLabel({ f, }) {
     const { wordingManager } = useDIContext();
-    const { label } = wordingManager.ucif(field);
+    const { label } = wordingManager.ucif(f);
     return React.createElement(Text, null, label);
 }

package/dist/esm/target/react-native-pure/UCFormSubmitControl.d.ts

@@ -1,9 +1,4 @@
 import { type ReactElement } from 'react';
 import type { UCInput, UCOPIBase } from '../../uc/index.js';
-import type { UCPanelCtx } from '../lib/react/panel.js';
-export type UCFormSubmitOnPress = () => Promise<void>;
-type Props<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined> = UCPanelCtx<I, OPI0, OPI1> & {
-    onPress?: UCFormSubmitOnPress;
-};
-export declare function UCFormSubmitControl<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ execState, disabled, onPress, uc }: Props<I, OPI0, OPI1>): ReactElement;
-export {};
+import type { UCFormSubmitControlProps } from '../lib/react/form.js';
+export declare function UCFormSubmitControl<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ execState, disabled, onPress, uc, }: UCFormSubmitControlProps<I, OPI0, OPI1>): ReactElement;

package/dist/esm/target/react-native-pure/UCFormSubmitControl.js

@@ -1,7 +1,7 @@
 import React, {} from 'react';
 import { Pressable, Text } from 'react-native';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
-export function UCFormSubmitControl({ execState, disabled, onPress, uc }) {
+export function UCFormSubmitControl({ execState, disabled, onPress, uc, }) {
     const { wordingManager } = useDIContext();
     return (React.createElement(Pressable, { onPress: onPress, disabled: disabled },
         React.createElement(Text, null, wordingManager.ucISubmit(uc.def, execState))));

package/dist/esm/target/react-web-pure/UCForm.js

@@ -12,6 +12,6 @@ export function UCForm({ clearAfterExec, disabled, execState, onChange, onSubmit
     };
     return (React.createElement("form", { onSubmit: onSubmit, ref: formRef },
         uc.inputFieldsForForm().map((f) => (React.createElement("div", { key: f.key },
-            React.createElement(UCFormField, { disabled: disabled, execState: execState, field: f, onChange: onChange })))),
+            React.createElement(UCFormField, { disabled: disabled, execState: execState, f: f, onChange: onChange })))),
         React.createElement(UCFormSubmitControl, { execState: execState, disabled: disabled, uc: uc })));
 }

package/dist/esm/target/react-web-pure/UCFormField.d.ts

@@ -1,11 +1,4 @@
 import { type ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
-import { type Props as FormFieldControlProps } from './UCFormFieldControl.js';
-import { type Props as FormFieldLabelProps } from './UCFormFieldLabel.js';
-declare const ELEMENTS: readonly ["control", "desc", "err", "label"];
-type Element = (typeof ELEMENTS)[number];
-type Props<T extends DataType> = FormFieldControlProps<T> & FormFieldLabelProps<T> & {
-    only?: Element[];
-};
-export declare function UCFormField<T extends DataType>({ disabled, execState, field, onChange: onChangeBase, only, }: Props<T>): ReactElement;
-export {};
+import { type UCFormFieldProps } from '../lib/react/form.js';
+export declare function UCFormField<T extends DataType>({ disabled, execState, f, onChange: onChangeBase, only, }: UCFormFieldProps<T>): ReactElement;

package/dist/esm/target/react-web-pure/UCFormField.js

@@ -1,32 +1,21 @@
 import React, { useState } from 'react';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
-import { UCFormFieldControl, } from './UCFormFieldControl.js';
+import { UC_FORM_FIELD_ELEMENTS, validateFormField, } from '../lib/react/form.js';
+import { UCFormFieldControl } from './UCFormFieldControl.js';
 import { UCFormFieldDesc } from './UCFormFieldDesc.js';
 import { UCFormFieldErr } from './UCFormFieldErr.js';
-import { UCFormFieldLabel, } from './UCFormFieldLabel.js';
-const ELEMENTS = ['control', 'desc', 'err', 'label'];
-export function UCFormField({ disabled, execState, field, onChange: onChangeBase, only, }) {
+import { UCFormFieldLabel } from './UCFormFieldLabel.js';
+export function UCFormField({ disabled, execState, f, onChange: onChangeBase, only, }) {
     const { i18nManager } = useDIContext();
-    const { type } = field.def;
     const [errMsg, setErrMsg] = useState(null);
-    const elements = only ?? ELEMENTS;
     const onChange = (f, op, v) => {
-        setErrMsg(null);
-        const vArr = Array.isArray(v) ? v : [v];
-        for (const vv of vArr) {
-            const validation = type.assign(vv).validate();
-            const violation = validation.get();
-            if (violation) {
-                const [key, expected] = violation;
-                setErrMsg(i18nManager.t(key, { vars: { expected } }));
-                break;
-            }
-        }
+        setErrMsg(validateFormField(i18nManager, f, v));
         onChangeBase(f, op, v);
     };
+    const elements = only ?? UC_FORM_FIELD_ELEMENTS;
     return (React.createElement(React.Fragment, null,
-        elements.includes('label') && React.createElement(UCFormFieldLabel, { field: field }),
-        elements.includes('control') && (React.createElement(UCFormFieldControl, { disabled: disabled, execState: execState, field: field, onChange: onChange })),
+        elements.includes('label') && React.createElement(UCFormFieldLabel, { f: f }),
+        elements.includes('control') && (React.createElement(UCFormFieldControl, { disabled: disabled, execState: execState, f: f, onChange: onChange })),
         elements.includes('err') && errMsg && (React.createElement(UCFormFieldErr, { errMsg: errMsg })),
-        elements.includes('desc') && React.createElement(UCFormFieldDesc, { field: field })));
+        elements.includes('desc') && React.createElement(UCFormFieldDesc, { f: f })));
 }

package/dist/esm/target/react-web-pure/UCFormFieldControl.d.ts

@@ -1,11 +1,4 @@
 import { type ReactElement } from 'react';
-import type { DataType, ErrorMessage } from '../../dt/index.js';
-import { type UCInputField } from '../../uc/index.js';
-import type { UCFormFieldControlOnChange } from '../lib/react/form.js';
-import type { UCPanelState } from '../lib/react/panel.js';
-export type Props<T extends DataType> = UCPanelState & {
-    errMsg?: ErrorMessage | null;
-    field: UCInputField<T>;
-    onChange: UCFormFieldControlOnChange<T>;
-};
-export declare function UCFormFieldControl<T extends DataType>({ errMsg, execState, field, onChange: onChangeBase, }: Props<T>): ReactElement;
+import type { DataType } from '../../dt/index.js';
+import type { UCFormFieldControlProps } from '../lib/react/form.js';
+export declare function UCFormFieldControl<T extends DataType>({ errMsg, execState, f, onChange: onChangeBase, }: UCFormFieldControlProps<T>): ReactElement;

package/dist/esm/target/react-web-pure/UCFormFieldControl.js

@@ -4,31 +4,46 @@ import { htmlInputDef } from '../lib/web/input.js';
 const CHECKED_FIELD_TYPES = ['checkbox', 'radio'];
 const FILE_FIELD_TYPES = ['file'];
 const MULTIPLE_VALUES_SEPARATOR = ',';
-export function UCFormFieldControl({ errMsg = null, execState, field, onChange: onChangeBase, }) {
-    const attrs = htmlInputDef(field, execState, errMsg);
+export function UCFormFieldControl({ errMsg = null, execState, f, onChange: onChangeBase, }) {
+    const attrs = htmlInputDef(f, execState, errMsg);
     const onChange = (e) => {
         const target = e.currentTarget;
         const type = target.type;
         let value = target.value;
+        if (target.localName === 'select' && !value) {
+            // Prevent the value from being '' when we set/unset the select
+            // Otherwise it sets '' as value and prevents the form for being valid
+            onChangeBase(f, UCInputFieldChangeOperator.RESET, value);
+            return;
+        }
         if (CHECKED_FIELD_TYPES.includes(type) && 'checked' in target) {
             value = target.checked;
         }
         else if (FILE_FIELD_TYPES.includes(type) && 'files' in target) {
             value = target.files?.item(0);
         }
-        const [isRepeatable] = ucifRepeatability(field.def);
+        const [isRepeatable] = ucifRepeatability(f.def);
         if (isRepeatable && typeof value === 'string') {
             const valueArr = value
                 .split(MULTIPLE_VALUES_SEPARATOR)
                 .map((v) => v.trim());
-            onChangeBase(field, UCInputFieldChangeOperator.SET, valueArr);
+            onChangeBase(f, UCInputFieldChangeOperator.SET, valueArr);
         }
         else {
-            onChangeBase(field, UCInputFieldChangeOperator.SET, value);
+            onChangeBase(f, UCInputFieldChangeOperator.SET, value);
         }
     };
     if (attrs.internal?.multiline) {
         return React.createElement("textarea", { ...attrs.spec, onChange: onChange });
     }
+    const { type } = f.def;
+    const options = type.getOptions();
+    if (options) {
+        // TODO : Handle type.hasStrictOptions() => display an input text alongside the select
+        // TODO : Consider using a radio and/or checkbox and/or selectable buttons when the options count < X
+        return (React.createElement("select", { ...attrs.spec, onChange: onChange },
+            React.createElement("option", null),
+            options.map((o) => (React.createElement("option", { key: o.value.toString(), value: o.value.toString() }, o.label)))));
+    }
     return React.createElement("input", { ...attrs.spec, onChange: onChange });
 }

package/dist/esm/target/react-web-pure/UCFormFieldDesc.d.ts

@@ -1,7 +1,4 @@
 import { type ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
-import type { UCInputField } from '../../uc/index.js';
-export interface Props<T extends DataType> {
-    field: UCInputField<T>;
-}
-export declare function UCFormFieldDesc<T extends DataType>({ field, }: Props<T>): ReactElement | null;
+import type { UCFormFieldDescProps } from '../lib/react/form.js';
+export declare function UCFormFieldDesc<T extends DataType>({ f, }: UCFormFieldDescProps<T>): ReactElement | null;

package/dist/esm/target/react-web-pure/UCFormFieldDesc.js

@@ -1,8 +1,8 @@
 import React, {} from 'react';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
-export function UCFormFieldDesc({ field, }) {
+export function UCFormFieldDesc({ f, }) {
     const { wordingManager } = useDIContext();
-    const { desc } = wordingManager.ucif(field);
+    const { desc } = wordingManager.ucif(f);
     if (!desc) {
         return null;
     }

package/dist/esm/target/react-web-pure/UCFormFieldErr.d.ts

@@ -1,7 +1,3 @@
 import { type ReactElement } from 'react';
-import type { ErrorMessage } from '../../dt/index.js';
-interface Props {
-    errMsg: ErrorMessage;
-}
-export declare function UCFormFieldErr({ errMsg }: Props): ReactElement;
-export {};
+import type { UCFormFieldErrProps } from '../lib/react/form.js';
+export declare function UCFormFieldErr({ errMsg }: UCFormFieldErrProps): ReactElement;

package/dist/esm/target/react-web-pure/UCFormFieldLabel.d.ts

@@ -1,7 +1,4 @@
 import { type ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
-import { type UCInputField } from '../../uc/index.js';
-export interface Props<T extends DataType> {
-    field: UCInputField<T>;
-}
-export declare function UCFormFieldLabel<T extends DataType>({ field, }: Props<T>): ReactElement;
+import type { UCFormFieldLabelProps } from '../lib/react/form.js';
+export declare function UCFormFieldLabel<T extends DataType>({ f, }: UCFormFieldLabelProps<T>): ReactElement;

package/dist/esm/target/react-web-pure/UCFormFieldLabel.js

@@ -1,8 +1,8 @@
 import React, {} from 'react';
 import { ucifId } from '../../uc/index.js';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
-export function UCFormFieldLabel({ field, }) {
+export function UCFormFieldLabel({ f, }) {
     const { wordingManager } = useDIContext();
-    const { label } = wordingManager.ucif(field);
-    return React.createElement("label", { htmlFor: ucifId(field.key) }, label);
+    const { label } = wordingManager.ucif(f);
+    return React.createElement("label", { htmlFor: ucifId(f.key) }, label);
 }

package/dist/esm/target/react-web-pure/UCFormSubmitControl.d.ts

@@ -1,6 +1,4 @@
 import { type ReactElement } from 'react';
 import type { UCInput, UCOPIBase } from '../../uc/index.js';
-import type { UCPanelCtx } from '../lib/react/panel.js';
-type Props<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined> = UCPanelCtx<I, OPI0, OPI1>;
-export declare function UCFormSubmitControl<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ execState, disabled, uc }: Props<I, OPI0, OPI1>): ReactElement;
-export {};
+import type { UCFormSubmitControlProps } from '../lib/react/form.js';
+export declare function UCFormSubmitControl<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ execState, disabled, uc, }: UCFormSubmitControlProps<I, OPI0, OPI1>): ReactElement;

package/dist/esm/target/react-web-pure/UCFormSubmitControl.js

@@ -1,6 +1,6 @@
 import React, {} from 'react';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
-export function UCFormSubmitControl({ execState, disabled, uc }) {
+export function UCFormSubmitControl({ execState, disabled, uc, }) {
     const { wordingManager } = useDIContext();
     return (React.createElement("input", { disabled: disabled, type: "submit", value: wordingManager.ucISubmit(uc.def, execState) }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "libmodulor",
     "description": "An opinionated TypeScript library to create business oriented applications",
-    "version": "0.5.0",
+    "version": "0.6.0",
     "license": "LGPL-3.0",
     "author": "Chafik H'nini <chafik.hnini@gmail.com>",
     "homepage": "https://github.com/c100k/libmodulor#readme",
@@ -13,9 +13,6 @@
         ".": {
             "import": "./dist/esm/index.js"
         },
-        "./helper": {
-            "import": "./dist/products/Helper/index.js"
-        },
         "./locales/en": {
             "import": "./dist/esm/i18n/locales/en.js"
         },
@@ -56,9 +53,10 @@
             "import": "./dist/esm/index.web.js"
         }
     },
+    "bin": "./dist/esm/products/Helper/index.js",
     "peerDependencies": {
         "@hono/node-server": "^1.13.8",
-        "@modelcontextprotocol/sdk": "^1.5.0",
+        "@modelcontextprotocol/sdk": "^1.6.0",
         "@stricli/core": "^1.1.1",
         "buffer": "^6.0.3",
         "cookie-parser": "^1.4.7",
@@ -68,16 +66,17 @@
         "helmet": "^8.0.0",
         "hono": "^4.7.2",
         "inversify": "^6.2.2",
-        "jose": "^6.0.6",
+        "jose": "^6.0.8",
         "knex": "^3.1.0",
         "pg": "^8.13.3",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "react-native": "^0.78.0",
         "reflect-metadata": "^0.2.2",
         "sqlite3": "^5.1.7",
         "typescript": "^5.7.3",
-        "vite": "^6.1.1"
+        "vite": "^6.2.0",
+        "vitest": "^3.0.7"
     },
     "peerDependenciesMeta": {
         "@hono/node-server": {