{
  "name": "dashboard-storage-card",
  "kind": "block",
  "primary": "card-ui",
  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<card-ui>\n              <header>\n                <h3>Storage</h3>\n                <text-ui slot=\"description\" color=\"subtle\">75% of 100 GB used</text-ui>\n              </header>\n              <section>\n                <col-ui gap=\"2\">\n                  <progress-row-ui label=\"75 GB used\" value=\"75\" meta=\"100 GB total\"></progress-row-ui>\n                  <progress-row-ui label=\"Documents\" value=\"42\" meta=\"32 GB\"></progress-row-ui>\n                  <progress-row-ui label=\"Media\" value=\"37\" meta=\"28 GB\"></progress-row-ui>\n                  <progress-row-ui label=\"Backups\" value=\"20\" meta=\"15 GB\"></progress-row-ui>\n                </col-ui>\n              </section>\n              <footer>\n                <button-ui text=\"Upgrade Plan\" variant=\"primary\" stretch></button-ui>\n              </footer>\n            </card-ui>",
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "metadata": {
    "domain": "data",
    "description": "Storage usage card — used / total storage bar with tier breakdown and upgrade CTA.",
    "keywords": [
      "dashboard",
      "storage",
      "usage",
      "quota",
      "bar",
      "tier",
      "upgrade"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "Storage"
    },
    {
      "id": "text-2",
      "component": "Text",
      "slot": "description",
      "color": "subtle",
      "textContent": "75% of 100 GB used"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "progress-row",
      "component": "ProgressRow",
      "label": "75 GB used",
      "meta": "100 GB total",
      "value": 75
    },
    {
      "id": "progress-row-2",
      "component": "ProgressRow",
      "label": "Documents",
      "meta": "32 GB",
      "value": 42
    },
    {
      "id": "progress-row-3",
      "component": "ProgressRow",
      "label": "Media",
      "meta": "28 GB",
      "value": 37
    },
    {
      "id": "progress-row-4",
      "component": "ProgressRow",
      "label": "Backups",
      "meta": "15 GB",
      "value": 20
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "2",
      "children": [
        "progress-row",
        "progress-row-2",
        "progress-row-3",
        "progress-row-4"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "stretch": true,
      "text": "Upgrade Plan",
      "variant": "primary"
    },
    {
      "id": "footer",
      "component": "Footer",
      "children": [
        "button"
      ]
    },
    {
      "id": "root",
      "component": "Card",
      "children": [
        "header",
        "section",
        "footer"
      ]
    }
  ]
}