[{"data":1,"prerenderedAt":13},["ShallowReactive",2],{"tux-example-vue:github-light:-45taa0":3,"tux-example-react:github-light:l2ktzb":4,"tux-example-wc:github-light:-fpu58e":5,"tux-example-razor:github-light:-2lna7k":6,"tux-example-swift:github-light:-4dv7n1":7,"tux-example-kotlin:github-light:6qp3c9":8,"tux-example-python:github-light:-dcj7yk":9,"tux-example-php:github-light:2d5ysg":10,"tux-example-src:github-light:-8k0qdz":11,"tux-example-pbi:github-light:0":12,"tux-example-css:github-light:0":12},"\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">TuxRecordHighlights\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  title\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"I-35 Connected Corridors Initiative\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  eyebrow\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"Research Program \u002F\u002F CAV-04\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:radio-tower\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  :\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">items\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">items\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <template #badge>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <TuxBadge tone=\"success\" dot>STREAM ACTIVE<\u002FTuxBadge>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002Ftemplate>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <template #actions>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <TuxButton intent=\"ghost\" size=\"sm\" icon=\"lucide:share-2\">Share<\u002FTuxButton>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <TuxButton intent=\"primary\" size=\"sm\" icon=\"lucide:sliders\">Configure Corridor<\u002FTuxButton>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002Ftemplate>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">TuxRecordHighlights\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">import\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> { TuxBadge, TuxButton, TuxRecordHighlights } \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">from\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"@tti\u002Ftti-ux-react\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">TuxRecordHighlights\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  title\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"I-35 Connected Corridors Initiative\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  eyebrow\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"Research Program \u002F\u002F CAV-04\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  icon\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:radio-tower\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  items\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">{items}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  badge\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">{(\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">TuxBadge\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> tone\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"success\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> dot\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>STREAM ACTIVE<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">TuxBadge\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  )}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  actions\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">{(\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">TuxButton\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> intent\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"ghost\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> icon\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:share-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>Share<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">TuxButton\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">TuxButton\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> intent\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> icon\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:sliders\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>Configure Corridor<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">TuxButton\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  )}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">TuxRecordHighlights\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"><!-- Web Component (@tti\u002Ftti-ux-elements) -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-record-highlights\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  title\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"I-35 Connected Corridors Initiative\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  eyebrow\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"Research Program \u002F\u002F CAV-04\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:radio-tower\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  items\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"items\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> slot\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"badge\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-badge\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> tone\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"success\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> dot\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>STREAM ACTIVE<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-badge\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> slot\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"actions\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-button\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> intent\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"ghost\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:share-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>Share<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-button\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-button\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> intent\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:sliders\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>Configure Corridor<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-button\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-record-highlights\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">@*\u003C\u002Fspan>\u003Cspan style=\"color:#6A737D\"> 1. ASP.NET Core Tag Helper \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">*@\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">@addTagHelper\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> *, Tti.Tux.AspNetCore\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-record-highlights\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  title\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"I-35 Connected Corridors Initiative\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  eyebrow\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"Research Program \u002F\u002F CAV-04\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:radio-tower\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  items\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">@(\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">items\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">)\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> slot\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"badge\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-badge\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> tone\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"success\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> dot\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>STREAM ACTIVE<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-badge\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> slot\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"actions\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-button\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> intent\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"ghost\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:share-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>Share<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-button\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-button\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> intent\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:sliders\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>Configure Corridor<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-button\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-record-highlights\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">@*\u003C\u002Fspan>\u003Cspan style=\"color:#6A737D\"> 2. Or Blazor Component \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">*@\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">@using\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Tti\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">.\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">Tux\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">.\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">Blazor\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">TuxRecordHighlights\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  Title\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"I-35 Connected Corridors Initiative\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  Eyebrow\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"Research Program \u002F\u002F CAV-04\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  Icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:radio-tower\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  Items\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">@(\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">items\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">)\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">Badge\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">TuxBadge\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Tone\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"success\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> dot\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>STREAM ACTIVE<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">TuxBadge\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">Badge\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">Actions\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">TuxButton\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Intent\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"ghost\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Size\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:share-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>Share<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">TuxButton\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">TuxButton\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Intent\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Size\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:sliders\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>Configure Corridor<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">TuxButton\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">Actions\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\">TuxRecordHighlights\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">\u002F\u002F SwiftUI · TtiUxSwift\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">import\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> SwiftUI\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">import\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> TtiUxSwift\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">struct\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> DemoView\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">View \u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">{\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">    var\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> body: \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">some\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> View {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">        TuxBadge\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            title\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"I-35 Connected Corridors Initiative\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            eyebrow\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"Research Program \u002F\u002F CAV-04\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:radio-tower\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            items\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: .items,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            tone\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"success\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            intent\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"ghost\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            size\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:share-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            intent\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            size\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            icon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:sliders\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        ) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">            Text\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"STREAM ACTIVE\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">\u002F\u002F Jetpack Compose · edu.tamu.tti.ux\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">import\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> androidx.compose.runtime.Composable\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">import\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> androidx.compose.material3.Text\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">import\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> edu.tamu.tti.ux.components.TuxBadge\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">@Composable\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">fun\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> DemoScreen\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">() {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    TuxBadge\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        title \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"I-35 Connected Corridors Initiative\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        eyebrow \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"Research Program \u002F\u002F CAV-04\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        icon \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"lucide:radio-tower\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        items \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"items\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        tone \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"success\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        intent \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"ghost\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        size \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        icon \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"lucide:share-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        intent \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        size \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        icon \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"lucide:sliders\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    ) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">        Text\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"STREAM ACTIVE\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"># Python 3.10+ · Streamlit \u002F Dash \u002F TTI-UX\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">import\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> tux\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">tux.badge(\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    \"STREAM ACTIVE\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    title\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"I-35 Connected Corridors Initiative\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    eyebrow\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"Research Program \u002F\u002F CAV-04\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    icon\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:radio-tower\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    items\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"items\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    tone\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"success\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    intent\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"ghost\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    size\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    icon\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:share-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    intent\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    size\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"sm\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">    icon\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:sliders\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\"><?\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">php\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">\u002F\u002F PHP 8.2+ · WordPress Block \u002F TTI-UX\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">use\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> Tti\\Ux\\Components\\TuxBadge\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">echo\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> TuxBadge\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">::\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">render\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">([\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'title'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'I-35 Connected Corridors Initiative'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'eyebrow'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'Research Program \u002F\u002F CAV-04'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'icon'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'lucide:radio-tower'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'items'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'items'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'tone'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'success'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'intent'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'ghost'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'size'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'sm'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'icon'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'lucide:share-2'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'intent'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'primary'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'size'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'sm'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'icon'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'lucide:sliders'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">    'content'\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> 'STREAM ACTIVE'\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">]);\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">script\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> setup\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">\u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * TuxRecordHighlights.vue — Pinned Entity Summary & Highlights Panel.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * Inspired by Salesforce SLDS 2 Record Highlights Panel and Shopify Polaris Page Headers.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * Pinned at the top of entity detail records, research corridors, test track views,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * and editorial CMS canvases.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * Displays:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * - Entity Icon, Eyebrow classification, and Primary Title\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * - Status Badge slot (<TuxBadge> or <TuxStatus>)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * - Top 4-6 primary KPI metric chips with values, change indicators, and labels\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * - Right-docked primary & secondary action buttons\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">export\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> interface\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> HighlightItem\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  label\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  value\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> number\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  change\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  changeTone\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"positive\"\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"negative\"\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"neutral\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  tone\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  icon\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">interface\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Props\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  title\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  eyebrow\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  icon\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E36209\">  items\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> HighlightItem\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">[];\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">const\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> props\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> withDefaults\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">defineProps\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">Props\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>(), {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  eyebrow: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">undefined\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  icon: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">undefined\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  items\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: () \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> [],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">});\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">script\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">template\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"tux-record-highlights bg-surface-raised border border-surface-border rounded-xl p-4 sm:p-5 shadow-xs space-y-4\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    data-testid\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"tux-record-highlights\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">    <!-- Top Row: Identity, Title, Badges & Action Buttons -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"flex flex-col sm:flex-row sm:items-center justify-between gap-3 pb-3 border-b border-surface-border\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">      <!-- Left: Icon, Eyebrow, Title & Badge -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"flex items-start gap-3 min-w-0\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">          v-if\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"props.icon\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">          class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"w-10 h-10 rounded-lg bg-brand-primary\u002F10 text-brand-primary flex items-center justify-center flex-shrink-0 mt-0.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">          aria-hidden\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"true\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">UIcon\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">name\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">props.icon\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"w-5 h-5\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"space-y-0.5 min-w-0\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> v-if\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"props.eyebrow\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"flex items-center gap-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">            <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">span\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"eyebrow text-brand-primary m-0 text-[10px] font-mono uppercase tracking-wider font-bold\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">              {{ props.eyebrow }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">span\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"flex items-center flex-wrap gap-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">            <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">h2\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"text-xl sm:text-2xl font-bold tracking-tight text-text-primary m-0 truncate\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">              {{ props.title }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">h2\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">            <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> v-if\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"$slots.badge\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"flex items-center\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">              <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">slot\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> name\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"badge\"\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\"> \u002F\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">      <!-- Right: Action Button Cluster -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> v-if\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"$slots.actions\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"flex items-center gap-2 flex-shrink-0 sm:self-center\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">slot\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> name\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"actions\"\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\"> \u002F\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">    <!-- Bottom Row: Primary KPI Highlight Metric Chips -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">      v-if\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"props.items && props.items.length > 0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">      class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3 pt-0.5\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">        v-for\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"(item, idx) in props.items\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">        :key\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"item.label || idx\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">        class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"p-2.5 rounded-lg bg-surface-sunken border border-surface-border space-y-1 transition-all hover:border-brand-primary\u002F40\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">      >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">span\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"block text-[10px] font-mono uppercase font-bold text-text-muted tracking-wider truncate\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          {{ item.label }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">span\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"flex items-baseline gap-1.5 flex-wrap\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">span\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"text-base sm:text-lg font-bold text-text-primary tracking-tight font-mono\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">            {{ item.value }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">span\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">span\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">            v-if\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"item.change\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">            class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"text-[9px] font-mono font-bold px-1 py-0.2 rounded\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">            :class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"[\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">              item.changeTone === 'positive' ? 'bg-emerald-500\u002F12 text-emerald-700 dark:text-emerald-300' :\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">              item.changeTone === 'negative' ? 'bg-rose-500\u002F12 text-rose-700 dark:text-rose-300' :\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">              'bg-surface-raised text-text-muted'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#032F62\">            ]\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">            {{ item.change }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">span\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">    <!-- Optional Contextual Extra Slot -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> v-if\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"$slots.extra\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"pt-1 text-xs text-text-muted\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">slot\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> name\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"extra\"\u003C\u002Fspan>\u003Cspan style=\"color:#B31D28;font-style:italic\"> \u002F\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">div\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">template\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">style\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> scoped\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">.tux-record-highlights\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#005CC5\">  box-sizing\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">: \u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\">border-box\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">style\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","",1792952335673]