Skip to main content

MACROS_JSON

Constant MACROS_JSON 

Source
pub const MACROS_JSON: &str = r####"{"macros":{"Stack":{"recipeProps":[],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":{"$map":{"from":"props.direction","cases":{"horizontal":"row"},"default":"column"}},"flexWrap":{"$cond":["props.wrap","wrap","nowrap"]},"gap":"$spacing.{props.gap|md}","alignItems":{"$coalesce":["{props.align}",{"$map":{"from":"props.direction","cases":{"horizontal":"center"},"default":"stretch"}}]},"justifyContent":{"$map":{"from":"props.justify","cases":{"between":"space-between","around":"space-around","evenly":"space-evenly"},"default":"{props.justify|start}"}}},"children":["$children"]}},"Grid":{"recipeProps":[],"root":{"part":"root","component":"Box","style":{"display":"grid","gridTemplateColumns":"repeat({props.columns|2}, minmax(0, 1fr))","gap":"$spacing.{props.gap|md}"},"children":["$children"]}},"Card":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"group","label":"{props.title}"},"style":{"display":"flex","flexDirection":"column","borderRadius":"$radius.xl","overflow":"hidden"},"children":[{"part":"header","component":"Box","$any":["props.title","props.description"],"style":{"display":"flex","flexDirection":"column","gap":"$spacing.xxs","paddingTop":"$spacing.lg","paddingHorizontal":"$spacing.lg"},"children":[{"part":"title","component":"Text","$if":"props.title","props":{"text":"{props.title}","variant":"title"}},{"part":"description","component":"Text","$if":"props.description","props":{"text":"{props.description}","variant":"muted"}}]},{"part":"body","component":"Box","style":{"display":"flex","flexDirection":"column","gap":"$spacing.md","padding":{"$map":{"from":"props.padded","cases":{"false":"$spacing.none"},"default":"$spacing.lg"}}},"children":["$children"]}]}},"Separator":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"separator"},"style":{"alignSelf":"stretch","flexShrink":0,"width":{"$map":{"from":"props.orientation","cases":{"vertical":1},"default":"auto"}},"height":{"$map":{"from":"props.orientation","cases":{"vertical":"auto"},"default":1}}}}},"Section":{"recipeProps":["tint","tree","open","collapsible"],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"column","gap":"$spacing.sm"},"children":[{"part":"header","component":"Box","$if":["props.title",{"$not":"props.collapsible"}],"$a11y":{"role":"heading","level":3},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm","height":"$control.row","paddingHorizontal":"$spacing.md","borderRadius":"$radius.md"},"children":[{"part":"chevron","component":"Icon","$if":"props.collapsible","props":{"name":"ui-chevron-right","size":"sm","tone":"neutral"}},"$slot:leading",{"part":"icon","component":"Icon","$if":"props.icon","props":{"name":"{props.icon}","size":"sm"}},{"part":"title","component":"Text","props":{"text":"{props.title}","variant":"label","lines":1},"style":{"flexShrink":1,"minWidth":0}},{"part":"caption","component":"Text","$if":"props.caption","props":{"text":"{props.caption}","variant":"muted","lines":1},"style":{"flexShrink":1,"minWidth":0}},{"part":"loading","component":"Spinner","$if":"props.loading","props":{"size":"xs","label":"$string.loading"}},{"part":"count","component":"Text","$if":"props.count","props":{"text":{"$text":"props.count"},"variant":"muted"}},{"part":"spacer","component":"Box","style":{"flexGrow":1,"minWidth":0}},"$slot:trailing"]},{"part":"header","component":"Box","$if":["props.title","props.collapsible"],"$a11y":{"role":"button","expanded":"{props.open|true}"},"props":{"pressable":true},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm","height":"$control.row","paddingHorizontal":"$spacing.md","borderRadius":"$radius.md"},"$on":{"press":"change"},"$context":{"open":{"$not":"props.open|true"}},"$set":{"press":{"prop":"open","value":{"$not":"props.open|true"}}},"children":[{"part":"chevron","component":"Icon","$if":"props.collapsible","props":{"name":"ui-chevron-right","size":"sm","tone":"neutral"}},"$slot:leading",{"part":"icon","component":"Icon","$if":"props.icon","props":{"name":"{props.icon}","size":"sm"}},{"part":"title","component":"Text","props":{"text":"{props.title}","variant":"label","lines":1},"style":{"flexShrink":1,"minWidth":0}},{"part":"caption","component":"Text","$if":"props.caption","props":{"text":"{props.caption}","variant":"muted","lines":1},"style":{"flexShrink":1,"minWidth":0}},{"part":"loading","component":"Spinner","$if":"props.loading","props":{"size":"xs","label":"$string.loading"}},{"part":"count","component":"Text","$if":"props.count","props":{"text":{"$text":"props.count"},"variant":"muted"}},{"part":"spacer","component":"Box","style":{"flexGrow":1,"minWidth":0}},"$slot:trailing"]},{"part":"body","component":"List","$if":"props.open|true","$a11y":{"role":{"$cond":["props.tree","tree","list"]}},"props":{"divided":true,"gap":"none","style":"{props.style}"},"children":["$children"]}]}},"Group":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"group","label":"{props.title}","description":"{props.footer}"},"style":{"display":"flex","flexDirection":"column","gap":"$spacing.xs"},"children":[{"part":"title","component":"Text","$if":"props.title","props":{"text":"{props.title}","variant":"label"},"style":{"paddingHorizontal":"$spacing.md"}},{"part":"body","component":"Box","style":{"display":"flex","flexDirection":"column","borderRadius":"$radius.lg","overflow":"hidden"},"children":["$children"]},{"part":"footer","component":"Text","$if":"props.footer","props":{"text":"{props.footer}","variant":"muted"},"style":{"paddingHorizontal":"$spacing.md"}}]}},"Heading":{"recipeProps":["level"],"root":{"part":"root","component":"Text","$a11y":{"role":"heading","level":{"$map":{"from":"props.level","cases":{"h1":1,"h2":2,"h3":3,"h4":4},"default":2}}},"props":{"text":"{props.text}","variant":"title"}}},"Collapsible":{"recipeProps":[],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"column","gap":"$spacing.xs"},"children":[{"part":"trigger","component":"Box","$a11y":{"role":"button","expanded":"{props.open|false}"},"props":{"pressable":true},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm","minHeight":"$control.row","paddingHorizontal":"$spacing.sm","borderRadius":"$radius.md"},"$recipe":{"open":"{props.open|false}"},"$on":{"press":"change"},"$context":{"open":"{!props.open}"},"$set":{"press":{"prop":"open","value":"{!props.open}"}},"children":[{"part":"chevron","component":"Icon","props":{"name":"ui-chevron-right","size":"sm","tone":"neutral"},"$recipe":{"open":"{props.open|false}"}},{"part":"title","component":"Text","props":{"text":"{props.title}","variant":"label","lines":1},"style":{"flexGrow":1,"minWidth":0}},{"part":"count","component":"Text","$if":"props.count","props":{"text":{"$text":"props.count"},"variant":"muted"}}]},{"part":"body","component":"Box","$if":"props.open","style":{"display":"flex","flexDirection":"column","gap":"$spacing.md","paddingHorizontal":"$spacing.sm"},"children":["$children"]}]}},"Trace":{"recipeProps":["size"],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"column","gap":{"$map":{"from":"props.size","cases":{"sm":6},"default":8}},"minWidth":0},"children":["$children"]}},"TraceItem":{"recipeProps":["status","size","collapsible","open"],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"column","minWidth":0},"children":[{"part":"line","component":"Box","$if":{"$not":"props.collapsible"},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":{"$map":{"from":"props.size","cases":{"sm":6},"default":8}},"minHeight":{"$map":{"from":"props.size","cases":{"sm":18},"default":20}},"alignSelf":"flex-start","maxWidth":"100%","minWidth":0,"borderRadius":"$radius.md"},"children":[{"part":"icon","component":"Icon","$if":"props.icon","props":{"name":"{props.icon}","size":"sm"},"style":{"width":{"$map":{"from":"props.size","cases":{"sm":14},"default":16}},"height":{"$map":{"from":"props.size","cases":{"sm":14},"default":16}},"flexShrink":0}},{"part":"title","component":"Text","props":{"text":"{props.title}","lines":1,"shimmer":{"$eq":["{props.status}","running"]}},"style":{"flexShrink":1,"minWidth":0,"fontSize":{"$map":{"from":"props.size","cases":{"sm":12},"default":14}},"lineHeight":{"$map":{"from":"props.size","cases":{"sm":18},"default":20}}}},{"part":"description","component":"Text","$if":"props.description","props":{"text":"{props.description}","lines":1},"style":{"flexShrink":0,"fontSize":{"$map":{"from":"props.size","cases":{"sm":12},"default":14}},"lineHeight":{"$map":{"from":"props.size","cases":{"sm":18},"default":20}}}}]},{"part":"line","component":"Box","$if":"props.collapsible","$a11y":{"role":"button","expanded":"{props.open|false}"},"props":{"pressable":true},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":{"$map":{"from":"props.size","cases":{"sm":6},"default":8}},"minHeight":{"$map":{"from":"props.size","cases":{"sm":18},"default":20}},"alignSelf":"flex-start","maxWidth":"100%","minWidth":0,"borderRadius":"$radius.md"},"$on":{"press":"change"},"$context":{"open":"{!props.open}"},"$set":{"press":{"prop":"open","value":"{!props.open}"}},"children":[{"part":"icon","component":"Icon","$if":"props.icon","props":{"name":"{props.icon}","size":"sm"},"style":{"width":{"$map":{"from":"props.size","cases":{"sm":14},"default":16}},"height":{"$map":{"from":"props.size","cases":{"sm":14},"default":16}},"flexShrink":0}},{"part":"title","component":"Text","props":{"text":"{props.title}","lines":1,"shimmer":{"$eq":["{props.status}","running"]}},"style":{"flexShrink":1,"minWidth":0,"fontSize":{"$map":{"from":"props.size","cases":{"sm":12},"default":14}},"lineHeight":{"$map":{"from":"props.size","cases":{"sm":18},"default":20}}}},{"part":"description","component":"Text","$if":"props.description","props":{"text":"{props.description}","lines":1},"style":{"flexShrink":0,"fontSize":{"$map":{"from":"props.size","cases":{"sm":12},"default":14}},"lineHeight":{"$map":{"from":"props.size","cases":{"sm":18},"default":20}}}},{"part":"chevron","component":"Icon","props":{"name":"trace-chevron","size":"sm"},"$recipe":{"open":"{props.open|false}"},"style":{"width":{"$map":{"from":"props.size","cases":{"sm":14},"default":16}},"height":{"$map":{"from":"props.size","cases":{"sm":14},"default":16}},"flexShrink":0,"marginLeft":{"$map":{"from":"props.size","cases":{"sm":-2},"default":-4}}}}]},{"part":"content","component":"Box","$if":["props.collapsible","props.open"],"style":{"display":"flex","flexDirection":"column","gap":{"$map":{"from":"props.size","cases":{"sm":6},"default":8}},"minWidth":0,"marginTop":{"$map":{"from":"props.size","cases":{"sm":6},"default":8}},"marginBottom":{"$map":{"from":"props.size","cases":{"sm":4},"default":4}},"marginLeft":{"$map":{"from":"props.size","cases":{"sm":6},"default":7}},"borderLeftWidth":1,"paddingLeft":{"$map":{"from":"props.size","cases":{"sm":13},"default":16}},"paddingRight":{"$map":{"from":"props.size","cases":{"sm":4},"default":4}}},"children":["$children"]}]}},"Pagination":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"navigation","label":"$string.pagination"},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm"},"children":[{"part":"prev","component":"Button","props":{"icon":"ui-chevron-left","variant":"outline","size":"icon","label":"$string.previous","disabled":{"$not":{"$lt":[1,"{props.page|1}"]}}},"$on":{"press":"change"},"$context":{"page":{"$clamp":[{"$add":["{props.page|1}",-1]},1,"{props.totalPages}"]}},"$set":{"press":{"prop":"page","value":{"$clamp":[{"$add":["{props.page|1}",-1]},1,"{props.totalPages}"]}}}},{"part":"label","component":"Text","props":{"text":"{props.page|1} / {props.totalPages}","variant":"muted"},"$a11y":{"role":"status","label":{"$fill":["$string.pageOf",{"page":"{props.page|1}","total":"{props.totalPages}"}]}}},{"part":"next","component":"Button","props":{"icon":"ui-chevron-right","variant":"outline","size":"icon","label":"$string.next","disabled":{"$not":{"$lt":["{props.page|1}","{props.totalPages}"]}}},"$on":{"press":"change"},"$context":{"page":{"$clamp":[{"$add":["{props.page|1}",1]},1,"{props.totalPages}"]}},"$set":{"press":{"prop":"page","value":{"$clamp":[{"$add":["{props.page|1}",1]},1,"{props.totalPages}"]}}}}]}},"Badge":{"recipeProps":["variant"],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.xxs","height":"$control.badge","paddingHorizontal":"$spacing.sm","borderRadius":"$radius.full","alignSelf":"flex-start"},"children":[{"part":"icon","component":"Icon","$if":"props.icon","props":{"name":"{props.icon}","size":"sm"}},{"part":"label","component":"Text","props":{"text":"{props.text}","variant":"caption","lines":1}}]}},"Alert":{"recipeProps":["type"],"root":{"part":"root","component":"Box","$a11y":{"role":{"$map":{"from":"props.type","cases":{"warning":"alert","error":"alert"},"default":"status"}}},"style":{"display":"flex","flexDirection":"row","alignItems":"flex-start","gap":"$spacing.sm","padding":"$spacing.md","borderRadius":"$radius.lg"},"children":[{"part":"icon","component":"Icon","props":{"name":{"$map":{"from":"props.type","cases":{"success":"ui-success","warning":"ui-warning","error":"ui-error"},"default":"ui-info"}},"size":"sm","tone":{"$map":{"from":"props.type","cases":{"success":"success","warning":"warning","error":"danger"},"default":"info"}}}},{"part":"body","component":"Box","style":{"display":"flex","flexDirection":"column","gap":"$spacing.xxs","flexGrow":1,"minWidth":0},"children":[{"part":"title","component":"Text","props":{"text":"{props.title}","variant":"label"}},{"part":"message","component":"Text","$if":"props.message","props":{"text":"{props.message}","variant":"muted"}}]}]}},"Chip":{"recipeProps":["shape","selected","tone"],"root":{"part":"root","component":"Box","$a11y":{"role":{"$cond":["props.pressable","button","none"]},"pressed":{"$cond":["props.pressable","{props.selected|false}"]}},"props":{"pressable":"{props.pressable|false}"},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.xs","paddingHorizontal":"$spacing.sm","alignSelf":"flex-start","height":{"$map":{"from":"props.shape","cases":{"rect":"$control.chip"},"default":"$control.pill"}},"borderRadius":{"$map":{"from":"props.shape","cases":{"rect":"$radius.md"},"default":"$radius.full"}}},"children":["$slot:leading",{"part":"dot","component":"Box","$if":"props.dot","style":{"width":8,"height":8,"borderRadius":"$radius.full","backgroundColor":"{props.dot}","flexShrink":0}},{"part":"image","component":"Image","$if":"props.image","props":{"src":"{props.image}","alt":"{props.label}","width":16,"height":16,"fit":"cover"},"style":{"borderRadius":"$radius.full"}},{"part":"icon","component":"Icon","$if":["props.icon","!props.image"],"props":{"name":"{props.icon}","size":"sm"}},{"part":"label","component":"Text","props":{"text":"{props.label}","variant":"caption","lines":1}},{"part":"detail","component":"Text","$if":"props.detail","props":{"text":"{props.detail}","variant":"muted","lines":1}},{"part":"remove","component":"Button","$if":"props.removable","props":{"icon":"ui-close","variant":"ghost","size":"icon","label":"$string.remove"},"$on":{"press":"remove"}}]}},"EmptyState":{"recipeProps":["size"],"root":{"part":"root","component":"Box","$a11y":{"role":"status"},"style":{"display":"flex","flexDirection":"column","alignItems":"center","gap":{"$map":{"from":"props.size","cases":{"list":"$spacing.xs"},"default":"$spacing.md"}},"paddingVertical":{"$map":{"from":"props.size","cases":{"list":"$spacing.xl"},"default":"$spacing.xl3"}},"paddingHorizontal":{"$map":{"from":"props.size","cases":{"list":"$spacing.md"},"default":"$spacing.xl"}}},"children":[{"part":"disc","component":"Box","$if":{"$not":{"$eq":["{props.size|page}","list"]}},"style":{"display":"flex","alignItems":"center","justifyContent":"center","width":48,"height":48,"borderRadius":"$radius.full","flexShrink":0},"children":[{"part":"icon","component":"Icon","props":{"name":"{props.icon}","size":"lg","tone":"neutral"}}]},{"part":"icon","component":"Icon","$if":{"$eq":["{props.size|page}","list"]},"props":{"name":"{props.icon}","size":"default","tone":"neutral"}},{"part":"title","component":"Text","props":{"text":"{props.title}","variant":{"$map":{"from":"props.size","cases":{"list":"muted"},"default":"title"}},"align":"center"}},{"part":"description","component":"Text","$if":["props.description",{"$not":{"$eq":["{props.size|page}","list"]}}],"props":{"text":"{props.description}","variant":"muted","align":"center"}},{"part":"action","component":"Button","$if":["props.actionLabel",{"$not":{"$eq":["{props.size|page}","list"]}}],"props":{"label":"{props.actionLabel}","variant":"outline"},"$on":{"press":"press"}}]}},"Progress":{"recipeProps":["tone"],"root":{"part":"root","component":"Box","$a11y":{"role":"progressbar","label":"{props.label}","valueNow":"{props.value}","valueMin":0,"valueMax":"{props.max|100}"},"style":{"display":"flex","flexDirection":"column","gap":"$spacing.xs","width":"100%"},"children":[{"part":"label","component":"Text","$if":"props.label","props":{"text":"{props.label}","variant":"caption"}},{"part":"track","component":"Box","style":{"height":"$control.progress","borderRadius":"$radius.full","overflow":"hidden","width":"100%"},"children":[{"part":"fill","component":"Box","style":{"height":"100%","width":{"$percent":["{props.value}","{props.max|100}"]},"borderRadius":"$radius.full"}}]}]}},"Meter":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"meter","label":"{props.label}"},"style":{"display":"flex","flexDirection":"column","gap":"$spacing.xs","width":"100%"},"children":[{"part":"header","component":"Box","$any":["props.label","props.value"],"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm"},"children":[{"part":"label","component":"Text","$if":"props.label","props":{"text":"{props.label}","variant":"caption"},"style":{"flexGrow":1,"minWidth":0}},{"part":"value","component":"Text","$if":"props.value","props":{"text":"{props.value}","variant":"muted"}}]},{"part":"track","component":"Box","style":{"display":"flex","flexDirection":"row","height":"$control.meter","borderRadius":"$radius.full","overflow":"hidden","width":"100%"},"children":[{"part":"segment","component":"Box","$each":"props.segments","$as":"item","style":{"height":"100%","width":{"$percent":["{item.value}","{props.max|100}"]}},"$recipe":{"tone":"{item.tone|neutral}"}}]}]}},"Row":{"recipeProps":["selected","density","surface","depth"],"root":{"part":"root","component":"Box","$a11y":{"role":{"$cond":["props.pressable","button","none"]},"selected":{"$cond":["props.pressable","{props.selected|false}"]}},"props":{"pressable":"{props.pressable|false}"},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm","minHeight":{"$map":{"from":"props.density","cases":{"compact":"$control.rowCompact"},"default":"$control.row"}},"paddingHorizontal":"$spacing.md","borderRadius":{"$map":{"from":"props.surface","cases":{"card":"$radius.lg"},"default":"$radius.md"}}},"children":[{"part":"guides","component":"TreeGuides","$if":{"$lt":[0,"{props.depth|0}"]},"props":{"depth":"{props.depth}"}},"$slot:leading",{"part":"icon","component":"Icon","$if":"props.icon","props":{"name":"{props.icon}","size":"sm"}},{"part":"identifier","component":"Text","$if":"props.identifier","props":{"text":"{props.identifier}","variant":"code","lines":1},"style":{"flexShrink":0}},{"part":"body","component":"Box","style":{"display":"flex","flexDirection":"column","gap":"$spacing.xxs","flexGrow":1,"minWidth":0,"paddingVertical":{"$map":{"from":"props.surface","cases":{"card":"$spacing.md"},"default":"$spacing.xs"}}},"children":[{"part":"title","component":"Text","props":{"text":"{props.title}","variant":"body","lines":1}},{"part":"subtitle","component":"Text","$if":"props.subtitle","props":{"text":"{props.subtitle}","variant":"muted","lines":1}}]},{"part":"meta","component":"Text","$if":"props.meta","props":{"text":"{props.meta}","variant":"muted","lines":1}},{"part":"value","component":"Text","$any":["props.value","props.placeholder"],"props":{"text":{"$coalesce":["{props.value}","{props.placeholder}"]},"variant":{"$cond":["props.value","body","muted"]},"lines":1,"align":"end"}},"$slot:trailing",{"part":"chevron","component":"Icon","$if":{"$not":{"$eq":["{props.chevron|none}","none"]}},"props":{"name":{"$map":{"from":"props.chevron","cases":{"selector":"ui-selector"},"default":"ui-chevron-right"}},"size":"sm","tone":"neutral"}}]}},"ScrollArea":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"region"},"style":{"display":"flex","flexDirection":{"$map":{"from":"props.direction","cases":{"horizontal":"row"},"default":"column"}},"overflowX":{"$map":{"from":"props.direction","cases":{"horizontal":"auto","both":"auto"},"default":"hidden"}},"overflowY":{"$map":{"from":"props.direction","cases":{"vertical":"auto","both":"auto"},"default":"hidden"}},"minWidth":0,"minHeight":0,"maxHeight":"{props.maxHeight}"},"children":["$children"]}},"Sidebar":{"recipeProps":["side"],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":{"$map":{"from":"props.side","cases":{"right":"row-reverse"},"default":"row"}},"alignItems":"stretch","gap":"$spacing.lg","width":"100%","minHeight":0},"children":[{"part":"sidebar","component":"Box","$if":"!props.collapsed","$a11y":{"role":"navigation"},"style":{"display":"flex","flexDirection":"column","width":"{props.width|240}","flexShrink":0,"minHeight":0,"@media (max-width: $breakpoint.{props.collapseBelow|md})":{"$cond":[{"$not":{"$eq":["{props.collapseBelow|md}","never"]}},{"display":"none"}]}},"children":["$slot:sidebar"]},{"part":"main","component":"Box","$a11y":{"role":"main"},"style":{"display":"flex","flexDirection":"column","flexGrow":1,"minWidth":0,"minHeight":0},"children":["$children"]}]}},"AppBar":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"banner"},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm","height":"$control.appBar","paddingHorizontal":"$spacing.md","width":"100%"},"children":[{"part":"back","component":"Button","$if":"props.back","props":{"icon":"ui-back","variant":"ghost","size":"icon","label":"$string.back"},"$on":{"press":"back"}},"$slot:leading",{"part":"body","component":"Box","style":{"display":"flex","flexDirection":"column","flexGrow":1,"minWidth":0},"children":[{"part":"title","component":"Text","props":{"text":"{props.title}","variant":"title","lines":1},"$a11y":{"role":"heading","level":1}},{"part":"subtitle","component":"Text","$if":"props.subtitle","props":{"text":"{props.subtitle}","variant":"muted","lines":1}}]},"$slot:trailing"]}},"Kbd":{"recipeProps":[],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"row","alignItems":"center","height":"$control.badge","paddingHorizontal":"$spacing.xs","borderRadius":"$radius.sm","alignSelf":"flex-start"},"children":[{"part":"label","component":"Text","props":{"text":"{props.keys}","variant":"code","lines":1}}]}},"Label":{"recipeProps":["required"],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.xxs"},"children":[{"part":"text","component":"Text","props":{"text":"{props.text}","variant":"label"}},{"part":"mark","component":"Text","$if":"props.required","props":{"text":"*","variant":"label","tone":"danger"}}]}},"Breadcrumb":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"navigation","label":"$string.breadcrumb"},"style":{"display":"flex","flexDirection":"row","alignItems":"center","flexWrap":"wrap","gap":"$spacing.xs"},"children":[{"part":"item","component":"Box","$each":"props.items","$as":"item","style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.xs"},"$recipe":{"current":{"$eq":["{index}",{"$sub":["{len(props.items)}",1]}]}},"children":[{"part":"separator","component":"Icon","$if":{"$lt":[0,"{index}"]},"props":{"name":"ui-chevron-right","size":"sm","tone":"neutral"},"$a11y":{"hidden":true}},{"part":"link","component":"Button","$if":{"$not":{"$eq":["{index}",{"$sub":["{len(props.items)}",1]}]}},"props":{"label":"{item.label}","icon":"{item.icon}","variant":"link","size":"sm"},"$on":{"press":"select"},"$context":{"value":"{item.value}"}},{"part":"current","component":"Text","$if":{"$eq":["{index}",{"$sub":["{len(props.items)}",1]}]},"props":{"text":"{item.label}","variant":"label","lines":1},"$a11y":{"current":"page"}}]}]}},"Outline":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"navigation","label":"{props.caption|$string.outline}"},"style":{"display":"flex","flexDirection":"column","gap":"$spacing.xxs","minWidth":0},"children":[{"part":"caption","component":"Text","$if":"props.caption","props":{"text":"{props.caption}","variant":"caption","lines":1},"$a11y":{"hidden":true}},{"part":"row","component":"Box","$each":"props.items","$as":"item","props":{"pressable":true},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.xs","position":"relative","height":"$control.rowCompact","paddingHorizontal":"$spacing.sm","minWidth":0,"overflow":"hidden","cursor":"pointer"},"$recipe":{"active":{"$eq":["{item.id}","{props.value}"]}},"$a11y":{"role":"link","label":{"$cond":["item.count",{"$fill":["$string.outlineRow",{"title":"{item.title}","count":"{item.count}"}]},"{item.title}"]},"current":{"$cond":[{"$eq":["{item.id}","{props.value}"]},"location",false]}},"$on":{"press":"select"},"$context":{"id":"{item.id}"},"$set":{"press":{"prop":"value","value":"{item.id}"}},"children":[{"part":"bar","component":"Box","$if":{"$eq":["{item.id}","{props.value}"]},"$a11y":{"hidden":true},"style":{"position":"absolute","insetInlineStart":0,"top":0,"bottom":0,"width":2}},{"part":"title","component":"Text","props":{"text":"{item.title}","lines":1},"$recipe":{"active":{"$eq":["{item.id}","{props.value}"]}},"style":{"flexGrow":1,"flexShrink":1,"flexBasis":0,"minWidth":0}},{"part":"count","component":"Text","$if":"item.count","props":{"text":"· {item.count}","variant":"caption","lines":1},"$a11y":{"hidden":true},"style":{"flexShrink":0}}]}]}},"Stepper":{"recipeProps":["orientation"],"root":{"part":"root","component":"Box","$a11y":{"role":"list"},"style":{"display":"flex","flexDirection":{"$map":{"from":"props.orientation","cases":{"vertical":"column"},"default":"row"}},"alignItems":{"$map":{"from":"props.orientation","cases":{"vertical":"stretch"},"default":"flex-start"}},"gap":"$spacing.md","width":"100%"},"children":[{"part":"step","component":"Box","$each":"props.steps","$as":"step","style":{"display":"flex","flexDirection":{"$map":{"from":"props.orientation","cases":{"vertical":"row"},"default":"column"}},"alignItems":{"$map":{"from":"props.orientation","cases":{"vertical":"flex-start"},"default":"center"}},"gap":"$spacing.xs","flexGrow":1,"flexBasis":0,"minWidth":0},"$recipe":{"status":{"$cond":[{"$lt":["{index}","{props.current|0}"]},"done",{"$cond":[{"$eq":["{index}","{props.current|0}"]},"current","upcoming"]}]}},"$a11y":{"role":"listitem","current":{"$cond":[{"$eq":["{index}","{props.current|0}"]},"step",false]},"label":{"$fill":[{"$cond":[{"$lt":["{index}","{props.current|0}"]},"$string.stepDone",{"$cond":[{"$eq":["{index}","{props.current|0}"]},"$string.stepCurrent","$string.stepUpcoming"]}]},{"step":{"$add":["{index}",1]},"total":"{len(props.steps)}","label":"{step.label}"}]}},"children":[{"part":"marker","component":"Box","$a11y":{"hidden":true},"style":{"display":"flex","alignItems":"center","justifyContent":"center","width":"$control.iconLg","height":"$control.iconLg","borderRadius":"$radius.full","flexShrink":0},"$recipe":{"status":{"$cond":[{"$lt":["{index}","{props.current|0}"]},"done",{"$cond":[{"$eq":["{index}","{props.current|0}"]},"current","upcoming"]}]}},"children":[{"part":"check","component":"Icon","$if":{"$lt":["{index}","{props.current|0}"]},"props":{"name":"ui-check","size":"sm"}},{"part":"number","component":"Text","$if":{"$not":{"$lt":["{index}","{props.current|0}"]}},"props":{"text":{"$text":{"$add":["{index}",1]}},"variant":"caption"},"$recipe":{"status":{"$cond":[{"$eq":["{index}","{props.current|0}"]},"current","upcoming"]}}}]},{"part":"body","component":"Box","style":{"display":"flex","flexDirection":"column","gap":"$spacing.xxs","minWidth":0},"children":[{"part":"label","component":"Text","props":{"text":"{step.label}","variant":"label","lines":1},"$recipe":{"status":{"$cond":[{"$lt":["{index}","{props.current|0}"]},"done",{"$cond":[{"$eq":["{index}","{props.current|0}"]},"current","upcoming"]}]}}},{"part":"description","component":"Text","$if":"step.description","props":{"text":"{step.description}","variant":"muted","lines":2}}]}]}]}},"Rating":{"recipeProps":["size","readOnly"],"root":{"part":"root","component":"Box","$a11y":{"role":{"$cond":["props.readOnly","img","group"]},"label":{"$cond":["props.readOnly",{"$fill":["$string.ratingValue",{"value":"{props.value|0}","max":"{props.max|5}"}]}]}},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.xxs","alignSelf":"flex-start"},"children":[{"part":"star","component":"Box","$each":"range(props.max|5)","$as":"star","props":{"pressable":{"$not":"props.readOnly"}},"style":{"display":"flex","alignItems":"center","justifyContent":"center"},"$recipe":{"filled":{"$lt":["{index}","{props.value|0}"]}},"$a11y":{"role":{"$cond":["props.readOnly","hidden","button"]},"label":{"$fill":["$string.ratingStar",{"value":{"$add":["{index}",1]},"max":"{props.max|5}"}]},"pressed":{"$eq":[{"$add":["{index}",1]},"{props.value|0}"]}},"$on":{"press":"change"},"$context":{"value":{"$add":["{index}",1]}},"$set":{"press":{"prop":"value","value":{"$add":["{index}",1]}}},"children":[{"part":"icon","component":"Icon","props":{"name":"star","size":"{props.size|default}"},"$recipe":{"filled":{"$lt":["{index}","{props.value|0}"]}}}]}]}},"AlertDialog":{"recipeProps":["destructive"],"root":{"part":"root","component":"Dialog","$a11y":{"role":"alertdialog"},"props":{"title":"{props.title}","description":"{props.description}","open":"{props.open|false}","dismissible":false},"slots":{"trigger":"$slot:trigger","footer":{"part":"footer","component":"Box","style":{"display":"flex","flexDirection":"row","justifyContent":"flex-end","flexWrap":"wrap","gap":"$spacing.sm"},"children":[{"part":"cancel","component":"Button","props":{"label":"{props.cancelLabel|$string.cancel}","variant":"outline"},"$a11y":{"autoFocus":true},"$on":{"press":"cancel"},"$set":{"press":{"prop":"open","value":false}}},{"part":"confirm","component":"Button","props":{"label":"{props.confirmLabel|$string.confirm}","variant":{"$cond":["props.destructive","destructive","default"]}},"$on":{"press":"confirm"},"$set":{"press":{"prop":"open","value":false}}}]}},"$on":{"change":"change"},"children":["$children"]}},"DockCard":{"recipeProps":["tone"],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"column"},"children":[{"part":"trigger","component":"Box","$a11y":{"role":"button","label":"{props.label}: {props.title}"},"props":{"pressable":true},"style":{"display":"flex","flexDirection":"row","alignItems":"flex-start","gap":"$spacing.sm","padding":"$spacing.md","borderRadius":"$radius.xl"},"$on":{"press":"press"},"$set":{"press":{"prop":"open","value":true}},"children":[{"part":"icon","component":"Icon","$if":"props.icon","props":{"name":"{props.icon}","size":"sm","tone":"{props.tone|neutral}"},"style":{"flexShrink":0}},{"part":"body","component":"Box","style":{"display":"flex","flexDirection":"column","gap":"$spacing.xxs","flexGrow":1,"minWidth":0},"children":[{"part":"header","component":"Box","style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm"},"children":[{"part":"label","component":"Text","props":{"text":"{props.label}","variant":"caption","tone":"{props.tone|neutral}","lines":1}},{"part":"caption","component":"Text","$if":"props.caption","props":{"text":"{props.caption}","variant":"muted","lines":1},"style":{"flexShrink":1,"minWidth":0}},{"part":"spacer","component":"Box","style":{"flexGrow":1,"minWidth":0}},{"part":"meta","component":"Text","$if":"props.meta","props":{"text":"{props.meta}","variant":"muted","lines":1}}]},{"part":"row","component":"Box","style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm"},"children":[{"part":"title","component":"Text","props":{"text":"{props.title}","lines":1},"style":{"flexGrow":1,"minWidth":0}},{"part":"chevron","component":"Icon","props":{"name":"ui-chevron-right","size":"sm","tone":"neutral"}}]}]}]},{"part":"sheet","component":"Drawer","props":{"title":"{props.label}","description":"{props.caption}","open":"{props.open|false}","side":"bottom"},"slots":{"footer":"$slot:footer"},"$on":{"change":"change"},"children":["$children"]}]}},"Sparkline":{"recipeProps":["tone"],"root":{"part":"root","component":"Chart","props":{"kind":"sparkline","series":[{"name":"","values":"{props.values}","tone":"{props.tone|primary}"}],"height":"{props.height|24}","showAxes":false,"showGrid":false,"showLegend":false},"style":{"width":"100%"}}},"Page":{"recipeProps":[],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"column","flexGrow":1,"minHeight":0,"width":"100%"},"children":[{"part":"header","component":"AppBar","props":{"title":"{props.title}","subtitle":"{props.subtitle}","back":"{props.back|false}"},"slots":{"leading":"$slot:leading","trailing":"$slot:trailing"},"$on":{"back":"back"}},{"part":"body","component":"Box","$a11y":{"role":"main"},"style":{"display":"flex","flexDirection":"column","flexGrow":1,"minHeight":0,"overflowY":"auto","gap":"$spacing.lg","padding":{"$map":{"from":"props.padded","cases":{"false":"$spacing.none"},"default":"$spacing.lg"}}},"children":["$children"]}]}},"Toolbar":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"group"},"style":{"display":"flex","flexDirection":"row","flexWrap":"wrap","alignItems":"flex-end","gap":"$spacing.{props.gap|sm}","width":"100%"},"children":["$children",{"part":"spacer","component":"Box","style":{"flexGrow":1,"minWidth":0}},"$slot:trailing"]}},"SplitView":{"recipeProps":[],"root":{"part":"root","component":"Box","style":{"display":"flex","flexDirection":"row","alignItems":"stretch","width":"100%","flexGrow":1,"minHeight":0},"children":[{"part":"list","component":"Box","$a11y":{"role":"navigation"},"style":{"display":"flex","flexDirection":"column","width":"{props.width|320}","flexShrink":0,"minHeight":0,"overflowY":"auto","@media (max-width: $breakpoint.md)":{"width":"100%","flexShrink":1,"display":{"$cond":["props.open","none","flex"]}}},"children":["$slot:list"]},{"part":"divider","component":"Separator","props":{"orientation":"vertical"},"style":{"@media (max-width: $breakpoint.md)":{"display":"none"}}},{"part":"detail","component":"Box","$a11y":{"role":"main"},"style":{"display":"flex","flexDirection":"column","flexGrow":1,"minWidth":0,"minHeight":0,"@media (max-width: $breakpoint.md)":{"display":{"$cond":["props.open","flex","none"]}}},"children":[{"part":"backBar","component":"Box","style":{"display":"none","flexDirection":"row","alignItems":"center","height":"$control.appBar","paddingHorizontal":"$spacing.sm","@media (max-width: $breakpoint.md)":{"display":"flex"}},"children":[{"part":"back","component":"Button","props":{"icon":"ui-back","variant":"ghost","size":"icon","label":"$string.back"},"$on":{"press":"back"},"$set":{"press":{"prop":"open","value":false}}}]},"$children"]}]}},"FieldGroup":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"group"},"style":{"display":"grid","gridTemplateColumns":"repeat(1, minmax(0, 1fr))","gap":"$spacing.md","alignItems":"start","@media (min-width: $breakpoint.md)":{"gridTemplateColumns":"repeat({props.columns|2}, minmax(0, 1fr))"}},"children":["$children"]}},"FormActions":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"group"},"style":{"display":"flex","flexDirection":"row","flexWrap":"wrap","justifyContent":"flex-end","alignItems":"center","gap":"$spacing.sm","width":"100%"},"children":["$children",{"part":"cancel","component":"Button","$if":"props.cancel","props":{"label":"$string.cancel","variant":"outline"},"$on":{"press":"cancel"}},{"part":"submit","component":"Button","props":{"label":"{props.submit}","variant":{"$cond":["props.destructive","destructive","default"]},"submit":true}}]}},"StatTile":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"group","label":"{props.label}"},"style":{"display":"flex","flexDirection":"column","minWidth":0},"children":[{"part":"card","component":"Card","children":[{"part":"header","component":"Box","style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.sm"},"children":[{"part":"label","component":"Text","props":{"text":"{props.label}","variant":"muted","lines":1},"style":{"flexGrow":1,"flexShrink":1,"minWidth":0}},{"part":"delta","component":"Text","$if":"props.delta","props":{"text":"{props.delta}","variant":"caption","tone":"{props.tone|neutral}"}}]},{"part":"value","component":"Text","props":{"text":"{props.value}","variant":"title","lines":1}},{"part":"trend","component":"Sparkline","$if":"props.trend","props":{"values":"{props.trend}","height":32}}]}]}},"CallSurface":{"recipeProps":["state","muted"],"root":{"part":"root","component":"Box","$a11y":{"role":"group","label":"{props.name}"},"style":{"display":"flex","flexDirection":"column","alignItems":"center","width":"100%","height":"100%","minHeight":0,"paddingHorizontal":"$spacing.xl","paddingTop":"$spacing.xl3","paddingBottom":"$spacing.xl3"},"children":[{"part":"head","component":"Box","style":{"display":"flex","flexDirection":"column","alignItems":"center","width":"100%","maxWidth":384,"minWidth":0},"children":[{"part":"wave","component":"VoiceWave","props":{"activity":{"$cond":["props.muted","muted",{"$map":{"from":"props.state","cases":{"ringing":"thinking","connecting":"thinking","ended":"idle"},"default":"{props.activity|speaking}"}}]},"level":"{props.level}","bands":"{props.bands}","size":"xl"},"$a11y":{"hidden":true},"children":[{"part":"avatar","component":"Avatar","props":{"name":"{props.name}","src":"{props.avatar}","size":"lg"}}]},{"part":"name","component":"Text","$a11y":{"role":"heading","level":2},"props":{"text":"{props.name}","variant":"title","align":"center","lines":1},"style":{"marginTop":"$spacing.sm","maxWidth":"100%"}},{"part":"status","component":"Text","$if":"props.status","props":{"text":"{props.status}","variant":"muted","align":"center","lines":1},"style":{"marginTop":"$spacing.xs"}},{"part":"caption","component":"Text","$if":"props.caption","props":{"text":"{props.caption}","align":"center","lines":4,"live":"polite"},"style":{"marginTop":"$spacing.xl2","maxWidth":"100%"}}]},{"part":"spacer","component":"Box","style":{"flexGrow":1,"minHeight":"$spacing.xl"}},{"part":"controls","component":"Box","style":{"display":"flex","flexDirection":"row","justifyContent":"center","alignItems":"flex-start","gap":32},"children":[{"part":"muteTip","component":"Tooltip","$if":{"$not":{"$eq":["{props.state|talking}","ringing"]}},"props":{"content":{"$cond":["props.muted","$string.unmute","$string.mute"]}},"children":[{"part":"mute","component":"Button","props":{"variant":"secondary","size":"icon"},"$a11y":{"label":{"$cond":["props.muted","$string.unmute","$string.mute"]}},"style":{"width":56,"height":56,"borderRadius":"$radius.full","flexShrink":0},"$on":{"press":"mute"},"$context":{"muted":"{!props.muted}"},"$set":{"press":{"prop":"muted","value":"{!props.muted}"}},"children":[{"part":"muteIcon","component":"Icon","props":{"name":{"$cond":["props.muted","call-unmute","call-mute"]},"size":"lg"}}]}]},{"part":"speakerTip","component":"Tooltip","$if":[{"$not":{"$eq":["{props.state|talking}","ringing"]}},{"$not":{"$eq":["{props.speaker|none}","none"]}}],"props":{"content":{"$cond":["props.speaker","$string.speaker","$string.speakerOff"]}},"children":[{"part":"speaker","component":"Button","props":{"variant":"secondary","size":"icon"},"$a11y":{"label":{"$cond":["props.speaker","$string.speaker","$string.speakerOff"]}},"style":{"width":56,"height":56,"borderRadius":"$radius.full","flexShrink":0},"$on":{"press":"speaker"},"$context":{"speaker":"{!props.speaker}"},"$set":{"press":{"prop":"speaker","value":"{!props.speaker}"}},"children":[{"part":"speakerIcon","component":"Icon","props":{"name":{"$cond":["props.speaker","call-speaker","call-speaker-off"]},"size":"lg"}}]}]},{"part":"endTip","component":"Tooltip","$if":{"$not":{"$eq":["{props.state|talking}","ringing"]}},"props":{"content":"$string.endCall"},"children":[{"part":"end","component":"Button","props":{"variant":"destructive","size":"icon"},"$a11y":{"label":"$string.endCall"},"style":{"width":56,"height":56,"borderRadius":"$radius.full","flexShrink":0},"$on":{"press":"hangUp"},"children":[{"part":"endIcon","component":"Icon","props":{"name":"call-end","size":"lg"}}]}]},{"part":"cancel","component":"Box","$if":{"$eq":["{props.state|talking}","ringing"]},"style":{"display":"flex","flexDirection":"column","alignItems":"center","gap":"$spacing.xs"},"children":[{"part":"end","component":"Button","props":{"variant":"destructive","size":"icon"},"$a11y":{"label":"$string.cancel"},"style":{"width":56,"height":56,"borderRadius":"$radius.full","flexShrink":0},"$on":{"press":"hangUp"},"children":[{"part":"endIcon","component":"Icon","props":{"name":"call-end","size":"lg"}}]},{"part":"cancelLabel","component":"Text","props":{"text":"$string.cancel","variant":"caption"},"$a11y":{"hidden":true}}]}]}]}},"MessageBubble":{"recipeProps":["side","status"],"root":{"part":"root","component":"Box","$a11y":{"role":"group","label":{"$coalesce":["{props.author}","{props.time}"]}},"style":{"display":"flex","flexDirection":"column","alignItems":{"$map":{"from":"props.side","cases":{"out":"flex-end"},"default":"flex-start"}},"width":"100%","minWidth":0},"children":[{"part":"bubble","component":"Box","style":{"display":"flex","flexDirection":"column","gap":"$spacing.xxs","maxWidth":"80%","minWidth":0,"paddingHorizontal":"$spacing.md","paddingVertical":"$spacing.sm","borderRadius":"$radius.xl","borderTopLeftRadius":{"$map":{"from":"props.side","cases":{"out":"$radius.xl"},"default":6}}},"children":[{"part":"author","component":"Text","$if":["props.author",{"$not":{"$eq":["{props.side|in}","out"]}}],"props":{"text":"{props.author}","variant":"caption","lines":1}},"$slot:attachment",{"part":"text","component":"Markdown","props":{"text":"{props.text}"}},{"part":"footer","component":"Box","$any":["props.time","props.status"],"style":{"display":"flex","flexDirection":"row","alignItems":"center","justifyContent":"flex-end","alignSelf":"flex-end","gap":"$spacing.xs"},"children":[{"part":"time","component":"Text","$if":"props.time","props":{"text":"{props.time}","variant":"caption","lines":1}},{"part":"status","component":"Icon","$if":["props.status",{"$eq":["{props.side|in}","out"]}],"props":{"name":{"$map":{"from":"props.status","cases":{"sending":"ui-clock","sent":"ui-check","read":"ui-read"},"default":"ui-check"}},"size":"sm","label":{"$map":{"from":"props.status","cases":{"sending":"$string.sending","sent":"$string.sent","read":"$string.read"},"default":"$string.sent"}}},"style":{"width":14,"height":14,"flexShrink":0}}]}]}]}},"Plan":{"recipeProps":["state"],"root":{"part":"root","component":"Box","$a11y":{"role":"group","label":"{props.title}"},"style":{"display":"flex","flexDirection":"column","minWidth":0},"children":[{"part":"card","component":"Card","children":[{"part":"header","component":"Box","style":{"display":"flex","flexDirection":"column","gap":"$spacing.xxs","minWidth":0},"children":[{"part":"title","component":"Heading","props":{"text":"{props.title}","level":"h3"}},{"part":"description","component":"Text","$if":"props.description","props":{"text":"{props.description}","variant":"muted"}}]},{"part":"steps","component":"Trace","$if":"props.steps","children":[{"part":"step","component":"TraceItem","$each":"props.steps","$as":"step","props":{"title":"{step.title}","icon":"{step.icon}","description":"{step.detail}","status":"{step.status}"}}]},{"part":"footer","component":"Box","$if":{"$eq":["{props.state|proposed}","proposed"]},"style":{"display":"flex","flexDirection":"row","alignItems":"center","justifyContent":"flex-end","flexWrap":"wrap","gap":"$spacing.sm"},"children":[{"part":"decline","component":"Button","props":{"label":"{props.declineLabel|$string.no}","variant":"outline"},"$on":{"press":"decline"}},{"part":"approve","component":"Button","props":{"label":"{props.approveLabel|$string.yes}","icon":"ui-check","variant":"default"},"$on":{"press":"approve"}}]},{"part":"running","component":"Box","$if":{"$eq":["{props.state|proposed}","running"]},"style":{"display":"flex","flexDirection":"row","alignItems":"center","gap":"$spacing.md"},"children":[{"part":"progress","component":"Progress","props":{"value":"{props.progress|0}","max":1,"tone":"primary"},"style":{"flexGrow":1,"flexShrink":1,"flexBasis":0,"minWidth":0}},{"part":"stop","component":"Button","props":{"label":"{props.stopLabel|$string.stop}","icon":"ui-stop","variant":"destructive"},"$on":{"press":"stop"}}]}]}]}},"Mosaic":{"recipeProps":[],"root":{"part":"root","component":"Box","$a11y":{"role":"group","label":"{props.label}"},"style":{"display":"flex","flexDirection":"row","width":"100%","aspectRatio":1.6,"minWidth":0},"children":[{"part":"lead","component":"Box","$if":"props.pictures.0","props":{"pressable":true},"style":{"position":"relative","overflow":"hidden","minWidth":0,"minHeight":0,"cursor":"pointer","flexGrow":{"$cond":[{"$lt":[2,"{len(props.pictures)}"]},0,1]},"flexShrink":{"$cond":[{"$lt":[2,"{len(props.pictures)}"]},0,1]},"flexBasis":{"$cond":[{"$lt":[2,"{len(props.pictures)}"]},"60%",0]},"height":"100%"},"$recipe":{"size":{"$cond":[{"$lt":[2,"{len(props.pictures)}"]},"large",{"$cond":[{"$lt":[1,"{len(props.pictures)}"]},"half","large"]}]}},"$a11y":{"role":"button","label":"{props.pictures.0.alt}"},"$on":{"press":"select"},"$context":{"index":0},"children":[{"part":"image","component":"Image","props":{"src":"{props.pictures.0.src}","alt":"{props.pictures.0.alt}","fit":"cover"},"$a11y":{"hidden":true},"style":{"position":"absolute","inset":0,"width":"100%","height":"100%"}}]},{"part":"pair","component":"Box","$if":[{"$eq":["{len(props.pictures)}",2]}],"props":{"pressable":true},"style":{"position":"relative","overflow":"hidden","minWidth":0,"minHeight":0,"cursor":"pointer","flexGrow":1,"flexShrink":1,"flexBasis":0,"height":"100%"},"$recipe":{"size":"half"},"$a11y":{"role":"button","label":"{props.pictures.1.alt}"},"$on":{"press":"select"},"$context":{"index":1},"children":[{"part":"image","component":"Image","props":{"src":"{props.pictures.1.src}","alt":"{props.pictures.1.alt}","fit":"cover"},"$a11y":{"hidden":true},"style":{"position":"absolute","inset":0,"width":"100%","height":"100%"}}]},{"part":"side","component":"Box","$if":{"$lt":[2,"{len(props.pictures)}"]},"style":{"display":"flex","flexDirection":"column","flexGrow":1,"flexShrink":1,"flexBasis":0,"minWidth":0,"height":"100%"},"children":[{"part":"top","component":"Box","$if":"props.pictures.1","props":{"pressable":true},"style":{"position":"relative","overflow":"hidden","minWidth":0,"minHeight":0,"cursor":"pointer","flexGrow":1,"flexShrink":1,"flexBasis":0,"width":"100%"},"$recipe":{"size":"small"},"$a11y":{"role":"button","label":"{props.pictures.1.alt}"},"$on":{"press":"select"},"$context":{"index":1},"children":[{"part":"image","component":"Image","props":{"src":"{props.pictures.1.src}","alt":"{props.pictures.1.alt}","fit":"cover"},"$a11y":{"hidden":true},"style":{"position":"absolute","inset":0,"width":"100%","height":"100%"}}]},{"part":"bottom","component":"Box","$if":"props.pictures.2","props":{"pressable":true},"style":{"position":"relative","overflow":"hidden","minWidth":0,"minHeight":0,"cursor":"pointer","flexGrow":1,"flexShrink":1,"flexBasis":0,"width":"100%"},"$recipe":{"size":"small"},"$a11y":{"role":"button","label":{"$cond":[{"$lt":[3,"{len(props.pictures)}"]},{"$fill":["$string.morePicturesLabel",{"alt":"{props.pictures.2.alt}","count":{"$sub":["{len(props.pictures)}",3]}}]},"{props.pictures.2.alt}"]}},"$on":{"press":"select"},"$context":{"index":2},"children":[{"part":"image","component":"Image","props":{"src":"{props.pictures.2.src}","alt":"{props.pictures.2.alt}","fit":"cover"},"$a11y":{"hidden":true},"style":{"position":"absolute","inset":0,"width":"100%","height":"100%"}},{"part":"more","component":"Box","$if":{"$lt":[3,"{len(props.pictures)}"]},"$a11y":{"hidden":true},"style":{"position":"absolute","inset":0,"display":"flex","alignItems":"center","justifyContent":"center"},"children":[{"part":"moreLabel","component":"Text","props":{"text":{"$fill":["$string.morePictures",{"count":{"$sub":["{len(props.pictures)}",3]}}]},"lines":1}}]}]}]}]}}}}"####;