{
  "name": "reg-usecase-picker",
  "kind": "block",
  "primary": "section",
  "page": "/apps/user-flow/app/registration/use-case/use-case.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-reg-form": "",
    "role": "radiogroup",
    "aria-label": "Use case"
  },
  "html": "<section data-reg-form role=\"radiogroup\" aria-label=\"Use case\">\n          <col-ui gap=\"2\">\n            <option-card-ui\n              name=\"use-case\"\n              value=\"build\"\n              checked\n              heading=\"I'm building a product\"\n              description=\"Spinning up a new project — design, ship, iterate.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"use-case\"\n              value=\"explore\"\n              heading=\"I'm exploring the product\"\n              description=\"Kicking the tires before bringing a team along.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"use-case\"\n              value=\"migrate\"\n              heading=\"I'm migrating from another tool\"\n              description=\"Moving an existing workspace and want a smooth port.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"use-case\"\n              value=\"evaluate\"\n              heading=\"I'm evaluating for my team\"\n              description=\"Comparing options and want to dig into specifics.\"\n            ></option-card-ui>\n            <option-card-ui name=\"use-case\" value=\"other\" heading=\"Something else\" description=\"Tell us more — we read every response.\">\n              <textarea-ui name=\"use-case-detail\" placeholder=\"What brings you to AdiaUI?\" rows=\"3\"></textarea-ui>\n            </option-card-ui>\n          </col-ui>\n        </section>",
  "source": "apps/user-flow/app/registration/use-case/use-case.contents.html",
  "metadata": {
    "domain": "forms",
    "description": "Use-case picker — select primary goal or job-to-be-done during signup.",
    "keywords": [
      "registration",
      "use",
      "case",
      "goal",
      "job",
      "todo",
      "picker",
      "select",
      "setup"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "use-case",
      "component": "OptionCard",
      "description": "Spinning up a new project — design, ship, iterate.",
      "checked": true,
      "heading": "I'm building a product",
      "name": "use-case",
      "value": "build"
    },
    {
      "id": "option-card",
      "component": "OptionCard",
      "description": "Kicking the tires before bringing a team along.",
      "heading": "I'm exploring the product",
      "name": "use-case",
      "value": "explore"
    },
    {
      "id": "option-card-2",
      "component": "OptionCard",
      "description": "Moving an existing workspace and want a smooth port.",
      "heading": "I'm migrating from another tool",
      "name": "use-case",
      "value": "migrate"
    },
    {
      "id": "option-card-3",
      "component": "OptionCard",
      "description": "Comparing options and want to dig into specifics.",
      "heading": "I'm evaluating for my team",
      "name": "use-case",
      "value": "evaluate"
    },
    {
      "id": "use-case-detail",
      "component": "TextArea",
      "name": "use-case-detail",
      "placeholder": "What brings you to AdiaUI?",
      "rows": "3"
    },
    {
      "id": "option-card-4",
      "component": "OptionCard",
      "description": "Tell us more — we read every response.",
      "heading": "Something else",
      "name": "use-case",
      "value": "other",
      "children": [
        "use-case-detail"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "2",
      "children": [
        "use-case",
        "option-card",
        "option-card-2",
        "option-card-3",
        "option-card-4"
      ]
    },
    {
      "id": "root",
      "component": "Section",
      "data-reg-form": "",
      "children": [
        "column"
      ]
    }
  ]
}