[{"data":1,"prerenderedAt":8},["ShallowReactive",2],{"tux-example-vue:github-light:jtz2rh":3,"tux-example-vue:github-light:qjkxxo":4,"tux-example-vue:github-light:-j4d167":5,"tux-example-src:github-light:0":6,"tux-example-src:github-light:6hoyxz":7,"tux-example-pbi:github-light:0":6},"\u003Cpre class=\"shiki github-light\" style=\"background-color:#fff;color:#24292e\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"><!-- renders all 8 variants with the same props shape -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\"><\u003C\u002Fspan>\u003Cspan style=\"color:#22863A\">tux-alert\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">  v-for\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">v \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">in\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> variants\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  :\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">key\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">v\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  :\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">variant\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">v\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  :\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">title\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">v\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  :\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\">description\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"`This is a ${\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">v\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">} admonition.`\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">\u002F>\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\">tux-alert\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  variant\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"tip\"\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\">\"Use `heading--bold` for section titles, not page chrome.\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">\u002F>\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\">tux-alert\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  variant\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"info\"\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:database\"\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\">\"Saved to server\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">  description\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"Pass any Lucide icon name via `icon` to override the variant default.\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">\u002F>\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\"> * TuxAlert — TTI-flavored callout with Docusaurus-style left-bar.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * UAlert in `subtle` mode is fill-only (no left bar), which kills the\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * admonition rhythm we want for compliance messaging. We keep UAlert's\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * a11y + structure + color tokens, and add a 4px left border via inline\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * style so it doesn't fight Nuxt UI's Tailwind utilities.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * Eight variants:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *   note · tip · info · important · success · warning · danger · compliance\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * `important` and `compliance` both lean on brand-primary (maroon) —\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * intentional: the two signal \"institutional\" vs \"compliance\" but share\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\"> * the same visual family. `danger` is distinctly red for \"something broke.\"\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\">type\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Variant\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">  |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"note\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">  |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"tip\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">  |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"info\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">  |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"important\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">  |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"success\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">  |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"warning\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">  |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"danger\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">  |\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\"> \"compliance\"\u003C\u002Fspan>\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\">  variant\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">?:\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> Variant\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\">  description\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\">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\">  variant: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"info\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  title: \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\">  description: \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:#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\"> variantMap\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  note:       { color: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"neutral\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, variant: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"subtle\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, icon: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:pencil\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,         bar: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"var(--text-muted)\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,    width: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"4px\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  tip:        { color: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"tip\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,     variant: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"subtle\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, icon: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:lightbulb\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,      bar: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"#a78bfa\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,              width: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"4px\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  info:       { color: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"info\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,    variant: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"subtle\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, icon: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:info\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,           bar: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"var(--color-info)\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,    width: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"4px\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  important:  { color: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, variant: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"subtle\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, icon: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:bookmark\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,       bar: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"var(--brand-primary)\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, width: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"4px\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  success:    { color: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"success\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, variant: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"subtle\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, icon: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:check-circle-2\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, bar: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"var(--color-success)\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, width: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"4px\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  warning:    { color: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"warning\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, variant: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"subtle\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, icon: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:triangle-alert\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, bar: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"var(--brand-accent)\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,  width: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"4px\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  danger:     { color: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"error\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,   variant: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"subtle\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, icon: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:circle-x\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,       bar: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"var(--color-error)\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,   width: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"4px\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  compliance: { color: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"primary\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">, variant: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"solid\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,  icon: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"lucide:shield-alert\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,   bar: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"transparent\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">,          width: \u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"0\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">} \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">as\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">\u002F\u002F Unknown variants fall back to danger rather than crashing — an invalid\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">\u002F\u002F variant on an error-branch alert was 500ing whole SSR pages (consumers\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">\u002F\u002F passed \"error\", which has never been in the map).\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#D73A49\">const\u003C\u002Fspan>\u003Cspan style=\"color:#005CC5\"> mapped\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> computed\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#24292E\">  () \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> variantMap[props.variant \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">as\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> keyof\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> typeof\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> variantMap] \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">??\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> variantMap.danger,\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\">UAlert\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    :color\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"mapped.color\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    :variant\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"mapped.variant\"\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\">\"icon || mapped.icon\"\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\">\"title\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    :description\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"description\"\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-alert tux-alert--${variant}`\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6F42C1\">    :style\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"{ borderLeftWidth: mapped.width, borderLeftStyle: 'solid', borderLeftColor: mapped.bar }\"\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\">template\u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\"> v-for\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">(_, name) \u003C\u002Fspan>\u003Cspan style=\"color:#D73A49\">in\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> $slots\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\"> #[name]=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">slotData\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"\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\">\"name\"\u003C\u002Fspan>\u003Cspan style=\"color:#6F42C1\"> v-bind\u003C\u002Fspan>\u003Cspan style=\"color:#24292E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#032F62\">\"slotData\"\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\">template\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\">UAlert\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>\u003C\u002Fcode>\u003C\u002Fpre>",1788285282908]