{
  "name": "onb-import-picker",
  "kind": "block",
  "primary": "div",
  "page": "/apps/user-flow/app/onboarding/import-data/import-data.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-onb-form": ""
  },
  "html": "<div data-onb-form>\n          <div data-onb-fork role=\"radiogroup\" aria-label=\"Data source choice\">\n            <option-card-ui\n              layout=\"tile\"\n              name=\"data-mode\"\n              value=\"sample\"\n              checked\n              icon=\"sparkle\"\n              heading=\"Use sample data\"\n              description=\"Pre-loaded mock data so you can explore in seconds. Best for evaluating.\"\n            ></option-card-ui>\n            <option-card-ui\n              layout=\"tile\"\n              name=\"data-mode\"\n              value=\"upload\"\n              icon=\"upload\"\n              heading=\"Upload a CSV / JSON\"\n              description=\"One-shot import. Good for spreadsheet-shaped data and quick prototypes.\"\n            ></option-card-ui>\n            <option-card-ui\n              layout=\"tile\"\n              name=\"data-mode\"\n              value=\"blank\"\n              icon=\"file-plus\"\n              heading=\"Start from blank\"\n              description=\"Empty workspace. Connect or import later when you're ready.\"\n            ></option-card-ui>\n          </div>\n\n          <text-ui color=\"subtle\" size=\"sm\"\n            >Sample data is generated on-the-fly and is never stored after onboarding. Anything you configure on it carries over when you switch to live\n            sources.</text-ui\n          >\n        </div>",
  "source": "apps/user-flow/app/onboarding/import-data/import-data.contents.html",
  "metadata": {
    "domain": "onboarding",
    "description": "Data import source picker — choose where to import existing data from.",
    "keywords": [
      "onboarding",
      "import",
      "data",
      "source",
      "picker",
      "migration",
      "connect"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "data-mode",
      "component": "OptionCard",
      "description": "Pre-loaded mock data so you can explore in seconds. Best for evaluating.",
      "checked": true,
      "heading": "Use sample data",
      "icon": "sparkle",
      "layout": "tile",
      "name": "data-mode",
      "value": "sample"
    },
    {
      "id": "option-card",
      "component": "OptionCard",
      "description": "One-shot import. Good for spreadsheet-shaped data and quick prototypes.",
      "heading": "Upload a CSV / JSON",
      "icon": "upload",
      "layout": "tile",
      "name": "data-mode",
      "value": "upload"
    },
    {
      "id": "option-card-2",
      "component": "OptionCard",
      "description": "Empty workspace. Connect or import later when you're ready.",
      "heading": "Start from blank",
      "icon": "file-plus",
      "layout": "tile",
      "name": "data-mode",
      "value": "blank"
    },
    {
      "id": "data-source-choice",
      "component": "Column",
      "data-onb-fork": "",
      "children": [
        "data-mode",
        "option-card",
        "option-card-2"
      ]
    },
    {
      "id": "text",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Sample data is generated on-the-fly and is never stored after onboarding. Anything you configure on it carries over when you switch to live sources."
    },
    {
      "id": "root",
      "component": "Column",
      "data-onb-form": "",
      "children": [
        "data-source-choice",
        "text"
      ]
    }
  ]
}