reactaform 1.1.1 → 1.1.3

package/README.md

@@ -355,7 +355,7 @@ function App() {
     <ReactaFormProvider
       defaultLanguage="en"
       defaultDarkMode={false}
-      defaultDefinitionName="myForm"
+      definitionName="myForm"
     >
       <ReactaFormRenderer
         properties={definition.properties}
@@ -366,6 +366,13 @@ function App() {
 }
 ```
 
+### Note: `definitionName` vs renderer-level override
+
+- `ReactaFormProvider` accepts an optional `definitionName` prop which can be used as a top-level default when you are rendering a single form or when tests/storybook rely on a global active definition.
+- `ReactaFormRenderer` injects its own `definitionName` into the React context (it wraps its output in a nested provider). This means multiple renderers with different definitions can safely coexist under the same `ReactaFormProvider`.
+- Recommendation: prefer leaving `definitionName` empty at the top-level and let each `ReactaFormRenderer` provide the definitive `definitionName` for the fields it renders. Use the provider-level `definitionName` only for special cases (tests, single-form pages) where you need a global fallback.
+
+
 ## 📚 API Reference
 
 ### ReactaForm Props
@@ -402,7 +409,7 @@ function App() {
 | `min` | `number` | No | Minimum numeric value |
 | `max` | `number` | No | Maximum numeric value |
 | `step` | `number` | No | Numeric step increment |
-| `labelLayout` | `'row' \| 'column' \| 'column-center'` | No | Label positioning |
+| `labelLayout` | `'row' \| 'column-left' \| 'column-center'` | No | Label positioning |
 
 ## 🧪 Testing
 
@@ -417,13 +424,12 @@ npm run typecheck     # Type checking
 
 ```bash
 npm run build:lib     # Build library
-npm run pack:staging  # Create .tgz package
+npm pack              # Create .tgz package
 ```
 
 Output formats:
 - **ESM**: `dist/reactaform.es.js`
 - **CommonJS**: `dist/reactaform.cjs.js`
-- **UMD**: `dist/reactaform.umd.js`
 - **Types**: `dist/index.d.ts`
 
 ## 📄 License
@@ -483,17 +489,6 @@ registerSubmissionHandler('myHandler', ...);
 
 **Solution**: Either pass `darkMode={true}` prop, or wrap your app with `[data-reactaform-theme="dark"]` attribute on a parent element.
 
-## 💡 Examples
-
-Check the `packages/apps` directory for complete working examples:
-- **instance-app** - Create, load, and edit multiple form instances
-- **group-app** - Organize fields into logical groups
-- **parents-app** - Conditional field visibility based on parent values
-- **custom-validation-app** - Custom validation rules
-- **translation-app** - Multi-language forms with custom translations
-- **dark-mode-app** - Light/dark theme switching
-- **submit-handler-app** - Custom submission handlers
-
 ---
 
 **Built with ❤️ using React and TypeScript**