libmodulor 0.16.0 → 0.18.0

package/dist/esm/target/node-core-cli/commands.js

@@ -1,4 +1,4 @@
-import { ucMountingPoint, ucifIsMandatory } from '../../uc/index.js';
+import { ucifIsMandatory, ucMountingPoint } from '../../uc/index.js';
 import { fmtBold, fmtCommand, fmtPadEndFor, fmtSection, } from '../../utils/index.js';
 import { print } from '../lib/cli/renderer.js';
 const FLAG_PREFIX = '--';

package/dist/esm/target/node-express-server/NodeExpressServerManager.js

@@ -16,10 +16,10 @@ import cookieParser from 'cookie-parser';
 import express, {} from 'express';
 import fileUpload from 'express-fileupload';
 import { inject, injectable } from 'inversify';
-import { stop } from '../lib/server-node/stop.js';
 import { EntrypointsBuilder } from '../lib/server/EntrypointsBuilder.js';
 import { ServerRequestHandler, } from '../lib/server/ServerRequestHandler.js';
 import { ServerSSLCertLoader } from '../lib/server/ServerSSLCertLoader.js';
+import { stop } from '../lib/server-node/stop.js';
 import { HelmetMiddlewareBuilder } from './middlewares/HelmetMiddlewareBuilder.js';
 let NodeExpressServerManager = class NodeExpressServerManager {
     entrypointsBuilder;

package/dist/esm/target/node-hono-server/NodeHonoServerManager.js

@@ -20,10 +20,10 @@ import { logger } from 'hono/logger';
 import { secureHeaders } from 'hono/secure-headers';
 import { inject, injectable } from 'inversify';
 import { fromFormData } from '../../utils/index.js';
-import { stop } from '../lib/server-node/stop.js';
 import { EntrypointsBuilder } from '../lib/server/EntrypointsBuilder.js';
 import { ServerRequestHandler, } from '../lib/server/ServerRequestHandler.js';
 import { ServerSSLCertLoader } from '../lib/server/ServerSSLCertLoader.js';
+import { stop } from '../lib/server-node/stop.js';
 let NodeHonoServerManager = class NodeHonoServerManager {
     entrypointsBuilder;
     environmentManager;

package/dist/esm/target/node-mcp-server/NodeLocalStdioMCPServerManager.js

@@ -15,7 +15,7 @@ import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js'
 import { CallToolRequestSchema, ListToolsRequestSchema, } from '@modelcontextprotocol/sdk/types.js';
 import { inject, injectable } from 'inversify';
 import { WordingManager } from '../../i18n/index.js';
-import { UCBuilder, ucMountingPoint, ucifIsMandatory, } from '../../uc/index.js';
+import { UCBuilder, ucifIsMandatory, ucMountingPoint, } from '../../uc/index.js';
 import { propertyType, resError, resObj } from './funcs.js';
 /**
  * A simple MCP Server implementation
@@ -82,7 +82,7 @@ let NodeLocalStdioMCPServerManager = class NodeLocalStdioMCPServerManager {
         }
         const inputSchema = this.buildInputSchema(uc);
         const mountingPoint = uc.def.ext?.cmd?.mountAt ?? ucMountingPoint(uc);
-        const tool = { name: mountingPoint, inputSchema };
+        const tool = { inputSchema, name: mountingPoint };
         this.tools.set(mountingPoint, { appName: appManifest.name, tool, ucd });
     }
     async mountStaticDir(_dirPath) {

package/dist/esm/target/node-mcp-server/funcs.js

@@ -24,13 +24,13 @@ export function propertyType(def) {
 }
 export function resError(err) {
     return {
-        isError: true,
         content: [
             {
                 text: err.message,
                 type: 'text',
             },
         ],
+        isError: true,
     };
 }
 export function resObj(obj) {

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

@@ -1,2 +1,2 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export declare function UCAutoExecLoader(): ReactElement;

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

@@ -1,5 +1,7 @@
-import React, {} from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ActivityIndicator } from 'react-native';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 export function UCAutoExecLoader() {
-    return React.createElement(ActivityIndicator, null);
+    const { autoExecLoader } = useStyleContext();
+    return _jsx(ActivityIndicator, { style: autoExecLoader?.style });
 }

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { UCInput, UCOPIBase } from '../../uc/index.js';
 import type { UCEntrypointTouchableProps } from '../lib/react/touchable.js';
 export declare function UCEntrypointTouchable<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ onPress, wording, }: UCEntrypointTouchableProps<I, OPI0, OPI1>): ReactElement;

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

@@ -1,6 +1,7 @@
-import React, {} from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Pressable, Text } from 'react-native';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 export function UCEntrypointTouchable({ onPress, wording, }) {
-    return (React.createElement(Pressable, { onPress: onPress },
-        React.createElement(Text, null, wording.label)));
+    const { entrypointTouchable } = useStyleContext();
+    return (_jsx(Pressable, { onPress: onPress, children: _jsx(Text, { style: entrypointTouchable?.style, children: wording.label }) }));
 }

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { UCInput, UCOPIBase } from '../../uc/index.js';
 import type { UCExecTouchableProps } from '../lib/react/touchable.js';
 export declare function UCExecTouchable<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ disabled, execState, onSubmit, uc, }: UCExecTouchableProps<I, OPI0, OPI1>): ReactElement;

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

@@ -1,9 +1,10 @@
-import React, {} from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Pressable, Text } from 'react-native';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 export function UCExecTouchable({ disabled, execState, onSubmit, uc, }) {
     const { wordingManager } = useDIContext();
+    const { execTouchable } = useStyleContext();
     const label = wordingManager.ucISubmit(uc.def, execState);
-    return (React.createElement(Pressable, { disabled: disabled, onPress: onSubmit },
-        React.createElement(Text, null, label)));
+    return (_jsx(Pressable, { disabled: disabled, onPress: onSubmit, children: _jsx(Text, { style: execTouchable?.style, children: label }) }));
 }

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

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

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

@@ -1,13 +1,12 @@
-import React, {} from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View } from 'react-native';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 import { UCFormField } from './UCFormField.js';
 import { UCFormSubmitControl } from './UCFormSubmitControl.js';
 export function UCForm({ disabled, execState, onChange, onSubmit, uc, }) {
+    const { form } = useStyleContext();
     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, f: f, onChange: onChange })))),
-        React.createElement(UCFormSubmitControl, { execState: execState, disabled: disabled, onPress: onPress, uc: uc })));
+    return (_jsxs(View, { style: form?.style, children: [uc.inputFieldsForForm().map((f) => (_jsx(UCFormField, { disabled: disabled, execState: execState, f: f, onChange: onChange }, f.key))), _jsx(UCFormSubmitControl, { disabled: disabled, execState: execState, onPress: onPress, uc: uc })] }));
 }

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

@@ -1,21 +1,21 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { View } from 'react-native';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
 import { UC_FORM_FIELD_ELEMENTS, validateFormField, } from '../lib/react/form.js';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 import { UCFormFieldControl } from './UCFormFieldControl.js';
 import { UCFormFieldDesc } from './UCFormFieldDesc.js';
 import { UCFormFieldErr } from './UCFormFieldErr.js';
 import { UCFormFieldLabel } from './UCFormFieldLabel.js';
 export function UCFormField({ disabled, execState, f, onChange: onChangeBase, only, }) {
     const { i18nManager } = useDIContext();
+    const { formField } = useStyleContext();
     const [errMsg, setErrMsg] = useState(null);
     const onChange = (f, op, v) => {
         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, { 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, { f: f })));
+    return (_jsxs(View, { style: formField?.style, children: [elements.includes('label') && _jsx(UCFormFieldLabel, { f: f }), elements.includes('control') && (_jsx(UCFormFieldControl, { disabled: disabled, execState: execState, f: f, onChange: onChange })), elements.includes('err') && errMsg && (_jsx(UCFormFieldErr, { errMsg: errMsg })), elements.includes('desc') && _jsx(UCFormFieldDesc, { f: f })] }));
 }

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

@@ -1,4 +1,4 @@
 import { type ReactElement } from 'react';
-import type { DataType } from '../../dt/index.js';
+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;
+export declare function UCFormFieldControl<T extends DataType>({ disabled, errMsg, execState, f, onChange: onChangeBase, }: UCFormFieldControlProps<T>): ReactElement;

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

@@ -1,16 +1,30 @@
-import React, { useEffect, useState } from 'react';
-import { TextInput } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { FlatList, Pressable, StyleSheet, Switch, Text, TextInput, } from 'react-native';
+import { TBoolean } from '../../dt/index.js';
 import { UCInputFieldChangeOperator, ucifRepeatability, } from '../../uc/index.js';
 import { isBlank } from '../../utils/index.js';
+import { styleDef, useStyleContext, } from '../lib/react/StyleContextProvider.js';
 import { rnInputDef } from '../lib/rn/input.js';
 const MULTIPLE_VALUES_SEPARATOR = ',';
-export function UCFormFieldControl({ errMsg = null, execState, f, onChange: onChangeBase, }) {
+// TODO : Split this into smaller components
+export function UCFormFieldControl({ disabled, errMsg = null, execState, f, onChange: onChangeBase, }) {
+    const { colors, formFieldControl, renderFormFieldControl } = useStyleContext();
     const [internalValue, setInternalValue] = useState(f.getValue());
-    // biome-ignore lint/correctness/useExhaustiveDependencies: false positive : It is actually necessary (only `field` does not trigger the effect)
+    // biome-ignore lint/correctness/useExhaustiveDependencies: false positive : It is actually necessary (only `f` does not trigger the effect)
     useEffect(() => {
         setInternalValue(f.getValue());
     }, [f.getValue()]);
-    const attrs = rnInputDef(f, execState, errMsg);
+    const component = renderFormFieldControl?.({
+        disabled,
+        errMsg,
+        execState,
+        f,
+        onChange: onChangeBase,
+    });
+    if (component) {
+        return component;
+    }
     const onChangeText = (value) => {
         const [isRepeatable] = ucifRepeatability(f.def);
         if (isRepeatable && typeof value === 'string') {
@@ -24,6 +38,39 @@ export function UCFormFieldControl({ errMsg = null, execState, f, onChange: onCh
         }
         setInternalValue(value);
     };
+    const onSelect = (value) => {
+        if (internalValue === value) {
+            onChangeBase(f, UCInputFieldChangeOperator.RESET, null);
+            setInternalValue(null);
+            return;
+        }
+        onChangeBase(f, UCInputFieldChangeOperator.SET, value);
+        setInternalValue(value);
+    };
+    const onValueChange = (value) => {
+        onChangeBase(f, UCInputFieldChangeOperator.SET, value);
+        setInternalValue(value);
+    };
+    const attrs = rnInputDef(f, disabled, errMsg);
+    const { type } = f.def;
+    const options = type.getOptions();
+    if (options) {
+        // TODO : Handle type.hasStrictOptions() => display an input text alongside the options
+        // TODO : Consider using a picker when the options count > X
+        return (_jsx(FlatList, { data: options, horizontal: true, keyExtractor: (item) => item.value.toString(), renderItem: ({ item }) => (_jsx(Pressable, { disabled: !attrs.spec?.editable, onPress: () => onSelect(item.value), style: [
+                    styles.selectOption,
+                    {
+                        borderColor: item.value === internalValue
+                            ? colors?.primary
+                            : 'transparent',
+                    },
+                ], children: _jsx(Text, { children: item.label }) })), showsHorizontalScrollIndicator: false, style: styles.select }));
+    }
+    // TODO : Implement picker for TFile (requires a dependency...)
+    if (type instanceof TBoolean) {
+        const { style } = styleDef(formFieldControl, 'Switch');
+        return (_jsx(Switch, { disabled: !attrs.spec?.editable, onValueChange: onValueChange, style: style, trackColor: { true: colors?.primary }, value: internalValue }));
+    }
     let valueAsString = '';
     if (!isBlank(internalValue)) {
         if (Array.isArray(internalValue)) {
@@ -33,5 +80,15 @@ export function UCFormFieldControl({ errMsg = null, execState, f, onChange: onCh
             valueAsString = internalValue.toString();
         }
     }
-    return (React.createElement(TextInput, { ...attrs.spec, onChangeText: onChangeText, value: valueAsString }));
+    const { style } = styleDef(formFieldControl, 'TextInput', 'default');
+    return (_jsx(TextInput, { ...attrs.spec, onChangeText: onChangeText, style: style, value: valueAsString }));
 }
+const styles = StyleSheet.create({
+    select: {
+        flexGrow: 0, // Prevent the list from extending full height
+    },
+    selectOption: {
+        borderWidth: 1,
+        padding: 2,
+    },
+});

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
 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,11 +1,13 @@
-import React, {} from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from 'react-native';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 export function UCFormFieldDesc({ f, }) {
     const { wordingManager } = useDIContext();
+    const { formFieldDesc } = useStyleContext();
     const { desc } = wordingManager.ucif(f);
     if (!desc) {
         return null;
     }
-    return React.createElement(Text, null, desc);
+    return _jsx(Text, { style: formFieldDesc?.style, children: desc });
 }

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

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

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

@@ -1,5 +1,7 @@
-import React, {} from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from 'react-native';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 export function UCFormFieldErr({ errMsg }) {
-    return React.createElement(Text, null, errMsg);
+    const { formFieldErr } = useStyleContext();
+    return _jsx(Text, { style: formFieldErr?.style, children: errMsg });
 }

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
 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,12 @@
-import React, {} from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from 'react-native';
+import { ucifIsMandatory } from '../../uc/index.js';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 export function UCFormFieldLabel({ f, }) {
     const { wordingManager } = useDIContext();
+    const { formFieldLabel } = useStyleContext();
     const { label } = wordingManager.ucif(f);
-    return React.createElement(Text, null, label);
+    const mandatory = ucifIsMandatory(f.def);
+    return (_jsxs(Text, { style: formFieldLabel?.style, children: [label, mandatory && ' *'] }));
 }

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { UCInput, UCOPIBase } from '../../uc/index.js';
 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,8 +1,9 @@
-import React, {} from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Pressable, Text } from 'react-native';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 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))));
+    const { formSubmitControl } = useStyleContext();
+    return (_jsx(Pressable, { disabled: disabled, onPress: onPress, children: _jsx(Text, { style: formSubmitControl?.style, children: wordingManager.ucISubmit(uc.def, execState) }) }));
 }

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
 import type { UCOPIBase } from '../../uc/index.js';
 import { type Props } from '../lib/react/UCOutputFieldValueFragment.js';

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

@@ -1,7 +1,8 @@
-import React, {} from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from 'react-native';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 import { UCOutputFieldValueFragment, } from '../lib/react/UCOutputFieldValueFragment.js';
 export function UCOutputFieldValue(props) {
-    return (React.createElement(Text, null,
-        React.createElement(UCOutputFieldValueFragment, { ...props })));
+    const { outputFieldValue } = useStyleContext();
+    return (_jsx(Text, { style: outputFieldValue?.style, children: _jsx(UCOutputFieldValueFragment, { ...props }) }));
 }

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

@@ -1,2 +1,2 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export declare function UCAutoExecLoader(): ReactElement;

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

@@ -1,4 +1,6 @@
-import React, {} from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 export function UCAutoExecLoader() {
-    return React.createElement("div", null, "...");
+    const { autoExecLoader } = useStyleContext();
+    return (_jsx("div", { className: autoExecLoader?.className, style: autoExecLoader?.style, children: "..." }));
 }

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { UCInput, UCOPIBase } from '../../uc/index.js';
 import type { UCEntrypointTouchableProps } from '../lib/react/touchable.js';
-export declare function UCEntrypointTouchable<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ className, path, wording, }: UCEntrypointTouchableProps<I, OPI0, OPI1>): ReactElement;
+export declare function UCEntrypointTouchable<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ path, wording }: UCEntrypointTouchableProps<I, OPI0, OPI1>): ReactElement;

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

@@ -1,4 +1,6 @@
-import React, {} from 'react';
-export function UCEntrypointTouchable({ className, path, wording, }) {
-    return (React.createElement("a", { className: className, href: path, title: wording.desc ?? undefined }, wording.label));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
+export function UCEntrypointTouchable({ path, wording }) {
+    const { entrypointTouchable } = useStyleContext();
+    return (_jsx("a", { className: entrypointTouchable?.className, href: path, style: entrypointTouchable?.style, title: wording.desc ?? undefined, children: wording.label }));
 }

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { UCInput, UCOPIBase } from '../../uc/index.js';
 import type { UCExecTouchableProps } from '../lib/react/touchable.js';
-export declare function UCExecTouchable<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ className, disabled, execState, onSubmit, uc, }: UCExecTouchableProps<I, OPI0, OPI1>): ReactElement;
+export declare function UCExecTouchable<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ disabled, execState, onSubmit, uc, }: UCExecTouchableProps<I, OPI0, OPI1>): ReactElement;

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

@@ -1,7 +1,9 @@
-import React, {} from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useDIContext } from '../lib/react/DIContextProvider.js';
-export function UCExecTouchable({ className, disabled, execState, onSubmit, uc, }) {
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
+export function UCExecTouchable({ disabled, execState, onSubmit, uc, }) {
     const { wordingManager } = useDIContext();
+    const { execTouchable } = useStyleContext();
     const label = wordingManager.ucISubmit(uc.def, execState);
-    return (React.createElement("button", { className: className, disabled: disabled, onClick: onSubmit, type: "button" }, label));
+    return (_jsx("button", { className: execTouchable?.className, disabled: disabled, onClick: onSubmit, style: execTouchable?.style, type: "button", children: label }));
 }

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

@@ -1,4 +1,4 @@
 import { type ReactElement } from 'react';
 import type { UCInput, UCOPIBase } from '../../uc/index.js';
 import type { UCFormProps } from '../lib/react/form.js';
-export declare function UCForm<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ className, clearAfterExec, disabled, execState, onChange, onSubmit: onSubmitBase, uc, }: UCFormProps<I, OPI0, OPI1>): ReactElement;
+export declare function UCForm<I extends UCInput | undefined = undefined, OPI0 extends UCOPIBase | undefined = undefined, OPI1 extends UCOPIBase | undefined = undefined>({ clearAfterExec, disabled, execState, onChange, onSubmit: onSubmitBase, uc, }: UCFormProps<I, OPI0, OPI1>): ReactElement;

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

@@ -1,7 +1,10 @@
-import React, { useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 import { UCFormField } from './UCFormField.js';
 import { UCFormSubmitControl } from './UCFormSubmitControl.js';
-export function UCForm({ className, clearAfterExec, disabled, execState, onChange, onSubmit: onSubmitBase, uc, }) {
+export function UCForm({ clearAfterExec, disabled, execState, onChange, onSubmit: onSubmitBase, uc, }) {
+    const { form } = useStyleContext();
     const formRef = useRef(null);
     const onSubmit = async (e) => {
         e.preventDefault();
@@ -10,7 +13,5 @@ export function UCForm({ className, clearAfterExec, disabled, execState, onChang
             formRef.current?.reset();
         }
     };
-    return (React.createElement("form", { className: className, onSubmit: onSubmit, ref: formRef },
-        uc.inputFieldsForForm().map((f) => (React.createElement(UCFormField, { key: f.key, disabled: disabled, execState: execState, f: f, onChange: onChange }))),
-        React.createElement(UCFormSubmitControl, { execState: execState, disabled: disabled, uc: uc })));
+    return (_jsxs("form", { className: form?.className, onSubmit: onSubmit, ref: formRef, style: form?.style, children: [uc.inputFieldsForForm().map((f) => (_jsx(UCFormField, { disabled: disabled, execState: execState, f: f, onChange: onChange }, f.key))), _jsx(UCFormSubmitControl, { disabled: disabled, execState: execState, uc: uc })] }));
 }

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

@@ -1,4 +1,4 @@
 import { type ReactElement } from 'react';
 import type { DataType } from '../../dt/index.js';
 import { type UCFormFieldProps } from '../lib/react/form.js';
-export declare function UCFormField<T extends DataType>({ className, disabled, execState, f, onChange: onChangeBase, only, }: UCFormFieldProps<T>): ReactElement;
+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,21 +1,20 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { useDIContext } from '../lib/react/DIContextProvider.js';
 import { UC_FORM_FIELD_ELEMENTS, validateFormField, } from '../lib/react/form.js';
+import { useStyleContext } from '../lib/react/StyleContextProvider.js';
 import { UCFormFieldControl } from './UCFormFieldControl.js';
 import { UCFormFieldDesc } from './UCFormFieldDesc.js';
 import { UCFormFieldErr } from './UCFormFieldErr.js';
 import { UCFormFieldLabel } from './UCFormFieldLabel.js';
-export function UCFormField({ className, disabled, execState, f, onChange: onChangeBase, only, }) {
+export function UCFormField({ disabled, execState, f, onChange: onChangeBase, only, }) {
     const { i18nManager } = useDIContext();
+    const { formField } = useStyleContext();
     const [errMsg, setErrMsg] = useState(null);
     const onChange = (f, op, v) => {
         setErrMsg(validateFormField(i18nManager, f, v));
         onChangeBase(f, op, v);
     };
     const elements = only ?? UC_FORM_FIELD_ELEMENTS;
-    return (React.createElement("div", { className: className },
-        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, { f: f })));
+    return (_jsxs("div", { className: formField?.className, style: formField?.style, children: [elements.includes('label') && _jsx(UCFormFieldLabel, { f: f }), elements.includes('control') && (_jsx(UCFormFieldControl, { disabled: disabled, execState: execState, f: f, onChange: onChange })), elements.includes('err') && errMsg && (_jsx(UCFormFieldErr, { errMsg: errMsg })), elements.includes('desc') && _jsx(UCFormFieldDesc, { f: f })] }));
 }

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

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
-import type { DataType } from '../../dt/index.js';
+import type { ReactElement } from 'react';
+import { type DataType } from '../../dt/index.js';
 import type { UCFormFieldControlProps } from '../lib/react/form.js';
-export declare function UCFormFieldControl<T extends DataType>({ className, errMsg, execState, f, onChange: onChangeBase, }: UCFormFieldControlProps<T>): ReactElement;
+export declare function UCFormFieldControl<T extends DataType>({ disabled, errMsg, execState, f, onChange: onChangeBase, }: UCFormFieldControlProps<T>): ReactElement;

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

@@ -1,11 +1,25 @@
-import React, {} from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TBoolean } from '../../dt/index.js';
 import { UCInputFieldChangeOperator, ucifRepeatability, } from '../../uc/index.js';
+import { styleDef, useStyleContext, } from '../lib/react/StyleContextProvider.js';
 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({ className, errMsg = null, execState, f, onChange: onChangeBase, }) {
-    const attrs = htmlInputDef(f, execState, errMsg, className);
+// TODO : Split this into smaller components
+export function UCFormFieldControl({ disabled, errMsg = null, execState, f, onChange: onChangeBase, }) {
+    const { formFieldControl, renderFormFieldControl } = useStyleContext();
+    const component = renderFormFieldControl?.({
+        disabled,
+        errMsg,
+        execState,
+        f,
+        onChange: onChangeBase,
+    });
+    if (component) {
+        return component;
+    }
+    const attrs = htmlInputDef(f, disabled, errMsg);
     const onChange = (e) => {
         const target = e.currentTarget;
         const type = target.type;
@@ -36,16 +50,21 @@ export function UCFormFieldControl({ className, errMsg = null, execState, f, onC
     const defaultChecked = attrs.internal?.checked;
     const defaultValue = attrs.internal?.value;
     if (attrs.internal?.multiline) {
-        return (React.createElement("textarea", { ...attrs.spec, defaultValue: defaultValue, onChange: onChange }));
+        const { className, style } = styleDef(formFieldControl, 'textarea', 'default');
+        return (_jsx("textarea", { ...attrs.spec, className: className, defaultValue: defaultValue, onChange: onChange, style: style }));
     }
     const { type } = f.def;
+    if (type instanceof TBoolean) {
+        const { className, style } = styleDef(formFieldControl, 'checkbox');
+        return (_jsx("input", { ...attrs.spec, className: className, defaultChecked: defaultChecked, defaultValue: defaultValue, onChange: onChange, style: style }));
+    }
     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, defaultValue: defaultValue, onChange: onChange },
-            React.createElement("option", null),
-            options.map((o) => (React.createElement("option", { key: o.value.toString(), value: o.value.toString() }, o.label)))));
+        const { className, style } = styleDef(formFieldControl, 'select', 'default');
+        return (_jsxs("select", { ...attrs.spec, className: className, defaultValue: defaultValue, onChange: onChange, style: style, children: [_jsx("option", {}), options.map((o) => (_jsx("option", { value: o.value.toString(), children: o.label }, o.value.toString())))] }));
     }
-    return (React.createElement("input", { ...attrs.spec, defaultChecked: defaultChecked, defaultValue: defaultValue, onChange: onChange }));
+    const { className, style } = styleDef(formFieldControl, 'input', 'default');
+    return (_jsx("input", { ...attrs.spec, className: className, defaultChecked: defaultChecked, defaultValue: defaultValue, onChange: onChange, style: style }));
 }

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

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