{
  "name": "contact-form",
  "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>Contact us</h3>\n    <p slot=\"description\">We'll get back to you within 24 hours.</p>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <grid-ui columns=\"1 2@sm\" gap=\"3\">\n        <field-ui label=\"Name\">\n          <input-ui placeholder=\"Jane Doe\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Email\">\n          <input-ui type=\"email\" placeholder=\"jane@example.com\"></input-ui>\n        </field-ui>\n      </grid-ui>\n      <field-ui label=\"Subject\">\n        <input-ui placeholder=\"How can we help?\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Message\">\n        <textarea-ui rows=\"4\" placeholder=\"Tell us more...\"></textarea-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <button-ui text=\"Send message\" variant=\"primary\" icon=\"paper-plane-tilt\" stretch></button-ui>\n  </footer>\n</card-ui>",
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "metadata": {
    "domain": "forms",
    "description": "Contact form with name, email, subject, and message fields and a send button.",
    "keywords": [
      "contact",
      "form",
      "name",
      "email",
      "subject",
      "message",
      "send",
      "fields",
      "form-ui",
      "contact-us",
      "feedback"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "Contact us"
    },
    {
      "id": "text-2",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "textContent": "We'll get back to you within 24 hours."
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "input",
      "component": "Input",
      "placeholder": "Jane Doe"
    },
    {
      "id": "field",
      "component": "Field",
      "label": "Name",
      "children": [
        "input"
      ]
    },
    {
      "id": "input-2",
      "component": "Input",
      "type": "email",
      "placeholder": "jane@example.com"
    },
    {
      "id": "field-2",
      "component": "Field",
      "label": "Email",
      "children": [
        "input-2"
      ]
    },
    {
      "id": "grid",
      "component": "Grid",
      "columns": "1 2@sm",
      "gap": "3",
      "children": [
        "field",
        "field-2"
      ]
    },
    {
      "id": "input-3",
      "component": "Input",
      "placeholder": "How can we help?"
    },
    {
      "id": "field-3",
      "component": "Field",
      "label": "Subject",
      "children": [
        "input-3"
      ]
    },
    {
      "id": "text-area",
      "component": "TextArea",
      "placeholder": "Tell us more...",
      "rows": "4"
    },
    {
      "id": "field-4",
      "component": "Field",
      "label": "Message",
      "children": [
        "text-area"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "3",
      "children": [
        "grid",
        "field-3",
        "field-4"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "icon": "paper-plane-tilt",
      "stretch": true,
      "text": "Send message",
      "variant": "primary"
    },
    {
      "id": "footer",
      "component": "Footer",
      "children": [
        "button"
      ]
    },
    {
      "id": "root",
      "component": "Card",
      "children": [
        "header",
        "section",
        "footer"
      ]
    }
  ]
}