{"_id":"@asekon/react-form-renderer","_rev":"12-df5af51eb23a4cfb8bed2847c5d74669","name":"@asekon/react-form-renderer","dist-tags":{"latest":"1.1.2"},"versions":{"1.0.0":{"name":"@asekon/react-form-renderer","version":"1.0.0","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.0","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"004bb88eca8194ba84df91515b21e8077e354838","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.0.tgz","fileCount":33,"integrity":"sha512-0FdQk4PpfmjR5Ut2YOuxZRbOqvnqEe9E7aoKGgKfbbuu5dXn+ieGnT1Vh3EgX3f1F4v1qlTf5RSqmG+cVlsgdg==","signatures":[{"sig":"MEUCIC/H8ebA27D1pkuQHwzQK4G1ebFJFhsobsXCbsrTBeWdAiEA4ijai9PG4LyC6GJrZASw7yaa6mXlt6FqMv4kUzOScTo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55571},"main":"src/index.js","type":"module","gitHead":"88ad17af36f3dac7f4a3094368ad55043f10ce09","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.52.2","@testing-library/dom":"^10.4.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.0_1724333593182_0.5173827965752789","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@asekon/react-form-renderer","version":"1.0.1","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.1","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"06d222584aa7ada848ad96e67cea98e7e8ae559c","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.1.tgz","fileCount":24,"integrity":"sha512-r8jpkDiLsJEllGeQKIrlD28yhxgEyez8uw4ce5xqiR0n2DnxGauH9t7tnnccKOo5GaBZ+KBLrxj/Kby4ZwMolg==","signatures":[{"sig":"MEYCIQDW0IX1bHKx5YL4/223DEHh8+fB76EfNs537WfV4KYZsgIhALQcbuL9a7yDFeHFpFHJe7UbKlGHxev1bU2gb41K4Zmh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1009302},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"bbd50d049e2cbbd5e625fe5884a91995faec1c39","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"ajv":"^8.17.1","react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.52.2","@testing-library/dom":"^10.4.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.1_1724348213068_0.13184196942882798","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@asekon/react-form-renderer","version":"1.0.2","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.2","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"443c548ebdebd05f199acf28a72c1ae218858801","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.2.tgz","fileCount":24,"integrity":"sha512-20wUtiPpyGOf0mdGy26oopvetoUJbiY8atlRTLinhhPU8t2j71QbEOq27bSdq8cimsW9YqVjoZg0ZhQ/7deviA==","signatures":[{"sig":"MEUCIQCMh7A72p8f/sWseCrc9cNo9ixRe7UTTyvZLzXKYBIxOwIgZrr5e8wNc6ei7CTK+t99tUYYZ9b9IqITZkn6Af6dSD4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1008266},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"bbd50d049e2cbbd5e625fe5884a91995faec1c39","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"ajv":"^8.17.1","react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.52.2","@testing-library/dom":"^10.4.0","@asekon/react-form-renderer":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.2_1724349627167_0.22417316143595079","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@asekon/react-form-renderer","version":"1.0.3","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.3","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"12243706e4a952e3fe0afd5a2f7a4380f66f4892","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.3.tgz","fileCount":24,"integrity":"sha512-Hxm0MSktgpB4jmCigw99ltLsT580NVEaTwymRuTcXoAyzbaoHDdhrnplyWuSmEo65hywIqPK2p+Yhan6AGLcXA==","signatures":[{"sig":"MEQCIAGfpnUKG5SOShH0eeJjTjQgQ+PaxEeAYPC6xNkbkVUqAiAIwv2W9VeAIiavK47GdUv1cKNmQaYgn3UfeDN5f7hJLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":637933},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"bbd50d049e2cbbd5e625fe5884a91995faec1c39","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"ajv":"^8.17.1","react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.52.2","@testing-library/dom":"^10.4.0","@asekon/react-form-renderer":"^1.0.2"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","react":"^18.0.0","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","react-dom":"^18.0.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.3_1724357593749_0.6002626941270777","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@asekon/react-form-renderer","version":"1.0.4","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.4","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"669e167f8600ec30cdf62df7f6e2a509078c39cf","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.4.tgz","fileCount":24,"integrity":"sha512-lEiPVLkE74fy37dlvKpnHV/EAADE8lXKxHYFXjVGnt0svBhMvW86x3MegS/C8Z02tTZ2DP5+OZh9BeVsCpQJcg==","signatures":[{"sig":"MEUCIFya/cYG7rwHPbbEqSW2xN7unQ/F175sjcj+pMcgU3FeAiEAlNgac4yXT6Z5T/JrqZYB8Kqiu7FIY4dO2ezXM0GP0Y8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":637977},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"88a0eb0fec7c5e596396985bec162e578f8c8c45","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"ajv":"^8.17.1","react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.52.2","@testing-library/dom":"^10.4.0","@asekon/react-form-renderer":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","react":"^18.0.0","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","react-dom":"^18.0.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","vite-plugin-lib-inject-css":"^2.1.1","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.4_1724358133461_0.011321706170579482","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@asekon/react-form-renderer","version":"1.0.5","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.5","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"1ce15c6efd7f2c55456238df594291fbc3f19c3a","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.5.tgz","fileCount":30,"integrity":"sha512-w//BnYeosvy8znIDtNQInv0TjeezEkOS50jyqHFgIl5jeXEqWVF51j5K/EeIGqI5fdMNz1PeEHlDUGHQsN6WKQ==","signatures":[{"sig":"MEUCIDqb5ImxWRtrHQAJk8wGDeSNGqw3x1EmMPyeukHqTIpOAiEAi2/+bTHplZzfkKdl15G/Bu/7CABEdfBcRH3p3wuel6g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":645283},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"88a0eb0fec7c5e596396985bec162e578f8c8c45","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"ajv":"^8.17.1","react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.52.2","@testing-library/dom":"^10.4.0","@asekon/react-form-renderer":"^1.0.4"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","react":"^18.0.0","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","react-dom":"^18.0.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","vite-plugin-lib-inject-css":"^2.1.1","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.5_1724358380356_0.5444850472343661","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@asekon/react-form-renderer","version":"1.0.6","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.6","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"d4da39f8c760e4f969765cf99381a5e5905d7f7d","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.6.tgz","fileCount":30,"integrity":"sha512-iz4f1N1D/job3OUp5mhaELJVA00udkWpYxpZzWGyOYj3AyUAt+gylQTfaAv1JR6PPeK/xKOhIN0d60kTgaBEAQ==","signatures":[{"sig":"MEQCIHSqMimGXCtAoyPQDYtliVku73grcQ0HMGFmbnFOYBxUAiBqiiJgn/QNwJMfHHq+PjV2XTqI+Fmb2f/ECtLWvLmTTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":645283},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"88a0eb0fec7c5e596396985bec162e578f8c8c45","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"ajv":"^8.17.1","react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.52.2","@testing-library/dom":"^10.4.0","@asekon/react-form-renderer":"^1.0.4"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","react":"^18.0.0","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","react-dom":"^18.0.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","vite-plugin-lib-inject-css":"^2.1.1","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.6_1724358413634_0.43431928848307155","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@asekon/react-form-renderer","version":"1.0.7","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.7","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"e588e075fe81bee8479b321eb219fcf0486ab326","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.7.tgz","fileCount":24,"integrity":"sha512-YMVHFS9Gh6zvFPlC4PYT5vOOg3AxVUHFNblSQbNybWpwhIIYoz+eVoHzNosP84sK0uBSRWyfnffdOUAwMKXweQ==","signatures":[{"sig":"MEYCIQDoOhkPJ5yr7zvYIxo5HzpGdOZ4F0AuGq44TVbg2QSWfwIhAOOYLbji8ONtSLopx4C8qkPr4Aw34Kuk8klo2zNHWDij","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":637976},"main":"dist/index.cjs.ts","type":"module","types":"dist/index.d.ts","module":"dist/index.es.ts","gitHead":"ba7940c842930c6491f9cc32605679f3a63523d3","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"ajv":"^8.17.1","react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.52.2","@testing-library/dom":"^10.4.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","react":"^18.0.0","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","react-dom":"^18.0.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","vite-plugin-lib-inject-css":"^2.1.1","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.7_1724361607378_0.0014434305082191567","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"@asekon/react-form-renderer","version":"1.0.8","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.8","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"7f8a7811d4f043010527bef31b19f737b05813e0","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.8.tgz","fileCount":24,"integrity":"sha512-QOo9h9oaK/IT4PF277uuYWDAlxBAUANJ6qmRxaRMGE3F4w3554XwjuWFeHrWCjeumNO+WrO37XjEWxJJ49NoHw==","signatures":[{"sig":"MEUCIQDEWPy80HL18HxV/+UpSmJsC+8mh9ZEh4PkWBP8pMhTEQIgF1sl6RCfedDdjuWwdlTp1x7w6I5KHaN4RvYxIXnaLXk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":637854},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"ba7940c842930c6491f9cc32605679f3a63523d3","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.52.2"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@testing-library/dom":"^10.4.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","vite-plugin-lib-inject-css":"^2.1.1","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.8_1724491512194_0.6937688434498999","host":"s3://npm-registry-packages"}},"1.0.9":{"name":"@asekon/react-form-renderer","version":"1.0.9","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.0.9","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"de5b258ba91e41a24377409ed7c997b21b0ccbf2","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.0.9.tgz","fileCount":24,"integrity":"sha512-8iNyRq5VE0h0I5zuSVuyL79MmvcfMh2HN6QGRXuYX///6obNEdzJg81Tkrgz/HzlUVB8UC2+x9EzG+BTqzJ6jQ==","signatures":[{"sig":"MEQCIBEIkhKViQGRT2PCNtzjYjNPEK4zrFUYh4xYNEf88wMbAiBUxBI6XXVg12d8rsXmDCB53VNC2aIETlpNoI2NyAp0Zw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":637802},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"ba7940c842930c6491f9cc32605679f3a63523d3","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"react-hook-form":"^7.52.2"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@testing-library/dom":"^10.4.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","vite-plugin-lib-inject-css":"^2.1.1","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.0.9_1724491882583_0.8886839510425708","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@asekon/react-form-renderer","version":"1.1.0","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.1.0","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"e47468a9c2096f40f0367eed652d3185f42e1449","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.1.0.tgz","fileCount":24,"integrity":"sha512-qBZWcFDRyqygJ7oDjYGGFoIgHDMfkdc69vuqDyKP5y80IGaswc5EfnBn2vLiaONFBHLRhYlWKmQ6KTGOcCofqw==","signatures":[{"sig":"MEUCIG2qPPX8OmquCdFA6fdn2tgi4fi09F73KYbtTGBqO93sAiEA4sVllWgJyQdUmox4ZSGguhHBSFIoK2EADWTx0M31bnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":637854},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"4a3fb257ad03ee6d9b67453a578210cead3d07ed","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"react-hook-form":"^7.52.2"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","react":"^18.0.0","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","react-dom":"^18.0.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@testing-library/dom":"^10.4.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","vite-plugin-lib-inject-css":"^2.1.1","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.1.0_1724493664783_0.300645696940411","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@asekon/react-form-renderer","version":"1.1.1","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","_id":"@asekon/react-form-renderer@1.1.1","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"dist":{"shasum":"dabd9a87ba7a65915ba3f4fe41d388207b683e3a","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.1.1.tgz","fileCount":24,"integrity":"sha512-0pwyH7/UXPZbo6C3W1uAkb2qvfeQsmaP0KNKg11REYZ4AtsuDcwFTnrhVJISe26ZlIxrSd+8fzV8hfRTuFRjJA==","signatures":[{"sig":"MEUCIBpwAvFMMwWB828NDSc7EST07xzVqoCEvEeXw74XQP6HAiEAjN9/NXS42xQoWO4OjPSaQ/QXPNg9ULqmpsANpR7fAf8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":641862},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"7278240e064f6552c726ff43da06b2253e634ec1","private":false,"scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"_npmVersion":"8.3.1","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","directories":{},"_nodeVersion":"16.14.0","dependencies":{"react-hook-form":"^7.52.2"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","jsdom":"^24.1.1","react":"^18.0.0","eslint":"^9.8.0","vitest":"^2.0.5","globals":"^15.9.0","react-dom":"^18.0.0","@eslint/js":"^9.8.0","typescript":"^5.5.3","@types/node":"^22.5.0","@types/react":"^18.3.3","vite-plugin-dts":"^4.0.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.0.0","@testing-library/dom":"^10.4.0","@vitejs/plugin-react":"^4.3.1","@testing-library/react":"^16.0.0","@testing-library/jest-dom":"^6.4.8","eslint-plugin-react-hooks":"^5.1.0-rc.0","vite-plugin-lib-inject-css":"^2.1.1","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.9","@types/testing-library__react":"^10.2.0"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-form-renderer_1.1.1_1724498960634_0.5793449988092314","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@asekon/react-form-renderer","private":false,"version":"1.1.2","type":"module","description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","keywords":["forms","react","npm","dynamic"],"author":{"name":"asekon"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Asekon/react-form-renderer.git"},"main":"dist/index.cjs.js","module":"dist/index.es.js","types":"dist/index.d.ts","scripts":{"dev":"vite","build":"tsc && vite build","lint":"eslint .","preview":"vite preview","test":"vitest"},"dependencies":{"react-hook-form":"^7.52.2"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"devDependencies":{"@eslint/js":"^9.8.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.4.8","@testing-library/react":"^16.0.0","@testing-library/user-event":"^14.5.2","@types/node":"^22.5.0","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","@types/testing-library__react":"^10.2.0","@vitejs/plugin-react":"^4.3.1","eslint":"^9.8.0","eslint-plugin-react-hooks":"^5.1.0-rc.0","eslint-plugin-react-refresh":"^0.4.9","globals":"^15.9.0","jsdom":"^24.1.1","react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.5.3","typescript-eslint":"^8.0.0","vite":"^5.4.0","vite-plugin-dts":"^4.0.3","vite-plugin-lib-inject-css":"^2.1.1","vitest":"^2.0.5"},"gitHead":"b640c3bae391857f13b21ba5e4658b6078550966","bugs":{"url":"https://github.com/Asekon/react-form-renderer/issues"},"homepage":"https://github.com/Asekon/react-form-renderer#readme","_id":"@asekon/react-form-renderer@1.1.2","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-J1ynHJgfhViWS3Km1fhsk//f0fwgrYEoMCDbEemc4aTmL4Ep5PBWwm5g3lFACM7lELXs9jHn2WZPQchq8Ko7+A==","shasum":"46497735be728301c1cecb815b5fd0d6c9adec27","tarball":"https://registry.npmjs.org/@asekon/react-form-renderer/-/react-form-renderer-1.1.2.tgz","fileCount":24,"unpackedSize":641963,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGnEB0qGVmJ5j4hEcezRIn2jb1inLCzTyJ88mu7cFsttAiAF+pWxQF+xiUcYExmOQ4/DjYNrZuB2JY0H20JrFVCDFA=="}]},"_npmUser":{"name":"asekon","email":"Omaar.sherif@gmail.com"},"directories":{},"maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-form-renderer_1.1.2_1724499515910_0.5641604462527492"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-22T13:33:13.083Z","modified":"2024-08-24T11:38:36.341Z","1.0.0":"2024-08-22T13:33:13.469Z","1.0.1":"2024-08-22T17:36:53.304Z","1.0.2":"2024-08-22T18:00:27.445Z","1.0.3":"2024-08-22T20:13:14.287Z","1.0.4":"2024-08-22T20:22:13.699Z","1.0.5":"2024-08-22T20:26:20.612Z","1.0.6":"2024-08-22T20:26:53.846Z","1.0.7":"2024-08-22T21:20:07.697Z","1.0.8":"2024-08-24T09:25:12.502Z","1.0.9":"2024-08-24T09:31:22.792Z","1.1.0":"2024-08-24T10:01:05.064Z","1.1.1":"2024-08-24T11:29:20.873Z","1.1.2":"2024-08-24T11:38:36.165Z"},"author":{"name":"asekon"},"license":"MIT","keywords":["forms","react","npm","dynamic"],"description":"A powerful and flexible library allows you to create dynamic, single/multi-step forms with ease.","maintainers":[{"name":"asekon","email":"Omaar.sherif@gmail.com"}],"readme":"# @asekon/react-form-renderer\n\nWelcome to @asekon/react-form-renderer! 🎉 This powerful and flexible React library allows you to create dynamic, single-step or multi-step forms with ease. Whether you're building a simple contact form or a complex, multi-page survey, @asekon/react-form-renderer has got you covered.\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Quick Start](#quick-start)\n- [Features](#features)\n- [Props](#props)\n- [Form Schema](#form-schema)\n- [Input Types and Props](#input-types-and-props)\n- [Styling](#styling)\n- [Advanced Usage](#advanced-usage)\n- [Examples](#examples)\n- [License](#license)\n\n## Installation\n\nTo get started with @asekon/react-form-renderer, simply install it using npm or yarn:\n\n```bash\nnpm install @asekon/react-form-renderer\n\n# or\n\nyarn add @asekon/react-form-renderer\n```\n\n## Quick Start\n\nHere's a simple example to get you up and running:\n\n```jsx\nimport { FormRenderer, FormStep } from \"@asekon/react-form-renderer\";\n\nfunction App() {\n  const formSchema: FormStep[] = [\n    {\n      title: \"Personal Information\",\n      sections: [\n        {\n          title: \"Basic Details\",\n          layout: { columns: 2 },\n          inputs: [\n            {\n              name: \"fullName\",\n              label: \"Full Name\",\n              type: \"text\",\n              validation: { required: \"Name is required\" },\n            },\n            {\n              name: \"email\",\n              label: \"Email\",\n              type: \"text\",\n              validation: { required: \"Email is required\" },\n            },\n          ],\n        },\n      ],\n    },\n  ];\n\n  const handleSubmit = (values) => {\n    console.log(values);\n  };\n\n  return <FormRenderer schema={formSchema} onSubmit={handleSubmit} />;\n}\n\nexport default App;\n```\n\nHere's how this example would look:\n![Alt text](https://github.com/user-attachments/assets/b58ad01c-9e00-4730-b7c5-92303a824f39)\n\n## Features\n\n- 📋 Single and multi-step form support\n- 🎨 Highly customizable UI with theming\n- 📱 Responsive design with dynamic column layout\n- ✅ Built-in validation\n- 🔄 Various input types (text, select, date, time, radio, file, textarea)\n- 🌈 Custom styling for each component\n- ♿ Accessibility-friendly\n\n## Props\n\nHere's a comprehensive list of props that you can use with the FormRenderer component:\n\n| Prop Name                | Type         | Default     | Description                                                                 |\n| ------------------------ | ------------ | ----------- | --------------------------------------------------------------------------- |\n| `schema`                 | `FormStep[]` | Required    | The form schema that defines the structure and fields of your form.         |\n| `onSubmit`               | `function`   | Required    | Callback function that receives the form values when the form is submitted. |\n| `multiStep`              | `boolean`    | `false`     | Enable multi-step form functionality.                                       |\n| `themeColor`             | `string`     | `\"#1976d2\"` | Primary color for theming the form.                                         |\n| `formContainerStyle`     | `object`     | `{}`        | Custom styles for the form container.                                       |\n| `stepperStyle`           | `object`     | `{}`        | Custom styles for the stepper component in multi-step forms.                |\n| `stepTitleStyle`         | `object`     | `{}`        | Custom styles for step titles.                                              |\n| `sectionContainerStyle`  | `object`     | `{}`        | Custom styles for section containers.                                       |\n| `sectionTitleStyle`      | `object`     | `{}`        | Custom styles for section titles.                                           |\n| `inputContainerStyle`    | `object`     | `{}`        | Custom styles for input containers.                                         |\n| `buttonContainerStyle`   | `object`     | `{}`        | Custom styles for the button container.                                     |\n| `leftButtonStyle`        | `object`     | `{}`        | Custom styles for the left (back) button.                                   |\n| `rightButtonStyle`       | `object`     | `{}`        | Custom styles for the right (next/submit) button.                           |\n| `validationMessageStyle` | `object`     | `{}`        | Custom styles for validation messages.                                      |\n\n## Form Schema\n\nThe `schema` prop is an array of `FormStep` objects. Each `FormStep` has the following structure:\n\n```typescript\ninterface FormStep {\n  title: string;\n  stepTitleStyle?: React.CSSProperties;\n  sections: FormSection[];\n}\n\ninterface FormSection {\n  title: string;\n  layout: { columns: number };\n  sectionStyle?: React.CSSProperties;\n  inputs: FormInput[];\n}\n```\n\n## Input Types and Props\n\nEach input in the form is defined by a `FormInput` object. Here's a detailed breakdown of the available input types and their specific props:\n\n| Input Type | Description           | Specific Props                                                |\n| ---------- | --------------------- | ------------------------------------------------------------- |\n| `text`     | Standard text input   | `placeholder`, `pattern`, `patternMessage`                    |\n| `select`   | Dropdown select input | `options` (array of `{label, value}` objects), `defaultValue` |\n| `date`     | Date picker input     | `defaultValue`                                                |\n| `time`     | Time picker input     | `defaultValue`                                                |\n| `radio`    | Radio button group    | `options` (array of `{label, value}` objects), `defaultValue` |\n| `file`     | File upload input     | `accept`, `buttonText`                                        |\n| `textArea` | Multi-line text input | `placeholder`, `maxChars`                                     |\n\nCommon props for all input types:\n\n- `name` (string, required): Unique identifier for the input field\n- `label` (string): Label text for the input field\n- `type` (string, required): Type of the input field (one of the above types)\n- `validation` (object): Validation rules (e.g., `{ required: \"This field is required\" }`)\n- `styles` (object): Custom CSS styles for the input\n\nExample of a text input with all possible props:\n\n```jsx\n{\n  name: \"username\",\n  label: \"Username\",\n  type: \"text\",\n  placeholder: \"Enter your username\",\n  validation: {\n    required: \"Username is required\",\n    pattern: {\n      value: /^[A-Za-z0-9]+$/,\n      message: \"Username must be alphanumeric\"\n    }\n  },\n  styles: { border: \"1px solid #ccc\", borderRadius: \"4px\" }\n}\n```\n\n## Styling\n\n@asekon/react-form-renderer provides extensive styling options:\n\n1. Use the `themeColor` prop to set the primary color for your form.\n2. Override specific styles using the various style props (`formContainerStyle`, `stepperStyle`, etc.).\n3. For more granular control, you can add custom styles to individual form elements using the `styles` property in the `FormInput` object.\n4. The library uses a responsive grid system. You can control the number of columns in each section using the `layout.columns` property in the `FormSection` object.\n\n## Advanced Usage\n\n### Dynamic Column Layout\n\nYou can control the number of columns for inputs within a section using the `layout.columns` property:\n\n```jsx\n{\n  title: \"Personal Details\",\n  layout: { columns: 2 },\n  inputs: [\n    { name: \"firstName\", label: \"First Name\", type: \"text\" },\n    { name: \"lastName\", label: \"Last Name\", type: \"text\" },\n    { name: \"email\", label: \"Email\", type: \"text\" },\n    { name: \"phone\", label: \"Phone\", type: \"text\" }\n  ]\n}\n```\n\nThis will create a 2-column layout for the inputs, automatically wrapping to the next row when needed.\n\n### Custom Validation\n\nYou can add custom validation rules to your inputs:\n\n```jsx\n{\n  name: \"email\",\n  label: \"Email\",\n  type: \"text\",\n  validation: {\n    required: \"Email is required\",\n    pattern: {\n      value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n      message: \"Invalid email address\"\n    }\n  }\n}\n```\n\n### File Upload\n\nFor file inputs, you can specify accepted file types and custom button text:\n\n```jsx\n{\n  name: \"photo\",\n  label: \"Photo\",\n  type: \"file\",\n  accept: \"image/*\",\n  buttonText: \"Upload Photo\"\n}\n```\n\n### Text Area with Character Limit\n\nFor textarea inputs, you can set a maximum character limit:\n\n```jsx\n{\n  name: \"description\",\n  label: \"Description\",\n  type: \"textArea\",\n  maxChars: 200\n}\n```\n\n## Examples\n\n### Multi-step Form\n\n```jsx\nconst multiStepSchema: FormStep[] = [\n  {\n    title: \"Personal Info\",\n    sections: [\n      {\n        title: \"Basic Details\",\n        layout: { columns: 2 },\n        inputs: [\n          { name: \"firstName\", label: \"First Name\", type: \"text\" },\n          { name: \"lastName\", label: \"Last Name\", type: \"text\" },\n        ],\n      },\n    ],\n  },\n  {\n    title: \"Contact Info\",\n    sections: [\n      {\n        title: \"Contact Details\",\n        layout: { columns: 1 },\n        inputs: [\n          { name: \"email\", label: \"Email\", type: \"text\" },\n          { name: \"phone\", label: \"Phone\", type: \"text\" },\n        ],\n      },\n    ],\n  },\n];\n\n<FormRenderer\n  schema={multiStepSchema}\n  onSubmit={handleSubmit}\n  multiStep={true}\n  themeColor=\"#4CAF50\"\n/>;\n```\n\n### Custom Styled Form\n\n```jsx\n<FormRenderer\n  schema={formSchema}\n  onSubmit={handleSubmit}\n  formContainerStyle={{ backgroundColor: \"#f0f0f0\", padding: \"2rem\" }}\n  stepTitleStyle={{ color: \"#333\", fontSize: \"2rem\" }}\n  sectionTitleStyle={{ color: \"#666\", fontStyle: \"italic\" }}\n  buttonContainerStyle={{ justifyContent: \"flex-end\" }}\n  rightButtonStyle={{ backgroundColor: \"#4CAF50\", color: \"white\" }}\n/>\n```\n\n## License\n\n@asekon/react-form-renderer is MIT licensed.\n\n---\n\nWe hope you enjoy using @asekon/react-form-renderer! If you have any questions or run into any issues, please don't hesitate to [open an issue](https://github.com/asekon/react-form-renderer/issues) on our GitHub repository.\n\nHappy coding! 🚀\n","readmeFilename":"README.md","homepage":"https://github.com/Asekon/react-form-renderer#readme","repository":{"type":"git","url":"git+https://github.com/Asekon/react-form-renderer.git"},"bugs":{"url":"https://github.com/Asekon/react-form-renderer/issues"}}