39:I[93363,["/_next/static/chunks/22i43cg4l4-dq.js","/_next/static/chunks/204j296w57ow3.js","/_next/static/chunks/00kk9thag8ztz.js"],"DeviceLabFallback"] 3a:I[93363,["/_next/static/chunks/22i43cg4l4-dq.js","/_next/static/chunks/204j296w57ow3.js","/_next/static/chunks/00kk9thag8ztz.js"],"DeviceLab"] 16:["$","$1","1",{"children":[["$","span",null,{"data-line":2,"style":{"display":"inline-block"},"children":[[],null]}],"\n"]}] 17:["$","$1","2",{"children":[["$","span",null,{"data-line":3,"style":{"display":"inline-block"},"children":[[["$","span","2:0",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"import"}],["$","span","2:1",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","2:2",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"{"}],["$","span","2:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" useState "}],["$","span","2:4",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"}"}],["$","span","2:5",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","2:6",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"from"}],["$","span","2:7",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","2:8",{"data-code-token":"","style":{"color":"#AFC6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"'react'"}]],null]}],"\n"]}] 18:["$","$1","3",{"children":[["$","span",null,{"data-line":4,"style":{"display":"inline-block"},"children":[[["$","span","3:0",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"import"}],["$","span","3:1",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","3:2",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"{"}],["$","span","3:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" Sheet "}],["$","span","3:4",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"}"}],["$","span","3:5",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","3:6",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"from"}],["$","span","3:7",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","3:8",{"data-code-token":"","style":{"color":"#AFC6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"'@library'"}]],null]}],"\n"]}] 19:["$","$1","4",{"children":[["$","span",null,{"data-line":5,"style":{"display":"inline-block"},"children":[[],null]}],"\n"]}] 1a:["$","$1","5",{"children":[["$","span",null,{"data-line":6,"style":{"display":"inline-block"},"children":[[["$","span","5:0",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"export"}],["$","span","5:1",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","5:2",{"data-code-token":"","style":{"color":"#C8B6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"function"}],["$","span","5:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","5:4",{"data-code-token":"","style":{"color":"#82D2B5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"ControlledSheet"}],["$","span","5:5",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"()"}],["$","span","5:6",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","5:7",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"{"}]],null]}],"\n"]}] 1b:["$","$1","6",{"children":[["$","span",null,{"data-line":7,"style":{"display":"inline-block"},"children":[[["$","span","6:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","6:1",{"data-code-token":"","style":{"color":"#C8B6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"const"}],["$","span","6:2",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","6:3",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"["}],["$","span","6:4",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"open"}],["$","span","6:5",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":","}],["$","span","6:6",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","6:7",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"setOpen"}],["$","span","6:8",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"]"}],["$","span","6:9",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","6:10",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"="}],["$","span","6:11",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","6:12",{"data-code-token":"","style":{"color":"#82D2B5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"useState"}],["$","span","6:13",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"("}],["$","span","6:14",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"false"}],["$","span","6:15",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":")"}]],null]}],"\n"]}] 1c:["$","$1","7",{"children":[["$","span",null,{"data-line":8,"style":{"display":"inline-block"},"children":[[],null]}],"\n"]}] 1d:["$","$1","8",{"children":[["$","span",null,{"data-line":9,"style":{"display":"inline-block"},"children":[[["$","span","8:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","8:1",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"return"}],["$","span","8:2",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","8:3",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"("}]],null]}],"\n"]}] 1e:["$","$1","9",{"children":[["$","span",null,{"data-line":10,"style":{"display":"inline-block"},"children":[[["$","span","9:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","9:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","9:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"div"}],["$","span","9:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","9:4",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"className"}],["$","span","9:5",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"="}],["$","span","9:6",{"data-code-token":"","style":{"color":"#AFC6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"\"docs-recipe-control\""}],["$","span","9:7",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":">"}]],null]}],"\n"]}] 1f:["$","$1","10",{"children":[["$","span",null,{"data-line":11,"style":{"display":"inline-block"},"children":[[["$","span","10:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","10:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","10:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"p"}],["$","span","10:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","10:4",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"aria-live"}],["$","span","10:5",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"="}],["$","span","10:6",{"data-code-token":"","style":{"color":"#AFC6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"\"polite\""}],["$","span","10:7",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":">"}],["$","span","10:8",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"State: "}],["$","span","10:9",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"{"}],["$","span","10:10",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"open "}],["$","span","10:11",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"?"}],["$","span","10:12",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","10:13",{"data-code-token":"","style":{"color":"#AFC6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"'open'"}],["$","span","10:14",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","10:15",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":":"}],["$","span","10:16",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","10:17",{"data-code-token":"","style":{"color":"#AFC6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"'closed'"}],["$","span","10:18",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"}"}]],null]}],"\n"]}] 20:["$","$1","11",{"children":[["$","span",null,{"data-line":12,"style":{"display":"inline-block"},"children":[[["$","span","11:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","11:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","11:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"button"}],["$","span","11:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","11:4",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"type"}],["$","span","11:5",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"="}],["$","span","11:6",{"data-code-token":"","style":{"color":"#AFC6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"\"button\""}],["$","span","11:7",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","11:8",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"onClick"}],["$","span","11:9",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"="}],["$","span","11:10",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"{()"}],["$","span","11:11",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","11:12",{"data-code-token":"","style":{"color":"#C8B6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"=>"}],["$","span","11:13",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","11:14",{"data-code-token":"","style":{"color":"#82D2B5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"setOpen"}],["$","span","11:15",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"("}],["$","span","11:16",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"true"}],["$","span","11:17",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":")}>"}]],null]}],"\n"]}] 21:["$","$1","12",{"children":[["$","span",null,{"data-line":13,"style":{"display":"inline-block"},"children":[[["$","span","12:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" Open controlled sheet"}]],null]}],"\n"]}] 22:["$","$1","13",{"children":[["$","span",null,{"data-line":14,"style":{"display":"inline-block"},"children":[[["$","span","13:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","13:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":""}]],null]}],"\n"]}] 23:["$","$1","14",{"children":[["$","span",null,{"data-line":15,"style":{"display":"inline-block"},"children":[[["$","span","14:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","14:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","14:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Sheet.Root"}],["$","span","14:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","14:4",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"open"}],["$","span","14:5",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"="}],["$","span","14:6",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"{"}],["$","span","14:7",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"open"}],["$","span","14:8",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"}"}],["$","span","14:9",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","14:10",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"onOpenChange"}],["$","span","14:11",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"="}],["$","span","14:12",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"{"}],["$","span","14:13",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"setOpen"}],["$","span","14:14",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"}>"}]],null]}],"\n"]}] 24:["$","$1","15",{"children":[["$","span",null,{"data-line":16,"style":{"display":"inline-block"},"children":[[["$","span","15:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","15:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","15:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Sheet.Portal"}],["$","span","15:3",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":">"}]],null]}],"\n"]}] 25:["$","$1","16",{"children":[["$","span",null,{"data-line":17,"style":{"display":"inline-block"},"children":[[["$","span","16:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","16:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","16:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Sheet.Backdrop"}],["$","span","16:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","16:4",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"/>"}]],null]}],"\n"]}] 26:["$","$1","17",{"children":[["$","span",null,{"data-line":18,"style":{"display":"inline-block"},"children":[[["$","span","17:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","17:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","17:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Sheet.Viewport"}],["$","span","17:3",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":">"}]],null]}],"\n"]}] 27:["$","$1","18",{"children":[["$","span",null,{"data-line":19,"style":{"display":"inline-block"},"children":[[["$","span","18:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","18:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","18:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Sheet.Content"}],["$","span","18:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","18:4",{"data-code-token":"","style":{"color":"#F4C67A","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"className"}],["$","span","18:5",{"data-code-token":"","style":{"color":"#8DA4FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"="}],["$","span","18:6",{"data-code-token":"","style":{"color":"#AFC6FF","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"\"docs-recipe-sheet\""}],["$","span","18:7",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":">"}]],null]}],"\n"]}] 28:["$","$1","19",{"children":[["$","span",null,{"data-line":20,"style":{"display":"inline-block"},"children":[[["$","span","19:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","19:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","19:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Sheet.Handle"}],["$","span","19:3",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","19:4",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"/>"}]],null]}],"\n"]}] 29:["$","$1","20",{"children":[["$","span",null,{"data-line":21,"style":{"display":"inline-block"},"children":[[["$","span","20:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","20:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","20:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Sheet.Title"}],["$","span","20:3",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":">"}],["$","span","20:4",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Controlled bottom sheet"}],["$","span","20:5",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":""}]],null]}],"\n"]}] 2a:["$","$1","21",{"children":[["$","span",null,{"data-line":22,"style":{"display":"inline-block"},"children":[[["$","span","21:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","21:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","21:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Sheet.Description"}],["$","span","21:3",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":">"}]],null]}],"\n"]}] 2b:["$","$1","22",{"children":[["$","span",null,{"data-line":23,"style":{"display":"inline-block"},"children":[[["$","span","22:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" Application state is the source of truth for this sheet."}]],null]}],"\n"]}] 2c:["$","$1","23",{"children":[["$","span",null,{"data-line":24,"style":{"display":"inline-block"},"children":[[["$","span","23:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","23:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":""}]],null]}],"\n"]}] 2d:["$","$1","24",{"children":[["$","span",null,{"data-line":25,"style":{"display":"inline-block"},"children":[[["$","span","24:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","24:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"<"}],["$","span","24:2",{"data-code-token":"","style":{"color":"#F3A6C8","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Sheet.Close"}],["$","span","24:3",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":">"}],["$","span","24:4",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"Close controlled sheet"}],["$","span","24:5",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":""}]],null]}],"\n"]}] 2e:["$","$1","25",{"children":[["$","span",null,{"data-line":26,"style":{"display":"inline-block"},"children":[[["$","span","25:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","25:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":""}]],null]}],"\n"]}] 2f:["$","$1","26",{"children":[["$","span",null,{"data-line":27,"style":{"display":"inline-block"},"children":[[["$","span","26:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","26:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":""}]],null]}],"\n"]}] 30:["$","$1","27",{"children":[["$","span",null,{"data-line":28,"style":{"display":"inline-block"},"children":[[["$","span","27:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","27:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":""}]],null]}],"\n"]}] 31:["$","$1","28",{"children":[["$","span",null,{"data-line":29,"style":{"display":"inline-block"},"children":[[["$","span","28:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","28:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":""}]],null]}],"\n"]}] 32:["$","$1","29",{"children":[["$","span",null,{"data-line":30,"style":{"display":"inline-block"},"children":[[["$","span","29:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","29:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":""}]],null]}],"\n"]}] 33:["$","$1","30",{"children":[["$","span",null,{"data-line":31,"style":{"display":"inline-block"},"children":[[["$","span","30:0",{"data-code-token":"","style":{"color":"#F3F4FB","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":" "}],["$","span","30:1",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":")"}]],null]}],"\n"]}] 34:["$","$1","31",{"children":[["$","span",null,{"data-line":32,"style":{"display":"inline-block"},"children":[[["$","span","31:0",{"data-code-token":"","style":{"color":"#D7DBE5","fontStyle":"$undefined","fontWeight":"$undefined","textDecoration":"$undefined"},"children":"}"}]],null]}],"\n"]}] 35:["$","$1","32",{"children":[["$","span",null,{"data-line":33,"style":{"display":"inline-block"},"children":[[],["$","img",null,{"alt":"","aria-hidden":"true","data-source-trailing-newline":"","style":{"display":"block","height":0,"userSelect":"none","width":0}}]]}],null]}] 36:["$","$d",null,{"fallback":["$","$L39",null,{"slug":"controlled","title":"Controlled state"}],"children":["$","$L3a",null,{"slug":"controlled","title":"Controlled state"}]}] 37:["$","section",null,{"aria-label":"Recipe guidance","className":"docs-recipe-guidance","children":[["$","section",null,{"children":[["$","h2",null,{"children":"Prerequisites"}],["$","ul",null,{"children":[["$","li","An application state owner for the open value.",{"children":"An application state owner for the open value."}]]}]]}],["$","section",null,{"children":[["$","h2",null,{"children":"Behavior"}],["$","ul",null,{"children":[["$","li","Every dismissal route requests the same state update.",{"children":"Every dismissal route requests the same state update."}]]}]]}],["$","section",null,{"children":[["$","h2",null,{"children":"Accessibility notes"}],["$","ul",null,{"children":[["$","li","The visible state message is a polite live region.",{"children":"The visible state message is a polite live region."}],["$","li","Escape and the close control both request the same controlled state change.",{"children":"Escape and the close control both request the same controlled state change."}]]}]]}]]}] 38:["$","nav",null,{"className":"docs-related-docs","aria-label":"Related documentation","children":[["$","p",null,{"children":"Related documentation"}],[["$","$L4","state",{"href":"/docs/state/","children":"state"}],["$","$L4","accessibility",{"href":"/docs/accessibility/","children":"accessibility"}]]]}]

Preview

Prerequisites

Behavior

Accessibility notes