@adia-ai/a2ui-corpus 0.0.1

package/exemplars/prose/steps/a2ui.json

@@ -0,0 +1,662 @@
+{
+  "id": "prose-steps",
+  "type": "page",
+  "description": "Step-by-step process sections",
+  "domain": "layout",
+  "tags": [
+    "prose-steps",
+    "section",
+    "column",
+    "text",
+    "card",
+    "timeline",
+    "timelineitem",
+    "divider",
+    "grid",
+    "input",
+    "footer",
+    "button",
+    "alert",
+    "row",
+    "badge",
+    "layout",
+    "first",
+    "name",
+    "last",
+    "email"
+  ],
+  "keywords": [
+    "prose-steps",
+    "section",
+    "column",
+    "text",
+    "card",
+    "timeline",
+    "timelineitem",
+    "divider"
+  ],
+  "source": "exemplars/prose/steps/index.html",
+  "components": [
+    "Section",
+    "Column",
+    "Text",
+    "Card",
+    "Divider",
+    "Grid",
+    "Input",
+    "Footer",
+    "Button",
+    "Alert",
+    "Row",
+    "Badge"
+  ],
+  "template": [
+    {
+      "id": "section-1",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ],
+      "prose": true
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "column-3",
+        "column-20",
+        "column-35",
+        "column-60"
+      ],
+      "gap": "8"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "text-4",
+        "card-5"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Horizontal"
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "children": [
+        "section-6",
+        "footer-16"
+      ]
+    },
+    {
+      "id": "section-6",
+      "component": "Section",
+      "children": [
+        "column-7"
+      ]
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "children": [
+        "divider-8",
+        "column-9"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "divider-8",
+      "component": "Divider"
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "children": [
+        "text-10",
+        "grid-11"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Personal Details"
+    },
+    {
+      "id": "grid-11",
+      "component": "Grid",
+      "children": [
+        "input-12",
+        "input-13",
+        "input-14",
+        "input-15"
+      ],
+      "columns": "2"
+    },
+    {
+      "id": "input-12",
+      "component": "Input",
+      "label": "First Name",
+      "value": "Jane"
+    },
+    {
+      "id": "input-13",
+      "component": "Input",
+      "label": "Last Name",
+      "value": "Doe"
+    },
+    {
+      "id": "input-14",
+      "component": "Input",
+      "label": "Email",
+      "value": "jane@example.com",
+      "type": "email"
+    },
+    {
+      "id": "input-15",
+      "component": "Input",
+      "label": "Phone",
+      "value": "+1 (555) 123-4567",
+      "type": "tel"
+    },
+    {
+      "id": "footer-16",
+      "component": "Footer",
+      "children": [
+        "grid-17"
+      ]
+    },
+    {
+      "id": "grid-17",
+      "component": "Grid",
+      "children": [
+        "button-18",
+        "button-19"
+      ],
+      "columns": "2",
+      "slot": "action",
+      "gap": "2"
+    },
+    {
+      "id": "button-18",
+      "component": "Button",
+      "text": "Back",
+      "variant": "outline"
+    },
+    {
+      "id": "button-19",
+      "component": "Button",
+      "text": "Continue",
+      "variant": "primary"
+    },
+    {
+      "id": "column-20",
+      "component": "Column",
+      "children": [
+        "text-21",
+        "card-22"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "text-21",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Vertical"
+    },
+    {
+      "id": "card-22",
+      "component": "Card",
+      "children": [
+        "section-23",
+        "footer-31"
+      ]
+    },
+    {
+      "id": "section-23",
+      "component": "Section",
+      "children": [
+        "column-24"
+      ]
+    },
+    {
+      "id": "column-24",
+      "component": "Column",
+      "children": [
+        "divider-25",
+        "column-26"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "divider-25",
+      "component": "Divider"
+    },
+    {
+      "id": "column-26",
+      "component": "Column",
+      "children": [
+        "text-27",
+        "input-28",
+        "input-29",
+        "input-30"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "text-27",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Account Credentials"
+    },
+    {
+      "id": "input-28",
+      "component": "Input",
+      "label": "Username",
+      "placeholder": "Choose a username"
+    },
+    {
+      "id": "input-29",
+      "component": "Input",
+      "label": "Password",
+      "type": "password",
+      "placeholder": "Create a password"
+    },
+    {
+      "id": "input-30",
+      "component": "Input",
+      "label": "Confirm Password",
+      "type": "password",
+      "placeholder": "Re-enter your password"
+    },
+    {
+      "id": "footer-31",
+      "component": "Footer",
+      "children": [
+        "grid-32"
+      ]
+    },
+    {
+      "id": "grid-32",
+      "component": "Grid",
+      "children": [
+        "button-33",
+        "button-34"
+      ],
+      "columns": "2",
+      "slot": "action",
+      "gap": "2"
+    },
+    {
+      "id": "button-33",
+      "component": "Button",
+      "text": "Back",
+      "variant": "outline"
+    },
+    {
+      "id": "button-34",
+      "component": "Button",
+      "text": "Continue",
+      "variant": "primary"
+    },
+    {
+      "id": "column-35",
+      "component": "Column",
+      "children": [
+        "text-36",
+        "card-37"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "text-36",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "With Icons"
+    },
+    {
+      "id": "card-37",
+      "component": "Card",
+      "children": [
+        "section-38",
+        "footer-56"
+      ]
+    },
+    {
+      "id": "section-38",
+      "component": "Section",
+      "children": [
+        "column-39"
+      ]
+    },
+    {
+      "id": "column-39",
+      "component": "Column",
+      "children": [
+        "divider-40",
+        "column-41"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "divider-40",
+      "component": "Divider"
+    },
+    {
+      "id": "column-41",
+      "component": "Column",
+      "children": [
+        "text-42",
+        "grid-43"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "text-42",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Review Your Information"
+    },
+    {
+      "id": "grid-43",
+      "component": "Grid",
+      "children": [
+        "column-44",
+        "column-47",
+        "column-50",
+        "column-53"
+      ],
+      "columns": "2"
+    },
+    {
+      "id": "column-44",
+      "component": "Column",
+      "children": [
+        "text-45",
+        "text-46"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-45",
+      "component": "Text",
+      "textContent": "First Name"
+    },
+    {
+      "id": "text-46",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Jane"
+    },
+    {
+      "id": "column-47",
+      "component": "Column",
+      "children": [
+        "text-48",
+        "text-49"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-48",
+      "component": "Text",
+      "textContent": "Last Name"
+    },
+    {
+      "id": "text-49",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Doe"
+    },
+    {
+      "id": "column-50",
+      "component": "Column",
+      "children": [
+        "text-51",
+        "text-52"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-51",
+      "component": "Text",
+      "textContent": "Email"
+    },
+    {
+      "id": "text-52",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "jane@example.com"
+    },
+    {
+      "id": "column-53",
+      "component": "Column",
+      "children": [
+        "text-54",
+        "text-55"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-54",
+      "component": "Text",
+      "textContent": "Phone"
+    },
+    {
+      "id": "text-55",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "+1 (555) 123-4567"
+    },
+    {
+      "id": "footer-56",
+      "component": "Footer",
+      "children": [
+        "grid-57"
+      ]
+    },
+    {
+      "id": "grid-57",
+      "component": "Grid",
+      "children": [
+        "button-58",
+        "button-59"
+      ],
+      "columns": "2",
+      "slot": "action",
+      "gap": "2"
+    },
+    {
+      "id": "button-58",
+      "component": "Button",
+      "text": "Back",
+      "variant": "outline"
+    },
+    {
+      "id": "button-59",
+      "component": "Button",
+      "text": "Submit",
+      "variant": "primary"
+    },
+    {
+      "id": "column-60",
+      "component": "Column",
+      "children": [
+        "text-61",
+        "card-62"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "text-61",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "With Content"
+    },
+    {
+      "id": "card-62",
+      "component": "Card",
+      "children": [
+        "section-63",
+        "footer-79"
+      ]
+    },
+    {
+      "id": "section-63",
+      "component": "Section",
+      "children": [
+        "column-64"
+      ]
+    },
+    {
+      "id": "column-64",
+      "component": "Column",
+      "children": [
+        "divider-65",
+        "column-66"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "divider-65",
+      "component": "Divider"
+    },
+    {
+      "id": "column-66",
+      "component": "Column",
+      "children": [
+        "text-67",
+        "alert-68",
+        "column-69"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "text-67",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Confirmation"
+    },
+    {
+      "id": "alert-68",
+      "component": "Alert",
+      "text": "Your account has been created. Please review the details below before confirming.",
+      "variant": "success",
+      "icon": "check-circle"
+    },
+    {
+      "id": "column-69",
+      "component": "Column",
+      "children": [
+        "row-70",
+        "row-73",
+        "row-76"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "row-70",
+      "component": "Row",
+      "children": [
+        "text-71",
+        "text-72"
+      ],
+      "justify": "space-between"
+    },
+    {
+      "id": "text-71",
+      "component": "Text",
+      "textContent": "Username"
+    },
+    {
+      "id": "text-72",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "janedoe"
+    },
+    {
+      "id": "row-73",
+      "component": "Row",
+      "children": [
+        "text-74",
+        "text-75"
+      ],
+      "justify": "space-between"
+    },
+    {
+      "id": "text-74",
+      "component": "Text",
+      "textContent": "Email"
+    },
+    {
+      "id": "text-75",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "jane@example.com"
+    },
+    {
+      "id": "row-76",
+      "component": "Row",
+      "children": [
+        "text-77",
+        "badge-78"
+      ],
+      "justify": "space-between"
+    },
+    {
+      "id": "text-77",
+      "component": "Text",
+      "textContent": "Plan"
+    },
+    {
+      "id": "badge-78",
+      "component": "Badge",
+      "text": "Pro",
+      "variant": "info"
+    },
+    {
+      "id": "footer-79",
+      "component": "Footer",
+      "children": [
+        "grid-80"
+      ]
+    },
+    {
+      "id": "grid-80",
+      "component": "Grid",
+      "children": [
+        "button-81",
+        "button-82"
+      ],
+      "columns": "2",
+      "slot": "action",
+      "gap": "2"
+    },
+    {
+      "id": "button-81",
+      "component": "Button",
+      "text": "Back",
+      "variant": "outline"
+    },
+    {
+      "id": "button-82",
+      "component": "Button",
+      "text": "Confirm",
+      "variant": "primary"
+    }
+  ]
+}