[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"example-src-meridian-flight-results":3},"\u003Cgui version=\"0.2\" name=\"Meridian Flight Results\">\n  \u003Cmode name=\"theme\" values=\"light dark\" default=\"light\" \u002F>\n\n  \u003Ctokens>\n    \u003Ccolor name=\"bg\"         theme-light=\"#FAF7F5\" theme-dark=\"#141113\" \u002F>\n    \u003Ccolor name=\"surface\"    theme-light=\"#FFFFFF\" theme-dark=\"#1E1A1C\" \u002F>\n    \u003Ccolor name=\"surface-2\"  theme-light=\"#F4EFEC\" theme-dark=\"#272325\" \u002F>\n    \u003Ccolor name=\"text\"       theme-light=\"#1A1619\" theme-dark=\"#F6F1EF\" \u002F>\n    \u003Ccolor name=\"text-2\"     theme-light=\"#6E696B\" theme-dark=\"#A8A2A4\" \u002F>\n    \u003Ccolor name=\"text-3\"     theme-light=\"#9C9698\" theme-dark=\"#726C6E\" \u002F>\n    \u003Ccolor name=\"border\"     theme-light=\"#ECE6E2\" theme-dark=\"#2E2A2C\" \u002F>\n    \u003Ccolor name=\"accent\"     theme-light=\"#D6486A\" theme-dark=\"#EE6C86\" \u002F>\n    \u003Ccolor name=\"accent-2\"   theme-light=\"#B23A57\" theme-dark=\"#F58CA0\" \u002F>\n    \u003Ccolor name=\"accent-soft\" theme-light=\"#FBE9EE\" theme-dark=\"#3A2027\" \u002F>\n    \u003Ccolor name=\"on-accent\"  value=\"#FFFFFF\" \u002F>\n    \u003Cnumber name=\"r-card\" value=\"20\" \u002F>\n  \u003C\u002Ftokens>\n\n  \u003Cfonts>\n    \u003Cfont family=\"SF Pro\" source=\"system\" weights=\"400 500 600 700\" styles=\"normal\" \u002F>\n    \u003Cfont family=\"Inter\" source=\"google\" weights=\"400 500 600 700\" styles=\"normal\" \u002F>\n  \u003C\u002Ffonts>\n\n  \u003Ccomponents>\n    \u003Ccomponent name=\"Flight\" id=\"comp-flight\">\n      \u003Cprops>\n        \u003Cprop name=\"airline\"  type=\"text\" target=\"t-airline\" \u002F>\n        \u003Cprop name=\"flightno\" type=\"text\" target=\"t-flightno\" \u002F>\n        \u003Cprop name=\"fare\"     type=\"text\" target=\"t-fare\" \u002F>\n        \u003Cprop name=\"dep\"      type=\"text\" target=\"t-dep\" \u002F>\n        \u003Cprop name=\"depcode\"  type=\"text\" target=\"t-depcode\" \u002F>\n        \u003Cprop name=\"arr\"      type=\"text\" target=\"t-arr\" \u002F>\n        \u003Cprop name=\"arrcode\"  type=\"text\" target=\"t-arrcode\" \u002F>\n        \u003Cprop name=\"dur\"      type=\"text\" target=\"t-dur\" \u002F>\n        \u003Cprop name=\"stops\"    type=\"text\" target=\"t-stops\" \u002F>\n        \u003Cprop name=\"price\"    type=\"text\" target=\"t-price\" \u002F>\n      \u003C\u002Fprops>\n      \u003Ccol role=\"card\" w=\"fill\" fill=\"$surface\" radius=\"$r-card\" p=\"16\" gap=\"16\" border=\"1 $border\">\n        \u003Crow w=\"fill\" gap=\"auto\" align=\"middle-left\">\n          \u003Crow gap=\"10\" align=\"middle-left\">\n            \u003Crow w=\"36\" h=\"36\" radius=\"999\" fill=\"$surface-2\" align=\"middle-center\">\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplane.svg?color=%23E2607A\" w=\"18\" h=\"18\" \u002F>\n            \u003C\u002Frow>\n            \u003Ccol gap=\"2\">\n              \u003Ctext id=\"t-airline\" value=\"Atlas Air\" font-family=\"SF Pro\" font-size=\"15\" font-weight=\"600\" color=\"$text\" \u002F>\n              \u003Ctext id=\"t-flightno\" value=\"AT 1140\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"400\" color=\"$text-3\" \u002F>\n            \u003C\u002Fcol>\n          \u003C\u002Frow>\n          \u003Ctext id=\"t-fare\" value=\"Economy\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"500\" color=\"$text-2\" align=\"right\" \u002F>\n        \u003C\u002Frow>\n\n        \u003Crow w=\"fill\" gap=\"12\" align=\"bottom-left\">\n          \u003Ccol gap=\"3\">\n            \u003Ctext id=\"t-dep\" value=\"6:15 AM\" font-family=\"SF Pro\" font-size=\"22\" font-weight=\"700\" color=\"$text\" \u002F>\n            \u003Ctext id=\"t-depcode\" value=\"JFK\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"500\" color=\"$text-2\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ccol gap=\"4\" align=\"middle-center\" w=\"fill\">\n            \u003Ctext id=\"t-dur\" value=\"9h 05m\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"400\" color=\"$text-2\" align=\"center\" \u002F>\n            \u003Crow w=\"fill\" gap=\"6\" align=\"middle-center\">\n              \u003Cline fill=\"$border\" \u002F>\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplane.svg?color=%239A9396\" w=\"14\" h=\"14\" \u002F>\n              \u003Cline fill=\"$border\" \u002F>\n            \u003C\u002Frow>\n            \u003Ctext id=\"t-stops\" value=\"1 stop · BOS\" font-family=\"SF Pro\" font-size=\"11\" font-weight=\"500\" color=\"$text-3\" align=\"center\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ccol gap=\"3\" align=\"top-right\">\n            \u003Ctext id=\"t-arr\" value=\"8:20 PM\" font-family=\"SF Pro\" font-size=\"22\" font-weight=\"700\" color=\"$text\" align=\"right\" \u002F>\n            \u003Ctext id=\"t-arrcode\" value=\"LHR\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"500\" color=\"$text-2\" align=\"right\" \u002F>\n          \u003C\u002Fcol>\n        \u003C\u002Frow>\n\n        \u003Cline fill=\"$border\" \u002F>\n\n        \u003Crow w=\"fill\" gap=\"auto\" align=\"middle-left\">\n          \u003Ctext value=\"Round trip\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"400\" color=\"$text-3\" \u002F>\n          \u003Crow gap=\"2\" align=\"bottom-left\">\n            \u003Ctext value=\"$\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"600\" color=\"$text\" \u002F>\n            \u003Ctext id=\"t-price\" value=\"618\" font-family=\"SF Pro\" font-size=\"20\" font-weight=\"700\" color=\"$text\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n    \u003C\u002Fcomponent>\n  \u003C\u002Fcomponents>\n\n  \u003C!-- single screen, root unpinned: renderer flips theme via tokens -->\n  \u003Ccol w=\"390\" fill=\"$bg\">\n    \u003C!-- status bar -->\n    \u003Crow w=\"fill\" p=\"16 24 0 24\" gap=\"auto\" align=\"middle-center\">\n      \u003Ctext value=\"9:41\" font-family=\"SF Pro\" font-size=\"15\" font-weight=\"600\" color=\"$text\" \u002F>\n      \u003Crow gap=\"6\" align=\"middle-center\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsignal.svg?color=%239A9396\" w=\"16\" h=\"16\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fwifi.svg?color=%239A9396\" w=\"16\" h=\"16\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fbattery-full.svg?color=%239A9396\" w=\"20\" h=\"16\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- nav bar -->\n    \u003Crow role=\"top-navigation-bar\" w=\"fill\" p=\"10 16\" gap=\"auto\" align=\"middle-center\">\n      \u003Crow role=\"button\" w=\"38\" h=\"38\" radius=\"999\" fill=\"$surface\" border=\"1 $border\" align=\"middle-center\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-left.svg?color=%239A9396\" w=\"20\" h=\"20\" \u002F>\n      \u003C\u002Frow>\n      \u003Ccol gap=\"1\" align=\"middle-center\">\n        \u003Crow gap=\"6\" align=\"middle-center\">\n          \u003Ctext value=\"New York\" font-family=\"SF Pro\" font-size=\"16\" font-weight=\"700\" color=\"$text\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Farrow-right.svg?color=%239A9396\" w=\"15\" h=\"15\" \u002F>\n          \u003Ctext value=\"London\" font-family=\"SF Pro\" font-size=\"16\" font-weight=\"700\" color=\"$text\" \u002F>\n        \u003C\u002Frow>\n        \u003Ctext value=\"Sat, Jun 14 · 1 adult · Economy\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"400\" color=\"$text-2\" align=\"center\" \u002F>\n      \u003C\u002Fcol>\n      \u003Crow role=\"button\" w=\"38\" h=\"38\" radius=\"999\" fill=\"$surface\" border=\"1 $border\" align=\"middle-center\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsliders-horizontal.svg?color=%239A9396\" w=\"18\" h=\"18\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- filter chips -->\n    \u003Crow w=\"fill\" p=\"6 16 14 16\" gap=\"8\" align=\"middle-left\">\n      \u003Crow role=\"chip\" gap=\"6\" p=\"8 14\" radius=\"999\" fill=\"$accent\" align=\"middle-center\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsparkles.svg?color=%23FFFFFF\" w=\"14\" h=\"14\" \u002F>\n        \u003Ctext value=\"Best\" font-family=\"SF Pro\" font-size=\"13\" font-weight=\"600\" color=\"$on-accent\" \u002F>\n      \u003C\u002Frow>\n      \u003Crow role=\"chip\" p=\"8 14\" radius=\"999\" fill=\"$surface\" border=\"1 $border\" align=\"middle-center\">\n        \u003Ctext value=\"Nonstop\" font-family=\"SF Pro\" font-size=\"13\" font-weight=\"500\" color=\"$text\" \u002F>\n      \u003C\u002Frow>\n      \u003Crow role=\"chip\" p=\"8 14\" radius=\"999\" fill=\"$surface\" border=\"1 $border\" align=\"middle-center\">\n        \u003Ctext value=\"Cheapest\" font-family=\"SF Pro\" font-size=\"13\" font-weight=\"500\" color=\"$text\" \u002F>\n      \u003C\u002Frow>\n      \u003Crow role=\"chip\" p=\"8 14\" radius=\"999\" fill=\"$surface\" border=\"1 $border\" align=\"middle-center\">\n        \u003Ctext value=\"Morning\" font-family=\"SF Pro\" font-size=\"13\" font-weight=\"500\" color=\"$text\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- results -->\n    \u003Ccol w=\"fill\" p=\"0 16 16 16\" gap=\"12\">\n      \u003Crow w=\"fill\" gap=\"auto\" align=\"middle-center\">\n        \u003Ctext value=\"247 flights\" font-family=\"SF Pro\" font-size=\"13\" font-weight=\"500\" color=\"$text-2\" \u002F>\n        \u003Crow gap=\"4\" align=\"middle-center\">\n          \u003Ctext value=\"Sort: Best value\" font-family=\"SF Pro\" font-size=\"13\" font-weight=\"500\" color=\"$text\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%239A9396\" w=\"15\" h=\"15\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Frow>\n\n      \u003C!-- hero card -->\n      \u003Ccol role=\"card\" w=\"fill\" fill=\"$surface\" radius=\"$r-card\" p=\"16\" gap=\"16\" border=\"1.5 $accent\">\n        \u003Crow w=\"fill\" gap=\"auto\" align=\"middle-left\">\n          \u003Crow gap=\"10\" align=\"middle-left\">\n            \u003Crow w=\"36\" h=\"36\" radius=\"999\" fill=\"$accent-soft\" align=\"middle-center\">\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplane.svg?color=%23E2607A\" w=\"18\" h=\"18\" \u002F>\n            \u003C\u002Frow>\n            \u003Ccol gap=\"2\">\n              \u003Ctext value=\"Meridian\" font-family=\"SF Pro\" font-size=\"15\" font-weight=\"600\" color=\"$text\" \u002F>\n              \u003Ctext value=\"MR 281\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"400\" color=\"$text-3\" \u002F>\n            \u003C\u002Fcol>\n          \u003C\u002Frow>\n          \u003Crow gap=\"5\" p=\"5 10\" radius=\"999\" fill=\"$accent-soft\" align=\"middle-center\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsparkles.svg?color=%23E2607A\" w=\"12\" h=\"12\" \u002F>\n            \u003Ctext value=\"Best value\" font-family=\"SF Pro\" font-size=\"11\" font-weight=\"600\" color=\"$accent-2\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n\n        \u003Crow w=\"fill\" gap=\"12\" align=\"bottom-left\">\n          \u003Ccol gap=\"3\">\n            \u003Ctext value=\"9:40 AM\" font-family=\"SF Pro\" font-size=\"24\" font-weight=\"700\" color=\"$text\" \u002F>\n            \u003Ctext value=\"JFK\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"500\" color=\"$text-2\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ccol gap=\"4\" align=\"middle-center\" w=\"fill\">\n            \u003Ctext value=\"7h 05m\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"400\" color=\"$text-2\" align=\"center\" \u002F>\n            \u003Crow w=\"fill\" gap=\"6\" align=\"middle-center\">\n              \u003Cline fill=\"$accent\" \u002F>\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplane.svg?color=%23E2607A\" w=\"14\" h=\"14\" \u002F>\n              \u003Cline fill=\"$accent\" \u002F>\n            \u003C\u002Frow>\n            \u003Ctext value=\"Nonstop\" font-family=\"SF Pro\" font-size=\"11\" font-weight=\"600\" color=\"$accent-2\" align=\"center\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ccol gap=\"3\" align=\"top-right\">\n            \u003Ctext value=\"9:45 PM\" font-family=\"SF Pro\" font-size=\"24\" font-weight=\"700\" color=\"$text\" align=\"right\" \u002F>\n            \u003Ctext value=\"LHR\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"500\" color=\"$text-2\" align=\"right\" \u002F>\n          \u003C\u002Fcol>\n        \u003C\u002Frow>\n\n        \u003Cline fill=\"$border\" \u002F>\n\n        \u003Crow w=\"fill\" gap=\"auto\" align=\"middle-center\">\n          \u003Crow gap=\"6\" align=\"middle-center\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fzap.svg?color=%239A9396\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext value=\"Premium cabin · Wi-Fi\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"400\" color=\"$text-2\" \u002F>\n          \u003C\u002Frow>\n          \u003Crow gap=\"2\" align=\"bottom-left\">\n            \u003Ctext value=\"$\" font-family=\"SF Pro\" font-size=\"15\" font-weight=\"600\" color=\"$accent\" \u002F>\n            \u003Ctext value=\"842\" font-family=\"SF Pro\" font-size=\"24\" font-weight=\"700\" color=\"$accent\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n\n      \u003Cinstance component=\"comp-flight\" airline=\"Atlas Air\" flightno=\"AT 1140\" fare=\"Economy\" dep=\"6:15 AM\" depcode=\"JFK\" arr=\"8:20 PM\" arrcode=\"LHR\" dur=\"9h 05m\" stops=\"1 stop · BOS\" price=\"618\" \u002F>\n      \u003Cinstance component=\"comp-flight\" airline=\"Caledon\" flightno=\"CL 76\" fare=\"Economy\" dep=\"8:50 PM\" depcode=\"JFK\" arr=\"11:30 AM\" arrcode=\"LHR\" dur=\"9h 40m\" stops=\"1 stop · DUB\" price=\"574\" \u002F>\n\n      \u003Crow role=\"button\" w=\"fill\" p=\"12\" radius=\"14\" fill=\"$surface-2\" align=\"middle-center\">\n        \u003Ctext value=\"Show 244 more flights\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"600\" color=\"$text\" align=\"center\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Fcol>\n\n    \u003C!-- tab bar -->\n    \u003Ccol w=\"fill\" fill=\"$surface\">\n      \u003Cline fill=\"$border\" \u002F>\n      \u003Crow role=\"tab-bar\" w=\"fill\" p=\"10 24 28 24\" gap=\"auto\" align=\"top-center\">\n        \u003Ccol gap=\"4\" align=\"middle-center\" w=\"fill\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsearch.svg?color=%23E2607A\" w=\"22\" h=\"22\" \u002F>\n          \u003Ctext value=\"Search\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"$accent\" align=\"center\" \u002F>\n        \u003C\u002Fcol>\n        \u003Ccol gap=\"4\" align=\"middle-center\" w=\"fill\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fheart.svg?color=%239A9396\" w=\"22\" h=\"22\" \u002F>\n          \u003Ctext value=\"Saved\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"500\" color=\"$text-3\" align=\"center\" \u002F>\n        \u003C\u002Fcol>\n        \u003Ccol gap=\"4\" align=\"middle-center\" w=\"fill\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fticket.svg?color=%239A9396\" w=\"22\" h=\"22\" \u002F>\n          \u003Ctext value=\"Trips\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"500\" color=\"$text-3\" align=\"center\" \u002F>\n        \u003C\u002Fcol>\n        \u003Ccol gap=\"4\" align=\"middle-center\" w=\"fill\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fuser.svg?color=%239A9396\" w=\"22\" h=\"22\" \u002F>\n          \u003Ctext value=\"Account\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"500\" color=\"$text-3\" align=\"center\" \u002F>\n        \u003C\u002Fcol>\n      \u003C\u002Frow>\n    \u003C\u002Fcol>\n  \u003C\u002Fcol>\n\u003C\u002Fgui>\n",1784753172873]