[{"data":1,"prerenderedAt":1314},["ShallowReactive",2],{"navigation_docs":3,"-form-guide-fields-visibility":82,"-form-guide-fields-visibility-surround":1309},[4],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Form","\u002Fform","1.getting-started",[9,26,58],{"title":10,"path":11,"stem":12,"children":13,"page":25},"Getting Started","\u002Fform\u002Fgetting-started","1.getting-started\u002F1.installation",[14,17,21],{"title":15,"path":16,"stem":12},"Installation","\u002Fform\u002Fgetting-started\u002Finstallation",{"title":18,"path":19,"stem":20},"Your first form","\u002Fform\u002Fgetting-started\u002Ffirst-form","1.getting-started\u002F2.first-form",{"title":22,"path":23,"stem":24},"Vue rendering","\u002Fform\u002Fgetting-started\u002Fvue-rendering","1.getting-started\u002F3.vue-rendering",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Guide","\u002Fform\u002Fguide","2.guide\u002F1.forms-data-validation",[31,34,38,42,46,50,54],{"title":32,"path":33,"stem":29},"Forms, data, and validation","\u002Fform\u002Fguide\u002Fforms-data-validation",{"title":35,"path":36,"stem":37},"Fields and visibility","\u002Fform\u002Fguide\u002Ffields-visibility","2.guide\u002F2.fields-visibility",{"title":39,"path":40,"stem":41},"Renderers and composables","\u002Fform\u002Fguide\u002Frenderers-composables","2.guide\u002F3.renderers-composables",{"title":43,"path":44,"stem":45},"Collections and wizards","\u002Fform\u002Fguide\u002Fcollections-wizards","2.guide\u002F4.collections-wizards",{"title":47,"path":48,"stem":49},"Comboboxes","\u002Fform\u002Fguide\u002Fcomboboxes","2.guide\u002F5.comboboxes",{"title":51,"path":52,"stem":53},"Uploads","\u002Fform\u002Fguide\u002Fuploads","2.guide\u002F6.uploads",{"title":55,"path":56,"stem":57},"Composer and rich text","\u002Fform\u002Fguide\u002Fcomposer-rich-text","2.guide\u002F7.composer-rich-text",{"title":59,"path":60,"stem":61,"children":62,"page":25},"Reference","\u002Fform\u002Freference","3.reference\u002F1.fields",[63,66,70,74,78],{"title":64,"path":65,"stem":61},"Fields","\u002Fform\u002Freference\u002Ffields",{"title":67,"path":68,"stem":69},"PHP API","\u002Fform\u002Freference\u002Fphp-api","3.reference\u002F2.php-api",{"title":71,"path":72,"stem":73},"Vue API","\u002Fform\u002Freference\u002Fvue-api","3.reference\u002F3.vue-api",{"title":75,"path":76,"stem":77},"Configuration and commands","\u002Fform\u002Freference\u002Fconfiguration-commands","3.reference\u002F4.configuration-commands",{"title":79,"path":80,"stem":81},"Resource shape","\u002Fform\u002Freference\u002Fresource-shape","3.reference\u002F5.resource-shape",{"id":83,"title":35,"body":84,"description":1303,"extension":1304,"links":1305,"meta":1306,"navigation":505,"path":36,"seo":1307,"stem":37,"__hash__":1308},"docs\u002Fform\u002F2.guide\u002F2.fields-visibility.md",{"type":85,"value":86,"toc":1296},"minimark",[87,91,96,231,242,411,420,424,427,868,924,941,946,953,1100,1107,1111,1114,1274,1292],[88,89,90],"p",{},"Fields serialize a stable component discriminator plus their name, content metadata, validation rules, defaults, semantic state, visibility conditions, data attributes, metadata, and behavior-specific options. They describe behavior only; a field never chooses your Vue markup.",[92,93,95],"h2",{"id":94},"field-families","Field families",[97,98,99,111],"table",{},[100,101,102],"thead",{},[103,104,105,109],"tr",{},[106,107,108],"th",{},"Purpose",[106,110,64],{},[112,113,114,142,164,183,199,221],"tbody",{},[103,115,116,120],{},[117,118,119],"td",{},"Text and structured input",[117,121,122,126,127,126,130,126,133,126,136,126,139],{},[123,124,125],"code",{},"TextInput",", ",[123,128,129],{},"Textarea",[123,131,132],{},"Slug",[123,134,135],{},"Link",[123,137,138],{},"Hidden",[123,140,141],{},"OtpInput",[103,143,144,147],{},[117,145,146],{},"Choices",[117,148,149,126,152,126,155,126,158,126,161],{},[123,150,151],{},"Combobox",[123,153,154],{},"Radio",[123,156,157],{},"Checkbox",[123,159,160],{},"CheckboxGroup",[123,162,163],{},"Toggle",[103,165,166,169],{},[117,167,168],{},"Specialized values",[117,170,171,126,174,126,177,126,180],{},[123,172,173],{},"DatePicker",[123,175,176],{},"TimePicker",[123,178,179],{},"ColorPicker",[123,181,182],{},"Slider",[103,184,185,188],{},[117,186,187],{},"Content and files",[117,189,190,126,193,126,196],{},[123,191,192],{},"File",[123,194,195],{},"Composer",[123,197,198],{},"RichText",[103,200,201,204],{},[117,202,203],{},"Nested schemas",[117,205,206,126,209,126,212,126,215,126,218],{},[123,207,208],{},"Repeater",[123,210,211],{},"Blocks",[123,213,214],{},"BlockSet",[123,216,217],{},"KeyValue",[123,219,220],{},"Fieldset",[103,222,223,226],{},[117,224,225],{},"Submission",[117,227,228],{},[123,229,230],{},"Submit",[88,232,233,234,237,238,241],{},"Every field supports labels, help text, placeholders, rules, defaults, authorization, visibility, data attributes, arbitrary metadata, and Laravel's ",[123,235,236],{},"when()"," and ",[123,239,240],{},"tap()"," fluent helpers.",[243,244,249],"pre",{"className":245,"code":246,"language":247,"meta":248,"style":248},"language-php shiki shiki-themes material-theme-lighter catppuccin-mocha catppuccin-mocha","TextInput::make('phone', 'Phone number')\n    ->help('Include the country code.')\n    ->placeholder('+380...')\n    ->tel()\n    ->required()\n    ->dataAttribute('testId', 'phone')\n    ->meta('analyticsKey', 'profile_phone');\n","php","",[123,250,251,295,315,334,345,355,382],{"__ignoreMap":248},[252,253,256,259,263,267,271,275,279,281,284,287,290,292],"span",{"class":254,"line":255},"line",1,[252,257,125],{"class":258},"s6-7G",[252,260,262],{"class":261},"sWTNM","::",[252,264,266],{"class":265},"sgeHj","make",[252,268,270],{"class":269},"sOG8g","(",[252,272,274],{"class":273},"sQGZM","'",[252,276,278],{"class":277},"s2lAL","phone",[252,280,274],{"class":273},[252,282,283],{"class":269},",",[252,285,286],{"class":273}," '",[252,288,289],{"class":277},"Phone number",[252,291,274],{"class":273},[252,293,294],{"class":269},")\n",[252,296,298,301,304,306,308,311,313],{"class":254,"line":297},2,[252,299,300],{"class":261},"    ->",[252,302,303],{"class":265},"help",[252,305,270],{"class":269},[252,307,274],{"class":273},[252,309,310],{"class":277},"Include the country code.",[252,312,274],{"class":273},[252,314,294],{"class":269},[252,316,318,320,323,325,327,330,332],{"class":254,"line":317},3,[252,319,300],{"class":261},[252,321,322],{"class":265},"placeholder",[252,324,270],{"class":269},[252,326,274],{"class":273},[252,328,329],{"class":277},"+380...",[252,331,274],{"class":273},[252,333,294],{"class":269},[252,335,337,339,342],{"class":254,"line":336},4,[252,338,300],{"class":261},[252,340,341],{"class":265},"tel",[252,343,344],{"class":269},"()\n",[252,346,348,350,353],{"class":254,"line":347},5,[252,349,300],{"class":261},[252,351,352],{"class":265},"required",[252,354,344],{"class":269},[252,356,358,360,363,365,367,370,372,374,376,378,380],{"class":254,"line":357},6,[252,359,300],{"class":261},[252,361,362],{"class":265},"dataAttribute",[252,364,270],{"class":269},[252,366,274],{"class":273},[252,368,369],{"class":277},"testId",[252,371,274],{"class":273},[252,373,283],{"class":269},[252,375,286],{"class":273},[252,377,278],{"class":277},[252,379,274],{"class":273},[252,381,294],{"class":269},[252,383,385,387,390,392,394,397,399,401,403,406,408],{"class":254,"line":384},7,[252,386,300],{"class":261},[252,388,389],{"class":265},"meta",[252,391,270],{"class":269},[252,393,274],{"class":273},[252,395,396],{"class":277},"analyticsKey",[252,398,274],{"class":273},[252,400,283],{"class":269},[252,402,286],{"class":273},[252,404,405],{"class":277},"profile_phone",[252,407,274],{"class":273},[252,409,410],{"class":269},");\n",[88,412,413,237,416,419],{},[123,414,415],{},"dataAttributes()",[123,417,418],{},"meta()"," are serialized for your renderer. The package does not apply them to a DOM element automatically.",[92,421,423],{"id":422},"conditional-visibility","Conditional visibility",[88,425,426],{},"Use serializable conditions when visibility must react to client-side changes. The same conditions also control server-side validation.",[243,428,430],{"className":245,"code":429,"language":247,"meta":248,"style":248},"use Inertify\\Form\\Conditions\\Visibility;\nuse Inertify\\Form\\Fields\\Checkbox;\nuse Inertify\\Form\\Fields\\TextInput;\n\nCheckbox::make('is_employed', 'Currently employed')\n    ->default(false);\n\nTextInput::make('company', 'Company')\n    ->visibleWhen('is_employed', true)\n    ->clearWhenHidden();\n\nTextInput::make('tax_id', 'Tax ID')\n    ->visibleWhenAll(fn (Visibility $when): Visibility => $when\n        ->where('country', 'US')\n        ->where('account_type', 'business'));\n\nTextInput::make('approval_code', 'Approval code')\n    ->visibleWhenAny([\n        ['role', '=', 'owner'],\n        ['role', '=', 'admin'],\n    ]);\n",[123,431,432,461,481,501,507,535,550,554,583,606,617,622,651,696,725,753,758,787,798,832,862],{"__ignoreMap":248},[252,433,434,438,442,445,447,449,452,454,458],{"class":254,"line":255},[252,435,437],{"class":436},"scOca","use",[252,439,441],{"class":440},"svMjs"," Inertify",[252,443,444],{"class":269},"\\",[252,446,5],{"class":440},[252,448,444],{"class":269},[252,450,451],{"class":440},"Conditions",[252,453,444],{"class":269},[252,455,457],{"class":456},"spKqO","Visibility",[252,459,460],{"class":269},";\n",[252,462,463,465,467,469,471,473,475,477,479],{"class":254,"line":297},[252,464,437],{"class":436},[252,466,441],{"class":440},[252,468,444],{"class":269},[252,470,5],{"class":440},[252,472,444],{"class":269},[252,474,64],{"class":440},[252,476,444],{"class":269},[252,478,157],{"class":456},[252,480,460],{"class":269},[252,482,483,485,487,489,491,493,495,497,499],{"class":254,"line":317},[252,484,437],{"class":436},[252,486,441],{"class":440},[252,488,444],{"class":269},[252,490,5],{"class":440},[252,492,444],{"class":269},[252,494,64],{"class":440},[252,496,444],{"class":269},[252,498,125],{"class":456},[252,500,460],{"class":269},[252,502,503],{"class":254,"line":336},[252,504,506],{"emptyLinePlaceholder":505},true,"\n",[252,508,509,511,513,515,517,519,522,524,526,528,531,533],{"class":254,"line":347},[252,510,157],{"class":258},[252,512,262],{"class":261},[252,514,266],{"class":265},[252,516,270],{"class":269},[252,518,274],{"class":273},[252,520,521],{"class":277},"is_employed",[252,523,274],{"class":273},[252,525,283],{"class":269},[252,527,286],{"class":273},[252,529,530],{"class":277},"Currently employed",[252,532,274],{"class":273},[252,534,294],{"class":269},[252,536,537,539,542,544,548],{"class":254,"line":357},[252,538,300],{"class":261},[252,540,541],{"class":265},"default",[252,543,270],{"class":269},[252,545,547],{"class":546},"s27pR","false",[252,549,410],{"class":269},[252,551,552],{"class":254,"line":384},[252,553,506],{"emptyLinePlaceholder":505},[252,555,557,559,561,563,565,567,570,572,574,576,579,581],{"class":254,"line":556},8,[252,558,125],{"class":258},[252,560,262],{"class":261},[252,562,266],{"class":265},[252,564,270],{"class":269},[252,566,274],{"class":273},[252,568,569],{"class":277},"company",[252,571,274],{"class":273},[252,573,283],{"class":269},[252,575,286],{"class":273},[252,577,578],{"class":277},"Company",[252,580,274],{"class":273},[252,582,294],{"class":269},[252,584,586,588,591,593,595,597,599,601,604],{"class":254,"line":585},9,[252,587,300],{"class":261},[252,589,590],{"class":265},"visibleWhen",[252,592,270],{"class":269},[252,594,274],{"class":273},[252,596,521],{"class":277},[252,598,274],{"class":273},[252,600,283],{"class":269},[252,602,603],{"class":546}," true",[252,605,294],{"class":269},[252,607,609,611,614],{"class":254,"line":608},10,[252,610,300],{"class":261},[252,612,613],{"class":265},"clearWhenHidden",[252,615,616],{"class":269},"();\n",[252,618,620],{"class":254,"line":619},11,[252,621,506],{"emptyLinePlaceholder":505},[252,623,625,627,629,631,633,635,638,640,642,644,647,649],{"class":254,"line":624},12,[252,626,125],{"class":258},[252,628,262],{"class":261},[252,630,266],{"class":265},[252,632,270],{"class":269},[252,634,274],{"class":273},[252,636,637],{"class":277},"tax_id",[252,639,274],{"class":273},[252,641,283],{"class":269},[252,643,286],{"class":273},[252,645,646],{"class":277},"Tax ID",[252,648,274],{"class":273},[252,650,294],{"class":269},[252,652,654,656,659,661,665,668,670,674,678,681,684,687,690,693],{"class":254,"line":653},13,[252,655,300],{"class":261},[252,657,658],{"class":265},"visibleWhenAll",[252,660,270],{"class":269},[252,662,664],{"class":663},"sNFzF","fn",[252,666,667],{"class":269}," (",[252,669,457],{"class":258},[252,671,673],{"class":672},"sKlSU"," $",[252,675,677],{"class":676},"sVbGb","when",[252,679,680],{"class":269},")",[252,682,683],{"class":261},":",[252,685,686],{"class":258}," Visibility",[252,688,689],{"class":269}," =>",[252,691,673],{"class":692},"sxSEj",[252,694,695],{"class":440},"when\n",[252,697,699,702,705,707,709,712,714,716,718,721,723],{"class":254,"line":698},14,[252,700,701],{"class":261},"        ->",[252,703,704],{"class":265},"where",[252,706,270],{"class":269},[252,708,274],{"class":273},[252,710,711],{"class":277},"country",[252,713,274],{"class":273},[252,715,283],{"class":269},[252,717,286],{"class":273},[252,719,720],{"class":277},"US",[252,722,274],{"class":273},[252,724,294],{"class":269},[252,726,728,730,732,734,736,739,741,743,745,748,750],{"class":254,"line":727},15,[252,729,701],{"class":261},[252,731,704],{"class":265},[252,733,270],{"class":269},[252,735,274],{"class":273},[252,737,738],{"class":277},"account_type",[252,740,274],{"class":273},[252,742,283],{"class":269},[252,744,286],{"class":273},[252,746,747],{"class":277},"business",[252,749,274],{"class":273},[252,751,752],{"class":269},"));\n",[252,754,756],{"class":254,"line":755},16,[252,757,506],{"emptyLinePlaceholder":505},[252,759,761,763,765,767,769,771,774,776,778,780,783,785],{"class":254,"line":760},17,[252,762,125],{"class":258},[252,764,262],{"class":261},[252,766,266],{"class":265},[252,768,270],{"class":269},[252,770,274],{"class":273},[252,772,773],{"class":277},"approval_code",[252,775,274],{"class":273},[252,777,283],{"class":269},[252,779,286],{"class":273},[252,781,782],{"class":277},"Approval code",[252,784,274],{"class":273},[252,786,294],{"class":269},[252,788,790,792,795],{"class":254,"line":789},18,[252,791,300],{"class":261},[252,793,794],{"class":265},"visibleWhenAny",[252,796,797],{"class":269},"([\n",[252,799,801,804,806,809,811,813,815,818,820,822,824,827,829],{"class":254,"line":800},19,[252,802,803],{"class":269},"        [",[252,805,274],{"class":273},[252,807,808],{"class":277},"role",[252,810,274],{"class":273},[252,812,283],{"class":269},[252,814,286],{"class":273},[252,816,817],{"class":277},"=",[252,819,274],{"class":273},[252,821,283],{"class":269},[252,823,286],{"class":273},[252,825,826],{"class":277},"owner",[252,828,274],{"class":273},[252,830,831],{"class":269},"],\n",[252,833,835,837,839,841,843,845,847,849,851,853,855,858,860],{"class":254,"line":834},20,[252,836,803],{"class":269},[252,838,274],{"class":273},[252,840,808],{"class":277},[252,842,274],{"class":273},[252,844,283],{"class":269},[252,846,286],{"class":273},[252,848,817],{"class":277},[252,850,274],{"class":273},[252,852,283],{"class":269},[252,854,286],{"class":273},[252,856,857],{"class":277},"admin",[252,859,274],{"class":273},[252,861,831],{"class":269},[252,863,865],{"class":254,"line":864},21,[252,866,867],{"class":269},"    ]);\n",[88,869,870,871,126,873,126,876,126,879,126,882,126,885,126,888,126,891,126,894,126,897,126,900,126,903,906,907,910,911,126,914,126,917,906,920,923],{},"Available condition operators are ",[123,872,817],{},[123,874,875],{},"!=",[123,877,878],{},"\u003C",[123,880,881],{},"\u003C=",[123,883,884],{},">",[123,886,887],{},">=",[123,889,890],{},"in",[123,892,893],{},"not_in",[123,895,896],{},"contains",[123,898,899],{},"empty",[123,901,902],{},"not_empty",[123,904,905],{},"truthy",", and ",[123,908,909],{},"falsy",". Related helpers include ",[123,912,913],{},"hiddenWhen()",[123,915,916],{},"visibleWhenIn()",[123,918,919],{},"hiddenWhenIn()",[123,921,922],{},"visibleWhenNot()",".",[88,925,926,927,237,930,933,934,237,937,940],{},"Multiple visibility calls are combined with AND semantics. ",[123,928,929],{},"visibleWhenAll()",[123,931,932],{},"visibleWhenAny()"," create explicit groups. ",[123,935,936],{},"visible()",[123,938,939],{},"hidden()"," also accept booleans or closures, but closures resolve on the server; use field conditions for reactive browser behavior.",[942,943,945],"h3",{"id":944},"conditions-inside-collections","Conditions inside collections",[88,947,948,949,952],{},"Within a repeater or block row, an unprefixed dependency first resolves against that row when the key exists. Prefix a path with ",[123,950,951],{},"$."," to force a root-form lookup.",[243,954,956],{"className":245,"code":955,"language":247,"meta":248,"style":248},"Repeater::make('contacts')->schema([\n    TextInput::make('kind')->required(),\n    TextInput::make('company')\n        ->visibleWhen('kind', 'business'),\n    TextInput::make('billing_reference')\n        ->visibleWhen('$.billing_enabled', true),\n]);\n",[123,957,958,985,1012,1030,1055,1074,1095],{"__ignoreMap":248},[252,959,960,962,964,966,968,970,973,975,977,980,983],{"class":254,"line":255},[252,961,208],{"class":258},[252,963,262],{"class":261},[252,965,266],{"class":265},[252,967,270],{"class":269},[252,969,274],{"class":273},[252,971,972],{"class":277},"contacts",[252,974,274],{"class":273},[252,976,680],{"class":269},[252,978,979],{"class":261},"->",[252,981,982],{"class":265},"schema",[252,984,797],{"class":269},[252,986,987,990,992,994,996,998,1001,1003,1005,1007,1009],{"class":254,"line":297},[252,988,989],{"class":258},"    TextInput",[252,991,262],{"class":261},[252,993,266],{"class":265},[252,995,270],{"class":269},[252,997,274],{"class":273},[252,999,1000],{"class":277},"kind",[252,1002,274],{"class":273},[252,1004,680],{"class":269},[252,1006,979],{"class":261},[252,1008,352],{"class":265},[252,1010,1011],{"class":269},"(),\n",[252,1013,1014,1016,1018,1020,1022,1024,1026,1028],{"class":254,"line":317},[252,1015,989],{"class":258},[252,1017,262],{"class":261},[252,1019,266],{"class":265},[252,1021,270],{"class":269},[252,1023,274],{"class":273},[252,1025,569],{"class":277},[252,1027,274],{"class":273},[252,1029,294],{"class":269},[252,1031,1032,1034,1036,1038,1040,1042,1044,1046,1048,1050,1052],{"class":254,"line":336},[252,1033,701],{"class":261},[252,1035,590],{"class":265},[252,1037,270],{"class":269},[252,1039,274],{"class":273},[252,1041,1000],{"class":277},[252,1043,274],{"class":273},[252,1045,283],{"class":269},[252,1047,286],{"class":273},[252,1049,747],{"class":277},[252,1051,274],{"class":273},[252,1053,1054],{"class":269},"),\n",[252,1056,1057,1059,1061,1063,1065,1067,1070,1072],{"class":254,"line":347},[252,1058,989],{"class":258},[252,1060,262],{"class":261},[252,1062,266],{"class":265},[252,1064,270],{"class":269},[252,1066,274],{"class":273},[252,1068,1069],{"class":277},"billing_reference",[252,1071,274],{"class":273},[252,1073,294],{"class":269},[252,1075,1076,1078,1080,1082,1084,1087,1089,1091,1093],{"class":254,"line":357},[252,1077,701],{"class":261},[252,1079,590],{"class":265},[252,1081,270],{"class":269},[252,1083,274],{"class":273},[252,1085,1086],{"class":277},"$.billing_enabled",[252,1088,274],{"class":273},[252,1090,283],{"class":269},[252,1092,603],{"class":546},[252,1094,1054],{"class":269},[252,1096,1097],{"class":254,"line":384},[252,1098,1099],{"class":269},"]);\n",[88,1101,1102,1103,1106],{},"The server excludes hidden and disabled values from validation. The Vue engine updates visibility immediately and, with ",[123,1104,1105],{},"clearWhenHidden()",", replaces a newly hidden field with its field-specific empty value and clears its errors.",[92,1108,1110],{"id":1109},"fieldsets-and-authorization","Fieldsets and authorization",[88,1112,1113],{},"Fieldsets support the same visibility and authorization APIs as fields. A hidden fieldset hides its descendants; an unauthorized fieldset and all of its fields are omitted from the resource.",[243,1115,1117],{"className":245,"code":1116,"language":247,"meta":248,"style":248},"Fieldset::make('Billing')\n    ->id('billing')\n    ->visibleWhen('billing_enabled', true)\n    ->authorize(fn (): bool => auth()->user()->can('manageBilling'))\n    ->fields([\n        TextInput::make('billing_email')->email()->required(),\n    ]);\n",[123,1118,1119,1138,1156,1177,1228,1237,1270],{"__ignoreMap":248},[252,1120,1121,1123,1125,1127,1129,1131,1134,1136],{"class":254,"line":255},[252,1122,220],{"class":258},[252,1124,262],{"class":261},[252,1126,266],{"class":265},[252,1128,270],{"class":269},[252,1130,274],{"class":273},[252,1132,1133],{"class":277},"Billing",[252,1135,274],{"class":273},[252,1137,294],{"class":269},[252,1139,1140,1142,1145,1147,1149,1152,1154],{"class":254,"line":297},[252,1141,300],{"class":261},[252,1143,1144],{"class":265},"id",[252,1146,270],{"class":269},[252,1148,274],{"class":273},[252,1150,1151],{"class":277},"billing",[252,1153,274],{"class":273},[252,1155,294],{"class":269},[252,1157,1158,1160,1162,1164,1166,1169,1171,1173,1175],{"class":254,"line":317},[252,1159,300],{"class":261},[252,1161,590],{"class":265},[252,1163,270],{"class":269},[252,1165,274],{"class":273},[252,1167,1168],{"class":277},"billing_enabled",[252,1170,274],{"class":273},[252,1172,283],{"class":269},[252,1174,603],{"class":546},[252,1176,294],{"class":269},[252,1178,1179,1181,1184,1186,1188,1191,1193,1196,1198,1201,1204,1206,1209,1211,1213,1216,1218,1220,1223,1225],{"class":254,"line":336},[252,1180,300],{"class":261},[252,1182,1183],{"class":265},"authorize",[252,1185,270],{"class":269},[252,1187,664],{"class":663},[252,1189,1190],{"class":269}," ()",[252,1192,683],{"class":261},[252,1194,1195],{"class":436}," bool",[252,1197,689],{"class":269},[252,1199,1200],{"class":265}," auth",[252,1202,1203],{"class":269},"()",[252,1205,979],{"class":261},[252,1207,1208],{"class":265},"user",[252,1210,1203],{"class":269},[252,1212,979],{"class":261},[252,1214,1215],{"class":265},"can",[252,1217,270],{"class":269},[252,1219,274],{"class":273},[252,1221,1222],{"class":277},"manageBilling",[252,1224,274],{"class":273},[252,1226,1227],{"class":269},"))\n",[252,1229,1230,1232,1235],{"class":254,"line":347},[252,1231,300],{"class":261},[252,1233,1234],{"class":265},"fields",[252,1236,797],{"class":269},[252,1238,1239,1242,1244,1246,1248,1250,1253,1255,1257,1259,1262,1264,1266,1268],{"class":254,"line":357},[252,1240,1241],{"class":258},"        TextInput",[252,1243,262],{"class":261},[252,1245,266],{"class":265},[252,1247,270],{"class":269},[252,1249,274],{"class":273},[252,1251,1252],{"class":277},"billing_email",[252,1254,274],{"class":273},[252,1256,680],{"class":269},[252,1258,979],{"class":261},[252,1260,1261],{"class":265},"email",[252,1263,1203],{"class":269},[252,1265,979],{"class":261},[252,1267,352],{"class":265},[252,1269,1011],{"class":269},[252,1271,1272],{"class":254,"line":384},[252,1273,867],{"class":269},[88,1275,1276,1277,1280,1281,237,1284,1287,1288,1291],{},"On Vue, ",[123,1278,1279],{},"useFormVisibility()"," exposes visible and hidden fields and fieldsets plus ",[123,1282,1283],{},"isVisible()",[123,1285,1286],{},"isFieldsetVisible()",". Renderless iterators hide invisible fields by default; pass ",[123,1289,1290],{},"include-hidden"," only when your UI intentionally needs them.",[1293,1294,1295],"style",{},"html pre.shiki code .s6-7G, html code.shiki .s6-7G{--shiki-light:#E2931D;--shiki-light-font-style:inherit;--shiki-default:#F9E2AF;--shiki-default-font-style:italic;--shiki-dark:#F9E2AF;--shiki-dark-font-style:italic}html pre.shiki code .sWTNM, html code.shiki .sWTNM{--shiki-light:#39ADB5;--shiki-default:#94E2D5;--shiki-dark:#94E2D5}html pre.shiki code .sgeHj, html code.shiki .sgeHj{--shiki-light:#6182B8;--shiki-light-font-style:inherit;--shiki-default:#89B4FA;--shiki-default-font-style:italic;--shiki-dark:#89B4FA;--shiki-dark-font-style:italic}html pre.shiki code .sOG8g, html code.shiki .sOG8g{--shiki-light:#39ADB5;--shiki-default:#9399B2;--shiki-dark:#9399B2}html pre.shiki code .sQGZM, html code.shiki .sQGZM{--shiki-light:#39ADB5;--shiki-default:#A6E3A1;--shiki-dark:#A6E3A1}html pre.shiki code .s2lAL, html code.shiki .s2lAL{--shiki-light:#91B859;--shiki-default:#A6E3A1;--shiki-dark:#A6E3A1}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .scOca, html code.shiki .scOca{--shiki-light:#F76D47;--shiki-default:#CBA6F7;--shiki-dark:#CBA6F7}html pre.shiki code .svMjs, html code.shiki .svMjs{--shiki-light:#90A4AE;--shiki-default:#CDD6F4;--shiki-dark:#CDD6F4}html pre.shiki code .spKqO, html code.shiki .spKqO{--shiki-light:#90A4AE;--shiki-light-font-style:inherit;--shiki-default:#F9E2AF;--shiki-default-font-style:italic;--shiki-dark:#F9E2AF;--shiki-dark-font-style:italic}html pre.shiki code .s27pR, html code.shiki .s27pR{--shiki-light:#39ADB5;--shiki-default:#CBA6F7;--shiki-dark:#CBA6F7}html pre.shiki code .sNFzF, html code.shiki .sNFzF{--shiki-light:#9C3EDA;--shiki-default:#CBA6F7;--shiki-dark:#CBA6F7}html pre.shiki code .sKlSU, html code.shiki .sKlSU{--shiki-light:#39ADB5;--shiki-default:#EBA0AC;--shiki-dark:#EBA0AC}html pre.shiki code .sVbGb, html code.shiki .sVbGb{--shiki-light:#90A4AE;--shiki-light-font-style:inherit;--shiki-default:#EBA0AC;--shiki-default-font-style:italic;--shiki-dark:#EBA0AC;--shiki-dark-font-style:italic}html pre.shiki code .sxSEj, html code.shiki .sxSEj{--shiki-light:#39ADB5;--shiki-default:#CDD6F4;--shiki-dark:#CDD6F4}",{"title":248,"searchDepth":297,"depth":297,"links":1297},[1298,1299,1302],{"id":94,"depth":297,"text":95},{"id":422,"depth":297,"text":423,"children":1300},[1301],{"id":944,"depth":317,"text":945},{"id":1109,"depth":297,"text":1110},"Configure field behavior, metadata, authorization, and reactive conditional visibility.","md",null,{},{"title":35,"description":1303},"0NU6QVrM9WLqTvDbyKyaDiQ8N3evreFwggIP3GUuKG8",[1310,1312],{"title":32,"path":33,"stem":29,"description":1311,"children":-1},"Define a Laravel form, send its resource through Inertia, and validate it on submission.",{"title":39,"path":40,"stem":41,"description":1313,"children":-1},"Render schemas with application-owned components or consume the form engine composables directly.",1786995560669]