{
  "name": "dashboard-transactions-table",
  "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>Recent Transactions</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n                <span slot=\"action\">\n                  <menu-ui id=\"tx-state-menu\">\n                    <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n                    <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n                    <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n                    <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n                    <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n                  </menu-ui>\n                </span>\n              </header>\n              <section bleed data-tx-surface>\n                <table-ui id=\"dash-transactions\" sortable striped paginate=\"5\"></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "metadata": {
    "domain": "data",
    "description": "Transactions data table — id, date, customer, amount, status badge per row + pagination footer.",
    "keywords": [
      "transactions",
      "data-table",
      "list",
      "orders",
      "sales",
      "payments",
      "rows",
      "pagination",
      "status-badge"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "Recent Transactions"
    },
    {
      "id": "text-2",
      "component": "Text",
      "slot": "description",
      "color": "subtle",
      "textContent": "Manage and track recent customer orders"
    },
    {
      "id": "button",
      "component": "Button",
      "slot": "trigger",
      "icon": "caret-down",
      "size": "sm",
      "text": "View as",
      "variant": "ghost"
    },
    {
      "id": "column",
      "component": "Column"
    },
    {
      "id": "column-2",
      "component": "Column"
    },
    {
      "id": "column-3",
      "component": "Column"
    },
    {
      "id": "column-4",
      "component": "Column"
    },
    {
      "id": "tx-state-menu",
      "component": "Menu",
      "children": [
        "button",
        "column",
        "column-2",
        "column-3",
        "column-4"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "variant": "body",
      "slot": "action",
      "children": [
        "tx-state-menu"
      ]
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text",
        "text-2",
        "text-3"
      ]
    },
    {
      "id": "dash-transactions",
      "component": "Table",
      "paginate": 5,
      "sortable": true,
      "striped": true
    },
    {
      "id": "section",
      "component": "Section",
      "bleed": true,
      "data-tx-surface": "",
      "children": [
        "column-5"
      ]
    },
    {
      "id": "column-5",
      "component": "Column",
      "children": [
        "dash-transactions"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "header",
        "section"
      ]
    },
    {
      "id": "root",
      "component": "Grid",
      "children": [
        "card"
      ]
    }
  ]
}