28:I[955853,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"DocsPage"] 29:I[955853,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"DocsTitle"] 2a:I[955853,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"DocsDescription"] 2b:I[748747,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"LLMCopyButton"] 2c:I[748747,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"ViewOptions"] 2d:I[955853,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"DocsBody"] 2e:I[373115,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"Heading"] 2f:I[677347,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"CodeBlock"] 30:I[677347,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"Pre"] 31:I[152114,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"PluginLoader"] 1f:["$","$L28",null,{"toc":[{"depth":2,"url":"#installation","title":"Installation"},{"depth":2,"url":"#interactive-examples","title":"Interactive Examples"},{"depth":3,"url":"#one-record-fields-from-the-object","title":"One record, fields from the object"},{"depth":3,"url":"#sections-as-tabs","title":"Sections as tabs"},{"depth":2,"url":"#features","title":"Features"},{"depth":2,"url":"#schema-api","title":"Schema API"},{"depth":3,"url":"#form","title":"Form"},{"depth":3,"url":"#form-field","title":"Form Field"},{"depth":4,"url":"#validation-is-an-object-keyed-by-rule-name","title":[["$","code",null,{"children":"validation"}]," is an object keyed by rule name"]},{"depth":3,"url":"#column-width-of-a-sectioned-form","title":"Column width of a sectioned form"},{"depth":3,"url":"#tabbed-field-layout-fieldtabs","title":["Tabbed field layout (",["$","code",null,{"children":"fieldTabs"}],")"]},{"depth":3,"url":"#wizard-steps-and-allowskip","title":["Wizard steps and ",["$","code",null,{"children":"allowSkip"}]]},{"depth":3,"url":"#split-field-layout-fieldpanes","title":["Split field layout (",["$","code",null,{"children":"fieldPanes"}],")"]},{"depth":2,"url":"#usage","title":"Usage"},{"depth":3,"url":"#registration-is-a-side-effect-of-the-import","title":"Registration is a side effect of the import"},{"depth":3,"url":"#registering-a-component-under-your-own-key","title":"Registering a component under your own key"},{"depth":2,"url":"#examples","title":"Examples"},{"depth":3,"url":"#form-with-validation","title":"Form with Validation"},{"depth":3,"url":"#multi-step-form","title":"Multi-Step Form"},{"depth":2,"url":"#field-types","title":"Field Types"},{"depth":2,"url":"#typescript-support","title":"TypeScript Support"},{"depth":2,"url":"#license","title":"License"}],"full":"$undefined","children":[["$","$L29",null,{"children":"Plugin Form"}],["$","$L2a",null,{"className":"mb-0","children":"$undefined"}],["$","div",null,{"className":"flex flex-row gap-2 items-center border-b pb-6","children":[["$","$L2b",null,{"markdownUrl":"/docs/plugins/plugin-form.mdx"}],["$","$L2c",null,{"markdownUrl":"/docs/plugins/plugin-form.mdx","githubUrl":"https://github.com/username/repo/blob/main/docs/content/docs/plugins/plugin-form.mdx"}]]}],["$","$L2d",null,{"children":[["$","p",null,{"children":"Advanced form components with validation, multi-step forms, and comprehensive field support."}],"\n",["$","$L2e",null,{"as":"h2","id":"installation","children":"Installation"}],"\n",["$","$L2f",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"","children":["$","$L30",null,{"children":["$","code",null,{"children":["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":"npm"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" install"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" @object-ui/plugin-form"}]]}]}]}]}],"\n",["$","$L31",null,{"plugins":["form"],"children":[["$","$L2e",null,{"as":"h2","id":"interactive-examples","children":"Interactive Examples"}],["$","p",null,{"children":["Each preview below ",["$","strong",null,{"children":"is"}]," an ",["$","code",null,{"children":"object-form"}]," node drawn by this plugin — the JSON\nin the Code tab is the whole example, and the fields on screen were built from\nthe ",["$","code",null,{"children":"users"}]," object's own metadata rather than written into that JSON. Both the\nmetadata and the record come from the docs site's demo data source, because\n",["$","code",null,{"children":"dataSource"}]," is not a schema key: it is the prop the registered renderer pulls\noff ",["$","code",null,{"children":"SchemaRendererProvider"}]," context (see\n","$L32","\nbelow), so in your own app these same nodes read whatever object your data\nsource serves."]}],"$L33","$L34","$L35","$L36","$L37","$L38","$L39","$L3a","$L3b","$L3c","$L3d","$L3e","$L3f","$L40","$L41","$L42","$L43","$L44","$L45","$L46","$L47","$L48","$L49","$L4a","$L4b","$L4c","$L4d","$L4e","$L4f","$L50","$L51","$L52","$L53","$L54","$L55","$L56","$L57","$L58","$L59","$L5a","$L5b","$L5c","$L5d","$L5e","$L5f","$L60","$L61","$L62","$L63","$L64","$L65","$L66","$L67","$L68","$L69","$L6a","$L6b","$L6c","$L6d","$L6e","$L6f","$L70","$L71","$L72","$L73","$L74","$L75"]}]]}]]}] 76:I[889011,["/_next/static/immutable/chunks/1xpzqlz0tm1za.js","/_next/static/immutable/chunks/2j19yejitflpr.js","/_next/static/immutable/chunks/2og1dzhqo2ojb.js","/_next/static/immutable/chunks/09zc_p59ext7x.js","/_next/static/immutable/chunks/3ldvzxwaw_4gm.js","/_next/static/immutable/chunks/12gs_ztqqji7k.js","/_next/static/immutable/chunks/1p8de654bxuji.js","/_next/static/immutable/chunks/3reex066dx5kj.js","/_next/static/immutable/chunks/39z08j3eri4o5.js","/_next/static/immutable/chunks/2m4nhn7ahf4et.js","/_next/static/immutable/chunks/26rv3dhixw4wi.js","/_next/static/immutable/chunks/0xy0lh61hcj5t.js","/_next/static/immutable/chunks/1ytfljm-b5o5a.js","/_next/static/immutable/chunks/1wdkkqqgdqhr-.js","/_next/static/immutable/chunks/2-2gkh9-ert0_.js","/_next/static/immutable/chunks/13_dfqltatmk6.js","/_next/static/immutable/chunks/3lblkr077bprp.js","/_next/static/immutable/chunks/2pdeu71o9fm-d.js","/_next/static/immutable/chunks/2vgie9w1bebvp.js","/_next/static/immutable/chunks/0gbp5f99q6qd5.js","/_next/static/immutable/chunks/1qegpxiy35l7d.js","/_next/static/immutable/chunks/3lt0x98-ulh7f.js","/_next/static/immutable/chunks/30e2_z6gwvelf.js","/_next/static/immutable/chunks/0h-sjm5dxe1b9.js","/_next/static/immutable/chunks/37ggu4-dx38wj.js","/_next/static/immutable/chunks/257x-_72bwdi8.js","/_next/static/immutable/chunks/1spjp6c9aufno.js","/_next/static/immutable/chunks/17mf448nyc8x4.js","/_next/static/immutable/chunks/17-fd136d7cib.js","/_next/static/immutable/chunks/22t13n_flb3-a.js","/_next/static/immutable/chunks/23n0us-0e1sue.js","/_next/static/immutable/chunks/2dsqp_-rlfm-4.js","/_next/static/immutable/chunks/0-cgi0z_zis3d.js","/_next/static/immutable/chunks/0xh_kyb6b30wb.js","/_next/static/immutable/chunks/0qtglup7wmnu1.js","/_next/static/immutable/chunks/2sat3ftl4s72h.js","/_next/static/immutable/chunks/1gbnunri2b6bg.js"],"SchemaExample"] 33:["$","p",null,{"children":["A plain ",["$","code",null,{"children":"form"}]," node with its fields written out inline is the\n",["$","code",null,{"children":"@object-ui/components"}]," renderer, not this plugin — that is what these two\nexamples used to be, and they now live in the catalog under\n",["$","code",null,{"children":"components-form-form"}],"."]}] 34:["$","$L2e",null,{"as":"h3","id":"one-record-fields-from-the-object","children":"One record, fields from the object"}] 35:["$","$L76",null,{"id":"plugin-form/object-form-record"}] 36:["$","$L2e",null,{"as":"h3","id":"sections-as-tabs","children":"Sections as tabs"}] 37:["$","$L76",null,{"id":"plugin-form/object-form-tabbed-sections"}] 38:["$","$L2e",null,{"as":"h2","id":"features","children":"Features"}] 39:["$","ul",null,{"children":["\n",["$","li",null,{"children":[["$","strong",null,{"children":"Form Builder"}]," - Create complex forms from schemas"]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"Validation"}]," - Built-in validation with custom rules"]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"Multi-Step Forms"}]," - Wizard-style multi-step forms"]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"Field Types"}]," - All standard HTML5 input types"]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"Form State"}]," - Automatic state management"]}],"\n",["$","li",null,{"children":[["$","strong",null,{"children":"Error Handling"}]," - Field-level and form-level errors"]}],"\n"]}] 3a:["$","$L2e",null,{"as":"h2","id":"schema-api","children":"Schema API"}] 3b:["$","$L2e",null,{"as":"h3","id":"form","children":"Form"}] 3c:["$","$L2f",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"","children":["$","$L30",null,{"children":["$","code",null,{"children":[["$","span",null,{"className":"line","children":["$","span",null,{"children":"{"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" type: 'form',"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" fields: FormField[],"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" submitLabel?: string,"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" cancelLabel?: string,"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" onSubmit?: (data) => void,"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" onCancel?: () => void,"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" className?: string"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":"}"}]}]]}]}]}] 3d:["$","$L2e",null,{"as":"h3","id":"form-field","children":"Form Field"}] 3e:["$","p",null,{"children":[["$","code",null,{"children":"FormField"}]," here means the one declared by ",["$","code",null,{"children":"@object-ui/types"}],"\n(",["$","code",null,{"children":"packages/types/src/form.ts"}],") — ",["$","code",null,{"children":"@objectstack/spec"}]," ships its own copy of this\nname (",["$","code",null,{"children":"json-schema/ui/FormField.json"}],") with a different key set, so read this\ntable against the ",["$","code",null,{"children":"@object-ui/types"}]," copy rather than the same-named schema in\nthe spec. This page does not redeclare it, because a locally written\n",["$","code",null,{"children":"interface"}]," compiles no matter how far it has drifted from the real one. It\nhas ",["$","strong",null,{"children":"23 declared keys"}],", and ",["$","code",null,{"children":"name"}]," is the only ",["$","strong",null,{"children":"required"}]," one: ",["$","code",null,{"children":"type"}]," and\n",["$","code",null,{"children":"label"}]," are both optional."]}] 3f:["$","div",null,{"className":"relative overflow-auto prose-no-margin my-6","children":["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"children":"Key"}],["$","th",null,{"children":"Type"}],["$","th",null,{"children":"What it does"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"name"}]}],["$","td",null,{"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"children":[["$","strong",null,{"children":"required"}]," — the key the value is submitted under"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"id"}]}],["$","td",null,{"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"children":["stable render key; falls back to ",["$","code",null,{"children":"name"}]]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"label"}]}],["$","td",null,{"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"children":["optional. With none, no label element is rendered at all, and validation messages fall back to ",["$","code",null,{"children":"name"}]]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"description"}]}],["$","td",null,{"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"children":"help text rendered under the control"}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"type"}]}],["$","td",null,{"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"children":["optional, defaults to ",["$","code",null,{"children":"'input'"}],". Built-ins: ",["$","code",null,{"children":"input"}],", ",["$","code",null,{"children":"textarea"}],", ",["$","code",null,{"children":"checkbox"}],", ",["$","code",null,{"children":"switch"}],", ",["$","code",null,{"children":"select"}],"; any other value resolves through the registry (",["$","code",null,{"children":"field:"}]," first, then the bare name)"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"inputType"}]}],["$","td",null,{"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"children":["HTML input type for ",["$","code",null,{"children":"type: 'input'"}]," — ",["$","code",null,{"children":"'email'"}],", ",["$","code",null,{"children":"'password'"}],", ",["$","code",null,{"children":"'tel'"}],", …"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"widget"}]}],["$","td",null,{"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"children":["widget override; wins over ",["$","code",null,{"children":"type"}]," (spec ",["$","code",null,{"children":"FormField.widget"}],")"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"placeholder"}]}],["$","td",null,{"children":["$","code",null,{"children":"string"}]}],["$","td",null,{"children":"placeholder text"}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"required"}]}],["$","td",null,{"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"children":["the presence rule. ",["$","code",null,{"children":"validation.required"}]," does ",["$","strong",null,{"children":"not"}]," make a field required — it only supplies the message"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"disabled"}]}],["$","td",null,{"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"children":"not interactive, muted"}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"readonly"}]}],["$","td",null,{"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"children":["shown plainly, not editable — deliberately distinct from ",["$","code",null,{"children":"disabled"}]]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"hidden"}]}],["$","td",null,{"children":["$","code",null,{"children":"boolean"}]}],["$","td",null,{"children":"the field is not rendered at all"}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"options"}]}],["$","td",null,{"children":["$","code",null,{"children":"SelectOption[] | RadioOption[]"}]}],["$","td",null,{"children":["choices for ",["$","code",null,{"children":"select"}]," / radio fields"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"validation"}]}],["$","td",null,{"children":["$","code",null,{"children":"FieldValidationRules"}]}],["$","td",null,{"children":[["$","strong",null,{"children":"an object keyed by rule name"}]," — see below"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"condition"}]}],["$","td",null,{"children":["$","code",null,{"children":"FieldCondition"}]}],["$","td",null,{"children":["legacy ",["$","code",null,{"children":"{ field, equals, notEquals, in, custom }"}]," matcher"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":[["$","code",null,{"children":"visibleWhen"}]," / ",["$","code",null,{"children":"readonlyWhen"}]," / ","$L77"]}],"$L78","$L79"]}],"$L7a","$L7b","$L7c","$L7d","$L7e"]}]]}]}] 40:["$","p",null,{"children":[["$","code",null,{"children":"FormField"}]," also declares ",["$","code",null,{"children":"[key: string]: any"}],", so a misspelled or invented key\nis ",["$","strong",null,{"children":"not"}]," a compile error — it is simply outside the contract. Two that a\nreader might expect here, and that are ",["$","strong",null,{"children":"not"}]," declared members:"]}] 41:["$","div",null,{"className":"relative overflow-auto prose-no-margin my-6","children":["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"children":["Not a ",["$","code",null,{"children":"FormField"}]," key"]}],["$","th",null,{"children":"Write this instead"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"defaultValue"}]}],["$","td",null,{"children":[["$","code",null,{"children":"FormSchema.defaultValues"}],", at form level. An object-bound form seeds from the object field's own declared ",["$","code",null,{"children":"defaultValue"}]," instead"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"className"}]}],["$","td",null,{"children":[["$","code",null,{"children":"span"}]," / ",["$","code",null,{"children":"colSpan"}]," for width, ",["$","code",null,{"children":"FormSchema.fieldContainerClass"}]," for the field grid"]}]]}]]}]]}]}] 42:["$","p",null,{"children":["An undeclared key still rides the props spread down to whichever component the\nfield resolves to, so a field-level ",["$","code",null,{"children":"className"}]," can visibly land on a built-in\ncontrol — but nothing in the contract promises that, and a registered widget\nhonours it only if it happens to spread its leftover props. A field-level\n",["$","code",null,{"children":"defaultValue"}]," reaches the widget the same way and changes nothing: the control\nis bound to react-hook-form, whose initial values come from the form."]}] 43:["$","$L2e",null,{"as":"h4","id":"validation-is-an-object-keyed-by-rule-name","children":[["$","code",null,{"children":"validation"}]," is an object keyed by rule name"]}] 44:["$","p",null,{"children":["There is no ",["$","code",null,{"children":"ValidationRule"}]," type in this repository. Near-spellings do exist —\n",["$","code",null,{"children":"AdvancedValidationRule"}],", ",["$","code",null,{"children":"ValidationRuleType"}],", ",["$","code",null,{"children":"ObjectValidationRule"}]," and\n",["$","code",null,{"children":"DesignerValidationRule"}]," — and none of them types this key. The type of the key\nis ",["$","code",null,{"children":"FieldValidationRules"}]," (",["$","code",null,{"children":"packages/types/src/form.ts"}],"), and it is ",["$","strong",null,{"children":"not"}]," an\narray of ",["$","code",null,{"children":"{ type, value, message }"}]," entries:"]}] 45:["$","div",null,{"className":"relative overflow-auto prose-no-margin my-6","children":["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"children":"Rule"}],["$","th",null,{"children":"Type"}],["$","th",null,{"children":"Notes"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"required"}]}],["$","td",null,{"children":["$","code",null,{"children":"string | boolean"}]}],["$","td",null,{"children":["supplies the required ",["$","strong",null,{"children":"message"}]," only. Whether the field is required is decided by ",["$","code",null,{"children":"required"}]," / ",["$","code",null,{"children":"requiredWhen"}]," ",["$","strong",null,{"children":"on the field"}]]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":[["$","code",null,{"children":"minLength"}]," / ",["$","code",null,{"children":"maxLength"}]]}],["$","td",null,{"children":["$","code",null,{"children":"{ value: number; message: string }"}]}],["$","td",null,{"children":"text length"}]]}],["$","tr",null,{"children":[["$","td",null,{"children":[["$","code",null,{"children":"min"}]," / ",["$","code",null,{"children":"max"}]]}],["$","td",null,{"children":["$","code",null,{"children":"{ value: number; message: string }"}]}],["$","td",null,{"children":"numeric range"}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"pattern"}]}],["$","td",null,{"children":["$","code",null,{"children":"{ value: RegExp; message: string }"}]}],["$","td",null,{"children":["hand-authored schemas must pass a ",["$","strong",null,{"children":"RegExp"}],": react-hook-form applies a pattern only when its value is ",["$","code",null,{"children":"instanceof RegExp"}],". It is the object-metadata path (",["$","code",null,{"children":"buildValidationRules"}]," in ",["$","code",null,{"children":"@object-ui/fields"}],") that compiles a declared string into one, so a ",["$","code",null,{"children":"pattern"}]," string written straight into a plain ",["$","code",null,{"children":"form"}]," schema never runs"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"validate"}]}],["$","td",null,{"children":["$","code",null,{"children":"(value) => boolean | string | Promise"}]}],["$","td",null,{"children":"custom check; TypeScript-authored schemas only"}]]}]]}]]}]}] 46:["$","p",null,{"children":["There is no ",["$","code",null,{"children":"email"}]," rule name — an email check is a ",["$","code",null,{"children":"pattern"}],", which is exactly\nwhat ",["$","code",null,{"children":"buildValidationRules"}]," emits for an object field of type ",["$","code",null,{"children":"email"}],"."]}] 47:["$","p",null,{"children":[["$","strong",null,{"children":"Why the array spelling fails silently."}]," The only reader of this key is the\nbasic form renderer, which spreads it into the rule object it hands to\nreact-hook-form — ",["$","code",null,{"children":"const rules: any = { ...validation }"}],"\n(",["$","code",null,{"children":"packages/components/src/renderers/form/form.tsx:1652"}],"). Spreading an ",["$","strong",null,{"children":"array"}],"\ninto an object literal produces numeric keys (",["$","code",null,{"children":"{ '0': …, '1': … }"}],"), and\nreact-hook-form recognises none of them: every rule is dropped, nothing throws,\nand the form looks validated while validating nothing."]}] 48:["$","$L2e",null,{"as":"h3","id":"column-width-of-a-sectioned-form","children":"Column width of a sectioned form"}] 49:["$","p",null,{"children":["A sectioned form renders as ONE grid. The form view's ",["$","code",null,{"children":"columns"}]," (spec\n",["$","code",null,{"children":"FormView.columns"}],") sets how wide that grid is; a section's ",["$","code",null,{"children":"columns"}]," sets how\ndensely that section fills it. The view's value wins; without it the grid takes\nthe widest section's density, and without either it is single-column."]}] 4a:["$","p",null,{"children":[["$","code",null,{"children":"ObjectForm"}]," (simple), ",["$","code",null,{"children":"ModalForm"}],", ",["$","code",null,{"children":"TabbedForm"}],", ",["$","code",null,{"children":"SplitForm"}]," and ",["$","code",null,{"children":"WizardForm"}]," all\nresolve it that way, so the same metadata lays out identically in every host\n(",["$","code",null,{"children":"WizardForm"}]," has no widest-section fallback — its steps never share a viewport,\nso each keeps its own authored width). The grid is applied to the field container\ninside the form, never wrapped around the ",["$","code",null,{"children":"

"}],"."]}] 4b:["$","$L2e",null,{"as":"h3","id":"tabbed-field-layout-fieldtabs","children":["Tabbed field layout (",["$","code",null,{"children":"fieldTabs"}],")"]}] 4c:["$","p",null,{"children":["A sectioned form stays ",["$","strong",null,{"children":"one"}]," form: declare the tabs on it and the renderer\ndistributes the fields into panels, instead of rendering a form per section\n(which strands every section but the first outside the submit, and lets an\ninactive tab unmount along with its values)."]}] 4d:["$","$L2f",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"","children":["$","$L30",null,{"children":["$","code",null,{"children":[["$","span",null,{"className":"line","children":["$","span",null,{"children":"{"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" type: 'form',"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" fields: [/* every tab's fields, in one flat list */],"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" fieldTabs: ["}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" { key: 'basics', label: 'Basics', fields: ['subject', 'status'] },"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" { key: 'detail', label: 'Detail', description: 'Anything else', fields: ['description'] },"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" ],"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" defaultFieldTab?: 'basics', // defaults to the first tab"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" fieldTabsPosition?: 'top', // 'top' | 'bottom' | 'left' | 'right'"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":"}"}]}]]}]}]}] 4e:["$","ul",null,{"children":["\n",["$","li",null,{"children":["Panels are force-mounted and only CSS-hidden, so a tab the user leaves keeps\nits values ",["$","strong",null,{"children":"and"}]," its validation."]}],"\n",["$","li",null,{"children":["A failed submit activates the tab holding the first offending field and marks\nevery tab with a rejected field — client rules and server ",["$","code",null,{"children":"fields[]"}]," alike."]}],"\n",["$","li",null,{"children":"Fields no tab claims render above the tab strip rather than disappearing."}],"\n",["$","li",null,{"children":["Needs at least two tabs; ignored when the form uses ",["$","code",null,{"children":"children"}],"."]}],"\n"]}] 4f:["$","p",null,{"children":[["$","code",null,{"children":"ModalForm"}]," (",["$","code",null,{"children":"contentLayout: 'tabbed'"}],") and ",["$","code",null,{"children":"TabbedForm"}]," build on this."]}] 50:["$","$L2e",null,{"as":"h3","id":"wizard-steps-and-allowskip","children":["Wizard steps and ",["$","code",null,{"children":"allowSkip"}]]}] 51:["$","p",null,{"children":[["$","code",null,{"children":"allowSkip"}]," lets the user jump to any step from the indicator instead of walking\nthrough them in order. It is navigation freedom, not an exemption from the\nobject's rules: the ",["$","strong",null,{"children":"final submit checks every step's required fields"}],", and if\nsomething is outstanding it returns the user to the first step that has one, marks\nthat step's indicator (",["$","code",null,{"children":"data-error=\"true\""}],"), and names the fields in a toast —\nnothing is sent. Conditional rules are respected (",["$","code",null,{"children":"visibleWhen"}]," / ",["$","code",null,{"children":"requiredWhen"}],"\nare evaluated on the same canonical engine as the renderer and the server)."]}] 52:["$","p",null,{"children":"This matters because react-hook-form only validates the fields currently mounted,\nand a wizard mounts one step at a time — so a required field on a step nobody\nopened used to be absent from the payload with nothing on screen saying so."}] 53:["$","$L2e",null,{"as":"h3","id":"split-field-layout-fieldpanes","children":["Split field layout (",["$","code",null,{"children":"fieldPanes"}],")"]}] 54:["$","p",null,{"children":["Side-by-side panels follow the same rule: the ",["$","code",null,{"children":""}]," wraps the whole panel\ngroup and each pane holds only fields, so one react-hook-form instance spans the\ndivider."]}] 55:["$","$L2f",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"","children":["$","$L30",null,{"children":["$","code",null,{"children":[["$","span",null,{"className":"line","children":["$","span",null,{"children":"{"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" type: 'form',"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" fields: [/* every pane's fields, in one flat list */],"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" fieldPanes: ["}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" { key: 'primary', fields: ['subject'], defaultSize: 50 },"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" { key: 'secondary', fields: ['status', 'priority'], defaultSize: 50, minSize: 20 },"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" ],"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" fieldPanesOrientation?: 'horizontal', // 'horizontal' | 'vertical'"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":" fieldPanesResizable?: true, // false pins the divider"}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"children":"}"}]}]]}]}]}] 56:["$","ul",null,{"children":["\n",["$","li",null,{"children":"A submit from anywhere carries every pane's values, and a field rule in one\npane can read a field in another — neither works with a form per panel."}],"\n",["$","li",null,{"children":[["$","code",null,{"children":"defaultSize"}]," / ",["$","code",null,{"children":"minSize"}]," are percentages of the group."]}],"\n",["$","li",null,{"children":["Each pane is its own ",["$","code",null,{"children":"@container"}],", so a multi-column group collapses as the\ndivider is dragged narrower."]}],"\n",["$","li",null,{"children":"Fields no pane claims render above the panel group rather than disappearing."}],"\n",["$","li",null,{"children":["Needs at least two panes; ignored when the form uses ",["$","code",null,{"children":"children"}]," or ",["$","code",null,{"children":"fieldTabs"}],"."]}],"\n"]}] 57:["$","p",null,{"children":[["$","code",null,{"children":"SplitForm"}]," builds on this. Each section declares its panel via ",["$","code",null,{"children":"pane: 'primary' | 'secondary'"}]," (spec ",["$","code",null,{"children":"FormSection.pane"}],") — explicit placement that survives\nreordering. When omitted, the legacy rule applies: section 1 becomes the primary\npane, the rest stack in the secondary one behind inline section headers. (The\nspec rejects ",["$","code",null,{"children":"pane"}]," on non-split form types at parse.)"]}] 58:["$","$L2e",null,{"as":"h2","id":"usage","children":"Usage"}] 59:["$","$L2e",null,{"as":"h3","id":"registration-is-a-side-effect-of-the-import","children":"Registration is a side effect of the import"}] 7f:T4dc,5a:["$","$L2f",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"$7f","children":["$","$L30",null,{"children":["$","code",null,{"children":["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" '@object-ui/plugin-form'"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}]}]}]}] 5b:["$","p",null,{"children":["That single import is the whole of registration — there is no components map to\niterate over. Importing the entry runs the six ",["$","code",null,{"children":"ComponentRegistry.register(...)"}],"\ncalls in ",["$","code",null,{"children":"packages/plugin-form/src/index.tsx"}],", which claim exactly these schema\ntypes:"]}] 5c:["$","div",null,{"className":"relative overflow-auto prose-no-margin my-6","children":["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"children":"Namespaced key"}],["$","th",null,{"children":"Bare-name fallback"}],["$","th",null,{"children":"Renderer behind it"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"plugin-form:object-form"}]}],["$","td",null,{"children":["$","code",null,{"children":"object-form"}]}],["$","td",null,{"children":[["$","code",null,{"children":"ObjectForm"}]," — metadata-driven form over one record"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"view:form"}]}],["$","td",null,{"children":["none — ",["$","code",null,{"children":"skipFallback: true"}]]}],["$","td",null,{"children":"the same renderer, under the view protocol"}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"plugin-form:embeddable-form"}]}],["$","td",null,{"children":["$","code",null,{"children":"embeddable-form"}]}],["$","td",null,{"children":[["$","code",null,{"children":"EmbeddableForm"}]," — standalone public form"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"plugin-form:form-analytics"}]}],["$","td",null,{"children":["$","code",null,{"children":"form-analytics"}]}],["$","td",null,{"children":[["$","code",null,{"children":"FormAnalytics"}]," — submission dashboard"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"plugin-form:object-master-detail-form"}]}],["$","td",null,{"children":["$","code",null,{"children":"object-master-detail-form"}]}],["$","td",null,{"children":[["$","code",null,{"children":"MasterDetailForm"}]," — parent plus child line items in one submit"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":["$","code",null,{"children":"record:line_items"}]}],["$","td",null,{"children":["none — ",["$","code",null,{"children":"skipFallback: true"}]]}],["$","td",null,{"children":[["$","code",null,{"children":"LineItemsPanel"}]," — child grid bound to the record on the page"]}]]}]]}]]}]}] 5d:["$","p",null,{"children":[["$","code",null,{"children":"ComponentRegistry.register"}]," publishes ",["$","code",null,{"children":"namespace:type"}],", and — unless the call\npasses ",["$","code",null,{"children":"skipFallback: true"}]," — the bare ",["$","code",null,{"children":"type"}]," as a back-compat fallback\n(",["$","code",null,{"children":"packages/core/src/registry/Registry.ts:194"}],", fallback at ",["$","code",null,{"children":":226"}],"). The two\n",["$","code",null,{"children":"skipFallback"}]," calls here are deliberate: bare ",["$","code",null,{"children":"form"}]," stays the basic\n",["$","code",null,{"children":"@object-ui/components"}]," form, and bare ",["$","code",null,{"children":"line_items"}]," is left to whoever else\nclaims it."]}] 5e:["$","$L2e",null,{"as":"h3","id":"registering-a-component-under-your-own-key","children":"Registering a component under your own key"}] 5f:["$","p",null,{"children":"To serve one of this package's components under a key of your own, register the\nexported component — that is what a manual registration is here:"}] 80:T4dc,60:["$","$L2f",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"$80","children":["$","$L30",null,{"children":["$","code",null,{"children":[["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { ComponentRegistry } "}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" '@object-ui/core'"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { ObjectForm } "}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" '@object-ui/plugin-form'"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}],"\n",["$","span",null,{"className":"line"}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"ComponentRegistry."}],["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":"register"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"("}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"'my-form'"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":", ObjectForm, { namespace: "}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"'my-app'"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" });"}]]}]]}]}]}] 61:["$","p",null,{"children":["The renderers this package registers for ",["$","em",null,{"children":"itself"}]," are internal wrappers rather\nthan these exported components. ",["$","code",null,{"children":"SchemaRenderer"}]," hands a registered component\nits ",["$","code",null,{"children":"schema"}],", but never a ",["$","code",null,{"children":"dataSource"}]," — that travels on\n",["$","code",null,{"children":"SchemaRendererContext"}]," — so each wrapper resolves it from the context first.\n",["$","code",null,{"children":"ObjectForm"}]," takes ",["$","code",null,{"children":"dataSource"}]," as a prop (optional, because inline\n",["$","code",null,{"children":"customFields"}]," need no adapter), so a custom-key registration either supplies\none or wraps the component the same way."]}] 62:["$","p",null,{"children":["The components are on the package's export surface — ",["$","code",null,{"children":"ObjectForm"}],",\n",["$","code",null,{"children":"TabbedForm"}],", ",["$","code",null,{"children":"WizardForm"}],", ",["$","code",null,{"children":"SplitForm"}],", ",["$","code",null,{"children":"DrawerForm"}],", ",["$","code",null,{"children":"ModalForm"}],",\n",["$","code",null,{"children":"EmbeddableForm"}],", ",["$","code",null,{"children":"MasterDetailForm"}],", ",["$","code",null,{"children":"LineItemsPanel"}],", ",["$","code",null,{"children":"FormAnalytics"}],",\n",["$","code",null,{"children":"FormSectionContainer"}]," — alongside the layout helpers (",["$","code",null,{"children":"applyAutoLayout"}],",\n",["$","code",null,{"children":"inferColumns"}],", ",["$","code",null,{"children":"filterCreateModeFields"}],", …) and the per-container schema types\n(",["$","code",null,{"children":"TabbedFormSchema"}],", ",["$","code",null,{"children":"WizardFormSchema"}],", ",["$","code",null,{"children":"ModalFormSchema"}],", …). There is no\naggregate map among them."]}] 63:["$","$L2e",null,{"as":"h2","id":"examples","children":"Examples"}] 64:["$","$L2e",null,{"as":"h3","id":"form-with-validation","children":"Form with Validation"}] 65:["$","p",null,{"children":["One ",["$","code",null,{"children":"validation"}]," object per field, keyed by rule name. The annotation is part of\nthe example: ",["$","code",null,{"children":"FormField"}]," and ",["$","code",null,{"children":"FormSchema"}]," both carry an index signature, so an\nun-annotated ",["$","code",null,{"children":"const schema = { … }"}]," type-checks whatever is written in it, while\n",["$","code",null,{"children":"const signUpForm: FormSchema"}]," makes a wrong ",["$","code",null,{"children":"validation"}]," shape a compile error."]}] 81:T4dc,66:["$","$L2f",null,{"className":"shiki shiki-themes github-light github-dark","style":{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},"tabIndex":"0","icon":"$81","children":["$","$L30",null,{"children":["$","code",null,{"children":[["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"import"}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":" type"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" { FormSchema } "}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"from"}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":" '@object-ui/types'"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":";"}]]}],"\n",["$","span",null,{"className":"line"}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"const"}],["$","span",null,{"style":{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},"children":" signUpForm"}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":":"}],["$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":" FormSchema"}],["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":" ="}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" {"}]]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" type: "}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"'form'"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":","}]]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" fields: ["}]}],"\n",["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" {"}]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" name: "}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"'username'"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":","}]]}],"\n",["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" type: "}],["$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"'input'"}],["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":","}]]}],"\n","$L82","\n","$L83","\n","$L84","\n","$L85","\n","$L86","\n","$L87","\n","$L88","\n","$L89","\n","$L8a","\n","$L8b","\n","$L8c","\n","$L8d","\n","$L8e","\n","$L8f","\n","$L90","\n","$L91","\n","$L92","\n","$L93","\n","$L94","\n","$L95","\n","$L96","\n","$L97","\n","$L98","\n","$L99","\n","$L9a","\n","$L9b","\n","$L9c","\n","$L9d","\n","$L9e","\n","$L9f","\n","$La0","\n","$La1","\n","$La2"]}]}]}]

Plugin Form

Installation

On this page