{
  "name": "dashboard-country-list",
  "kind": "block",
  "primary": "grid-ui",
  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Top countries</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"lg\">🇺🇸</text-ui>\n                      <text-ui weight=\"semibold\" grow>United States</text-ui>\n                      <text-ui>14,320</text-ui>\n                      <text-ui color=\"subtle\">50.4%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"lg\">🇩🇪</text-ui>\n                      <text-ui weight=\"semibold\" grow>Germany</text-ui>\n                      <text-ui>3,892</text-ui>\n                      <text-ui color=\"subtle\">13.7%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"lg\">🇬🇧</text-ui>\n                      <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n                      <text-ui>2,841</text-ui>\n                      <text-ui color=\"subtle\">10.0%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"lg\">🇯🇵</text-ui>\n                      <text-ui weight=\"semibold\" grow>Japan</text-ui>\n                      <text-ui>1,920</text-ui>\n                      <text-ui color=\"subtle\">6.8%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"lg\">🇨🇦</text-ui>\n                      <text-ui weight=\"semibold\" grow>Canada</text-ui>\n                      <text-ui>1,450</text-ui>\n                      <text-ui color=\"subtle\">5.1%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "metadata": {
    "domain": "data",
    "description": "Country traffic list card — top countries by pageview or user count with bar chart.",
    "keywords": [
      "dashboard",
      "country",
      "list",
      "traffic",
      "geo",
      "analytics",
      "pageviews"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "Top countries"
    },
    {
      "id": "text-2",
      "component": "Text",
      "slot": "description",
      "color": "subtle",
      "textContent": "Sessions by geography"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "size": "lg",
      "textContent": "🇺🇸"
    },
    {
      "id": "text-4",
      "component": "Text",
      "weight": "semibold",
      "textContent": "United States"
    },
    {
      "id": "text-5",
      "component": "Text",
      "textContent": "14,320"
    },
    {
      "id": "text-6",
      "component": "Text",
      "color": "subtle",
      "textContent": "50.4%"
    },
    {
      "id": "row",
      "component": "Row",
      "align": "center",
      "gap": "3",
      "grow": true,
      "children": [
        "text-3",
        "text-4",
        "text-5",
        "text-6"
      ]
    },
    {
      "id": "list-item",
      "component": "ListItem",
      "children": [
        "row"
      ]
    },
    {
      "id": "text-7",
      "component": "Text",
      "size": "lg",
      "textContent": "🇩🇪"
    },
    {
      "id": "text-8",
      "component": "Text",
      "weight": "semibold",
      "textContent": "Germany"
    },
    {
      "id": "text-9",
      "component": "Text",
      "textContent": "3,892"
    },
    {
      "id": "text-10",
      "component": "Text",
      "color": "subtle",
      "textContent": "13.7%"
    },
    {
      "id": "row-2",
      "component": "Row",
      "align": "center",
      "gap": "3",
      "grow": true,
      "children": [
        "text-7",
        "text-8",
        "text-9",
        "text-10"
      ]
    },
    {
      "id": "list-item-2",
      "component": "ListItem",
      "children": [
        "row-2"
      ]
    },
    {
      "id": "text-11",
      "component": "Text",
      "size": "lg",
      "textContent": "🇬🇧"
    },
    {
      "id": "text-12",
      "component": "Text",
      "weight": "semibold",
      "textContent": "United Kingdom"
    },
    {
      "id": "text-13",
      "component": "Text",
      "textContent": "2,841"
    },
    {
      "id": "text-14",
      "component": "Text",
      "color": "subtle",
      "textContent": "10.0%"
    },
    {
      "id": "row-3",
      "component": "Row",
      "align": "center",
      "gap": "3",
      "grow": true,
      "children": [
        "text-11",
        "text-12",
        "text-13",
        "text-14"
      ]
    },
    {
      "id": "list-item-3",
      "component": "ListItem",
      "children": [
        "row-3"
      ]
    },
    {
      "id": "text-15",
      "component": "Text",
      "size": "lg",
      "textContent": "🇯🇵"
    },
    {
      "id": "text-16",
      "component": "Text",
      "weight": "semibold",
      "textContent": "Japan"
    },
    {
      "id": "text-17",
      "component": "Text",
      "textContent": "1,920"
    },
    {
      "id": "text-18",
      "component": "Text",
      "color": "subtle",
      "textContent": "6.8%"
    },
    {
      "id": "row-4",
      "component": "Row",
      "align": "center",
      "gap": "3",
      "grow": true,
      "children": [
        "text-15",
        "text-16",
        "text-17",
        "text-18"
      ]
    },
    {
      "id": "list-item-4",
      "component": "ListItem",
      "children": [
        "row-4"
      ]
    },
    {
      "id": "text-19",
      "component": "Text",
      "size": "lg",
      "textContent": "🇨🇦"
    },
    {
      "id": "text-20",
      "component": "Text",
      "weight": "semibold",
      "textContent": "Canada"
    },
    {
      "id": "text-21",
      "component": "Text",
      "textContent": "1,450"
    },
    {
      "id": "text-22",
      "component": "Text",
      "color": "subtle",
      "textContent": "5.1%"
    },
    {
      "id": "row-5",
      "component": "Row",
      "align": "center",
      "gap": "3",
      "grow": true,
      "children": [
        "text-19",
        "text-20",
        "text-21",
        "text-22"
      ]
    },
    {
      "id": "list-item-5",
      "component": "ListItem",
      "children": [
        "row-5"
      ]
    },
    {
      "id": "list",
      "component": "List",
      "divider": true,
      "children": [
        "list-item",
        "list-item-2",
        "list-item-3",
        "list-item-4",
        "list-item-5"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "children": [
        "list"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "header",
        "section"
      ]
    },
    {
      "id": "root",
      "component": "Grid",
      "children": [
        "card"
      ]
    }
  ]
}