@adia-ai/a2ui-corpus 0.0.1

package/exemplars/prose/auth-login/a2ui.json

@@ -0,0 +1,2143 @@
+{
+  "id": "prose-auth-login",
+  "type": "page",
+  "description": "Prose-styled auth/login pages",
+  "domain": "forms",
+  "tags": [
+    "prose-auth-login",
+    "section",
+    "column",
+    "card",
+    "grid",
+    "row",
+    "icon",
+    "text",
+    "button",
+    "divider",
+    "input",
+    "checkbox",
+    "header",
+    "avatar",
+    "alert",
+    "otpinput",
+    "progress",
+    "badge",
+    "forms",
+    "work"
+  ],
+  "keywords": [
+    "prose-auth-login",
+    "section",
+    "column",
+    "card",
+    "grid",
+    "row",
+    "icon",
+    "text"
+  ],
+  "source": "exemplars/prose/auth-login/index.html",
+  "components": [
+    "Section",
+    "Column",
+    "Card",
+    "Grid",
+    "Row",
+    "Icon",
+    "Text",
+    "Button",
+    "Divider",
+    "Input",
+    "CheckBox",
+    "Header",
+    "Avatar",
+    "Alert",
+    "OtpInput",
+    "Progress",
+    "Badge"
+  ],
+  "template": [
+    {
+      "id": "section-1",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ],
+      "prose": true
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "card-3",
+        "column-43",
+        "column-86",
+        "column-118",
+        "column-146",
+        "column-196",
+        "column-243"
+      ],
+      "gap": "16"
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-4"
+      ]
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "grid-5"
+      ],
+      "bleed": true
+    },
+    {
+      "id": "grid-5",
+      "component": "Grid",
+      "children": [
+        "column-6",
+        "column-24"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "row-7",
+        "column-10",
+        "column-13"
+      ],
+      "prose": true,
+      "gap": "6",
+      "justify": "between"
+    },
+    {
+      "id": "row-7",
+      "component": "Row",
+      "children": [
+        "icon-8",
+        "text-9"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-8",
+      "component": "Icon",
+      "name": "cube",
+      "size": "md"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "nomargin": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "column-10",
+      "component": "Column",
+      "children": [
+        "text-11",
+        "text-12"
+      ],
+      "gap": "4",
+      "grow": true
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "display",
+      "nomargin": true,
+      "textContent": "Ship faster, together."
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "deck",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "The platform trusted by 40,000+ teams to build, deploy, and scale modern applications."
+    },
+    {
+      "id": "column-13",
+      "component": "Column",
+      "children": [
+        "row-14"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "row-14",
+      "component": "Row",
+      "children": [
+        "column-15",
+        "column-18",
+        "column-21"
+      ],
+      "gap": "6",
+      "justify": "center"
+    },
+    {
+      "id": "column-15",
+      "component": "Column",
+      "children": [
+        "text-16",
+        "text-17"
+      ],
+      "gap": "0",
+      "align": "center"
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "40k+"
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "textContent": "Teams"
+    },
+    {
+      "id": "column-18",
+      "component": "Column",
+      "children": [
+        "text-19",
+        "text-20"
+      ],
+      "gap": "0",
+      "align": "center"
+    },
+    {
+      "id": "text-19",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "99.9%"
+    },
+    {
+      "id": "text-20",
+      "component": "Text",
+      "textContent": "Uptime"
+    },
+    {
+      "id": "column-21",
+      "component": "Column",
+      "children": [
+        "text-22",
+        "text-23"
+      ],
+      "gap": "0",
+      "align": "center"
+    },
+    {
+      "id": "text-22",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "4.9★"
+    },
+    {
+      "id": "text-23",
+      "component": "Text",
+      "textContent": "Rating"
+    },
+    {
+      "id": "column-24",
+      "component": "Column",
+      "children": [
+        "column-25",
+        "column-28",
+        "divider-32",
+        "column-33",
+        "divider-39"
+      ],
+      "justify": "center"
+    },
+    {
+      "id": "column-25",
+      "component": "Column",
+      "children": [
+        "text-26",
+        "text-27"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "text-26",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "Welcome back"
+    },
+    {
+      "id": "text-27",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Sign in to your workspace to pick up where you left off."
+    },
+    {
+      "id": "column-28",
+      "component": "Column",
+      "children": [
+        "button-29",
+        "button-30",
+        "button-31"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "button-29",
+      "component": "Button",
+      "text": "Continue with Google",
+      "icon": "google-logo",
+      "variant": "outline",
+      "stretch": true
+    },
+    {
+      "id": "button-30",
+      "component": "Button",
+      "text": "Continue with GitHub",
+      "icon": "github-logo",
+      "variant": "outline",
+      "stretch": true
+    },
+    {
+      "id": "button-31",
+      "component": "Button",
+      "text": "Continue with Apple",
+      "icon": "apple-logo",
+      "variant": "outline",
+      "stretch": true
+    },
+    {
+      "id": "divider-32",
+      "component": "Divider",
+      "label": "OR"
+    },
+    {
+      "id": "column-33",
+      "component": "Column",
+      "children": [
+        "input-34",
+        "input-35",
+        "row-36",
+        "button-38"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "input-34",
+      "component": "Input",
+      "label": "Work email",
+      "placeholder": "you@company.com",
+      "type": "email"
+    },
+    {
+      "id": "input-35",
+      "component": "Input",
+      "label": "Password",
+      "placeholder": "••••••••",
+      "type": "password",
+      "suffix": "eye-slash"
+    },
+    {
+      "id": "row-36",
+      "component": "Row",
+      "children": [
+        "checkbox-37"
+      ],
+      "justify": "between",
+      "align": "center",
+      "size": "sm"
+    },
+    {
+      "id": "checkbox-37",
+      "component": "CheckBox",
+      "label": "Remember this device"
+    },
+    {
+      "id": "button-38",
+      "component": "Button",
+      "text": "Sign in",
+      "variant": "primary",
+      "stretch": true
+    },
+    {
+      "id": "divider-39",
+      "component": "Divider"
+    },
+    {
+      "id": "text-40",
+      "component": "Text",
+      "textContent": "New to Acme?"
+    },
+    {
+      "id": "text-41",
+      "component": "Text",
+      "textContent": "·"
+    },
+    {
+      "id": "text-42",
+      "component": "Text",
+      "textContent": "·"
+    },
+    {
+      "id": "column-43",
+      "component": "Column",
+      "children": [
+        "header-44",
+        "card-52",
+        "column-68"
+      ],
+      "gap": "8",
+      "align": "center"
+    },
+    {
+      "id": "header-44",
+      "component": "Header",
+      "children": [
+        "column-45"
+      ],
+      "align": "center",
+      "prose": true
+    },
+    {
+      "id": "column-45",
+      "component": "Column",
+      "children": [
+        "row-46",
+        "text-49",
+        "text-50",
+        "text-51"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "row-46",
+      "component": "Row",
+      "children": [
+        "icon-47",
+        "text-48"
+      ],
+      "gap": "1",
+      "justify": "center",
+      "align": "center"
+    },
+    {
+      "id": "icon-47",
+      "component": "Icon",
+      "name": "cube"
+    },
+    {
+      "id": "text-48",
+      "component": "Text",
+      "nomargin": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "text-49",
+      "component": "Text",
+      "variant": "kicker",
+      "textContent": "Start for free"
+    },
+    {
+      "id": "text-50",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "Create your account"
+    },
+    {
+      "id": "text-51",
+      "component": "Text",
+      "variant": "deck",
+      "nomargin": true,
+      "textContent": "Join 40,000+ teams building with Acme. No credit card required."
+    },
+    {
+      "id": "card-52",
+      "component": "Card",
+      "children": [
+        "section-53"
+      ],
+      "elevation": 2
+    },
+    {
+      "id": "section-53",
+      "component": "Section",
+      "children": [
+        "column-54"
+      ]
+    },
+    {
+      "id": "column-54",
+      "component": "Column",
+      "children": [
+        "column-55",
+        "divider-58",
+        "column-59",
+        "checkbox-65",
+        "button-66"
+      ],
+      "gap": "5"
+    },
+    {
+      "id": "column-55",
+      "component": "Column",
+      "children": [
+        "button-56",
+        "button-57"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "button-56",
+      "component": "Button",
+      "text": "Sign up with Google",
+      "icon": "google-logo",
+      "variant": "outline",
+      "stretch": true
+    },
+    {
+      "id": "button-57",
+      "component": "Button",
+      "text": "Sign up with GitHub",
+      "icon": "github-logo",
+      "variant": "outline",
+      "stretch": true
+    },
+    {
+      "id": "divider-58",
+      "component": "Divider",
+      "label": "OR"
+    },
+    {
+      "id": "column-59",
+      "component": "Column",
+      "children": [
+        "grid-60",
+        "input-63",
+        "input-64"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "grid-60",
+      "component": "Grid",
+      "children": [
+        "input-61",
+        "input-62"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "input-61",
+      "component": "Input",
+      "label": "First name",
+      "placeholder": "Jane"
+    },
+    {
+      "id": "input-62",
+      "component": "Input",
+      "label": "Last name",
+      "placeholder": "Doe"
+    },
+    {
+      "id": "input-63",
+      "component": "Input",
+      "label": "Work email",
+      "placeholder": "jane@company.com",
+      "type": "email"
+    },
+    {
+      "id": "input-64",
+      "component": "Input",
+      "label": "Password",
+      "placeholder": "Min. 8 characters",
+      "type": "password"
+    },
+    {
+      "id": "checkbox-65",
+      "component": "CheckBox",
+      "label": "I agree to the Terms of Service and Privacy Policy",
+      "size": "sm"
+    },
+    {
+      "id": "button-66",
+      "component": "Button",
+      "text": "Create free account",
+      "variant": "primary",
+      "stretch": true
+    },
+    {
+      "id": "text-67",
+      "component": "Text",
+      "textContent": "Already have an account?"
+    },
+    {
+      "id": "column-68",
+      "component": "Column",
+      "children": [
+        "row-69",
+        "row-79"
+      ],
+      "gap": "4",
+      "align": "center"
+    },
+    {
+      "id": "row-69",
+      "component": "Row",
+      "children": [
+        "row-70",
+        "row-73",
+        "row-76"
+      ],
+      "gap": "6",
+      "justify": "center"
+    },
+    {
+      "id": "row-70",
+      "component": "Row",
+      "children": [
+        "icon-71",
+        "text-72"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "icon-71",
+      "component": "Icon",
+      "name": "shield-check",
+      "size": "sm",
+      "color": "success"
+    },
+    {
+      "id": "text-72",
+      "component": "Text",
+      "textContent": "SOC 2 Certified"
+    },
+    {
+      "id": "row-73",
+      "component": "Row",
+      "children": [
+        "icon-74",
+        "text-75"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "icon-74",
+      "component": "Icon",
+      "name": "lock-simple",
+      "size": "sm",
+      "color": "success"
+    },
+    {
+      "id": "text-75",
+      "component": "Text",
+      "textContent": "End-to-end encrypted"
+    },
+    {
+      "id": "row-76",
+      "component": "Row",
+      "children": [
+        "icon-77",
+        "text-78"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "icon-77",
+      "component": "Icon",
+      "name": "clock",
+      "size": "sm",
+      "color": "success"
+    },
+    {
+      "id": "text-78",
+      "component": "Text",
+      "textContent": "99.9% uptime SLA"
+    },
+    {
+      "id": "row-79",
+      "component": "Row",
+      "children": [
+        "avatar-80",
+        "avatar-81",
+        "avatar-82",
+        "avatar-83",
+        "avatar-84",
+        "text-85"
+      ],
+      "gap": "3",
+      "justify": "center",
+      "align": "center"
+    },
+    {
+      "id": "avatar-80",
+      "component": "Avatar",
+      "text": "Sarah Chen",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-81",
+      "component": "Avatar",
+      "text": "Marcus J",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-82",
+      "component": "Avatar",
+      "text": "Priya P",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-83",
+      "component": "Avatar",
+      "text": "Alex R",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-84",
+      "component": "Avatar",
+      "text": "Kim L",
+      "size": "sm"
+    },
+    {
+      "id": "text-85",
+      "component": "Text",
+      "textContent": "Joined by 2,400+ engineers this month"
+    },
+    {
+      "id": "column-86",
+      "component": "Column",
+      "children": [
+        "header-87",
+        "card-93"
+      ],
+      "gap": "6",
+      "align": "center"
+    },
+    {
+      "id": "header-87",
+      "component": "Header",
+      "children": [
+        "column-88"
+      ],
+      "align": "center",
+      "prose": true
+    },
+    {
+      "id": "column-88",
+      "component": "Column",
+      "children": [
+        "row-89",
+        "text-92"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "row-89",
+      "component": "Row",
+      "children": [
+        "icon-90",
+        "text-91"
+      ],
+      "gap": "1",
+      "justify": "center",
+      "align": "center"
+    },
+    {
+      "id": "icon-90",
+      "component": "Icon",
+      "name": "cube",
+      "size": "md"
+    },
+    {
+      "id": "text-91",
+      "component": "Text",
+      "nomargin": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "text-92",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "You've been invited"
+    },
+    {
+      "id": "card-93",
+      "component": "Card",
+      "children": [
+        "section-94"
+      ],
+      "elevation": 1
+    },
+    {
+      "id": "section-94",
+      "component": "Section",
+      "children": [
+        "column-95"
+      ]
+    },
+    {
+      "id": "column-95",
+      "component": "Column",
+      "children": [
+        "card-96",
+        "column-103",
+        "divider-107",
+        "column-108",
+        "divider-112",
+        "column-113"
+      ],
+      "gap": "5"
+    },
+    {
+      "id": "card-96",
+      "component": "Card",
+      "children": [
+        "section-97"
+      ]
+    },
+    {
+      "id": "section-97",
+      "component": "Section",
+      "children": [
+        "row-98"
+      ]
+    },
+    {
+      "id": "row-98",
+      "component": "Row",
+      "children": [
+        "avatar-99",
+        "column-100"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "avatar-99",
+      "component": "Avatar",
+      "text": "Mira Patel",
+      "size": "md"
+    },
+    {
+      "id": "column-100",
+      "component": "Column",
+      "children": [
+        "text-101",
+        "text-102"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-101",
+      "component": "Text",
+      "textContent": "Mira Patel"
+    },
+    {
+      "id": "text-102",
+      "component": "Text",
+      "textContent": "invited you to join"
+    },
+    {
+      "id": "column-103",
+      "component": "Column",
+      "children": [
+        "avatar-104",
+        "text-105",
+        "text-106"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "avatar-104",
+      "component": "Avatar",
+      "text": "AE",
+      "size": "lg",
+      "variant": "accent"
+    },
+    {
+      "id": "text-105",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Acme Engineering"
+    },
+    {
+      "id": "text-106",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "12 members · Pro plan"
+    },
+    {
+      "id": "divider-107",
+      "component": "Divider"
+    },
+    {
+      "id": "column-108",
+      "component": "Column",
+      "children": [
+        "input-109",
+        "input-110",
+        "button-111"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "input-109",
+      "component": "Input",
+      "label": "Your name",
+      "placeholder": "Full name"
+    },
+    {
+      "id": "input-110",
+      "component": "Input",
+      "label": "Password",
+      "placeholder": "Create a password",
+      "type": "password"
+    },
+    {
+      "id": "button-111",
+      "component": "Button",
+      "text": "Accept invitation",
+      "variant": "primary",
+      "stretch": true
+    },
+    {
+      "id": "divider-112",
+      "component": "Divider",
+      "label": "OR"
+    },
+    {
+      "id": "column-113",
+      "component": "Column",
+      "children": [
+        "button-114",
+        "button-115"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "button-114",
+      "component": "Button",
+      "text": "Join with Google",
+      "icon": "google-logo",
+      "variant": "outline",
+      "stretch": true
+    },
+    {
+      "id": "button-115",
+      "component": "Button",
+      "text": "Join with GitHub",
+      "icon": "github-logo",
+      "variant": "outline",
+      "stretch": true
+    },
+    {
+      "id": "text-116",
+      "component": "Text",
+      "textContent": "By joining you agree to our"
+    },
+    {
+      "id": "text-117",
+      "component": "Text",
+      "textContent": "and"
+    },
+    {
+      "id": "column-118",
+      "component": "Column",
+      "children": [
+        "header-119",
+        "card-126",
+        "card-133"
+      ],
+      "gap": "8",
+      "align": "center"
+    },
+    {
+      "id": "header-119",
+      "component": "Header",
+      "children": [
+        "column-120"
+      ],
+      "align": "center",
+      "prose": true
+    },
+    {
+      "id": "column-120",
+      "component": "Column",
+      "children": [
+        "row-121",
+        "text-124",
+        "text-125"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "row-121",
+      "component": "Row",
+      "children": [
+        "icon-122",
+        "text-123"
+      ],
+      "gap": "1",
+      "justify": "center",
+      "align": "center"
+    },
+    {
+      "id": "icon-122",
+      "component": "Icon",
+      "name": "cube",
+      "size": "md"
+    },
+    {
+      "id": "text-123",
+      "component": "Text",
+      "nomargin": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "text-124",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "Sign in to Acme"
+    },
+    {
+      "id": "text-125",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "No password needed — we'll email you a magic link."
+    },
+    {
+      "id": "card-126",
+      "component": "Card",
+      "children": [
+        "section-127"
+      ]
+    },
+    {
+      "id": "section-127",
+      "component": "Section",
+      "children": [
+        "column-128"
+      ]
+    },
+    {
+      "id": "column-128",
+      "component": "Column",
+      "children": [
+        "input-129",
+        "button-130",
+        "divider-131",
+        "button-132"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "input-129",
+      "component": "Input",
+      "label": "Email address",
+      "placeholder": "you@company.com",
+      "type": "email"
+    },
+    {
+      "id": "button-130",
+      "component": "Button",
+      "text": "Send magic link",
+      "variant": "primary",
+      "stretch": true,
+      "icon": "paper-plane-tilt"
+    },
+    {
+      "id": "divider-131",
+      "component": "Divider",
+      "label": "OR"
+    },
+    {
+      "id": "button-132",
+      "component": "Button",
+      "text": "Sign in with password instead",
+      "variant": "ghost",
+      "stretch": true,
+      "icon": "key"
+    },
+    {
+      "id": "card-133",
+      "component": "Card",
+      "children": [
+        "section-134"
+      ]
+    },
+    {
+      "id": "section-134",
+      "component": "Section",
+      "children": [
+        "column-135"
+      ]
+    },
+    {
+      "id": "column-135",
+      "component": "Column",
+      "children": [
+        "column-136",
+        "alert-141",
+        "divider-142",
+        "column-143"
+      ],
+      "gap": "5",
+      "align": "center"
+    },
+    {
+      "id": "column-136",
+      "component": "Column",
+      "children": [
+        "icon-137",
+        "text-138",
+        "text-139",
+        "text-140"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-137",
+      "component": "Icon",
+      "name": "envelope-simple",
+      "size": "lg",
+      "color": "accent"
+    },
+    {
+      "id": "text-138",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Check your inbox"
+    },
+    {
+      "id": "text-139",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "We sent a sign-in link to"
+    },
+    {
+      "id": "text-140",
+      "component": "Text",
+      "textContent": "jane@company.com"
+    },
+    {
+      "id": "alert-141",
+      "component": "Alert",
+      "variant": "info",
+      "size": "sm"
+    },
+    {
+      "id": "divider-142",
+      "component": "Divider"
+    },
+    {
+      "id": "column-143",
+      "component": "Column",
+      "children": [
+        "button-144",
+        "button-145"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "button-144",
+      "component": "Button",
+      "text": "Resend link",
+      "variant": "outline",
+      "stretch": true,
+      "icon": "arrow-clockwise"
+    },
+    {
+      "id": "button-145",
+      "component": "Button",
+      "text": "Use a different email",
+      "variant": "ghost",
+      "stretch": true,
+      "icon": "arrow-left"
+    },
+    {
+      "id": "column-146",
+      "component": "Column",
+      "children": [
+        "header-147",
+        "card-153",
+        "card-162",
+        "card-188"
+      ],
+      "gap": "8",
+      "align": "center"
+    },
+    {
+      "id": "header-147",
+      "component": "Header",
+      "children": [
+        "column-148"
+      ],
+      "align": "center",
+      "prose": true
+    },
+    {
+      "id": "column-148",
+      "component": "Column",
+      "children": [
+        "row-149",
+        "text-152"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "row-149",
+      "component": "Row",
+      "children": [
+        "icon-150",
+        "text-151"
+      ],
+      "gap": "1",
+      "justify": "center",
+      "align": "center"
+    },
+    {
+      "id": "icon-150",
+      "component": "Icon",
+      "name": "cube",
+      "size": "md"
+    },
+    {
+      "id": "text-151",
+      "component": "Text",
+      "nomargin": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "text-152",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "Reset your password"
+    },
+    {
+      "id": "card-153",
+      "component": "Card",
+      "children": [
+        "section-154"
+      ]
+    },
+    {
+      "id": "section-154",
+      "component": "Section",
+      "children": [
+        "column-155"
+      ]
+    },
+    {
+      "id": "column-155",
+      "component": "Column",
+      "children": [
+        "column-156",
+        "input-159",
+        "button-160",
+        "button-161"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "column-156",
+      "component": "Column",
+      "children": [
+        "text-157",
+        "text-158"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "text-157",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Forgot your password?"
+    },
+    {
+      "id": "text-158",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Enter the email associated with your account and we'll send a reset code."
+    },
+    {
+      "id": "input-159",
+      "component": "Input",
+      "label": "Email address",
+      "placeholder": "you@company.com",
+      "type": "email"
+    },
+    {
+      "id": "button-160",
+      "component": "Button",
+      "text": "Send reset code",
+      "variant": "primary",
+      "stretch": true
+    },
+    {
+      "id": "button-161",
+      "component": "Button",
+      "text": "Back to sign in",
+      "variant": "ghost",
+      "stretch": true,
+      "icon": "arrow-left"
+    },
+    {
+      "id": "card-162",
+      "component": "Card",
+      "children": [
+        "section-163"
+      ]
+    },
+    {
+      "id": "section-163",
+      "component": "Section",
+      "children": [
+        "column-164"
+      ]
+    },
+    {
+      "id": "column-164",
+      "component": "Column",
+      "children": [
+        "column-165",
+        "otpinput-168",
+        "divider-169",
+        "input-170",
+        "column-171",
+        "input-186",
+        "button-187"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "column-165",
+      "component": "Column",
+      "children": [
+        "text-166",
+        "text-167"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "text-166",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Enter your reset code"
+    },
+    {
+      "id": "text-167",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "We sent a 6-digit code to j***@company.com"
+    },
+    {
+      "id": "otpinput-168",
+      "component": "OtpInput",
+      "length": 6,
+      "size": "lg"
+    },
+    {
+      "id": "divider-169",
+      "component": "Divider"
+    },
+    {
+      "id": "input-170",
+      "component": "Input",
+      "label": "New password",
+      "placeholder": "Min. 8 characters",
+      "type": "password"
+    },
+    {
+      "id": "column-171",
+      "component": "Column",
+      "children": [
+        "progress-172",
+        "row-173"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "progress-172",
+      "component": "Progress",
+      "value": 75,
+      "size": "sm",
+      "variant": "success"
+    },
+    {
+      "id": "row-173",
+      "component": "Row",
+      "children": [
+        "row-174",
+        "row-177",
+        "row-180",
+        "row-183"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "row-174",
+      "component": "Row",
+      "children": [
+        "icon-175",
+        "text-176"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-175",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm",
+      "color": "success"
+    },
+    {
+      "id": "text-176",
+      "component": "Text",
+      "textContent": "8+ characters"
+    },
+    {
+      "id": "row-177",
+      "component": "Row",
+      "children": [
+        "icon-178",
+        "text-179"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-178",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm",
+      "color": "success"
+    },
+    {
+      "id": "text-179",
+      "component": "Text",
+      "textContent": "Uppercase"
+    },
+    {
+      "id": "row-180",
+      "component": "Row",
+      "children": [
+        "icon-181",
+        "text-182"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-181",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm",
+      "color": "success"
+    },
+    {
+      "id": "text-182",
+      "component": "Text",
+      "textContent": "Number"
+    },
+    {
+      "id": "row-183",
+      "component": "Row",
+      "children": [
+        "icon-184",
+        "text-185"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-184",
+      "component": "Icon",
+      "name": "circle",
+      "size": "sm",
+      "color": "muted"
+    },
+    {
+      "id": "text-185",
+      "component": "Text",
+      "textContent": "Symbol"
+    },
+    {
+      "id": "input-186",
+      "component": "Input",
+      "label": "Confirm password",
+      "placeholder": "Re-enter new password",
+      "type": "password"
+    },
+    {
+      "id": "button-187",
+      "component": "Button",
+      "text": "Reset password",
+      "variant": "primary",
+      "stretch": true
+    },
+    {
+      "id": "card-188",
+      "component": "Card",
+      "children": [
+        "section-189"
+      ]
+    },
+    {
+      "id": "section-189",
+      "component": "Section",
+      "children": [
+        "column-190"
+      ]
+    },
+    {
+      "id": "column-190",
+      "component": "Column",
+      "children": [
+        "icon-191",
+        "column-192",
+        "button-195"
+      ],
+      "gap": "4",
+      "align": "center"
+    },
+    {
+      "id": "icon-191",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "lg",
+      "color": "success"
+    },
+    {
+      "id": "column-192",
+      "component": "Column",
+      "children": [
+        "text-193",
+        "text-194"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "text-193",
+      "component": "Text",
+      "variant": "section",
+      "nomargin": true,
+      "textContent": "Password updated"
+    },
+    {
+      "id": "text-194",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "textAlign": "center",
+      "nomargin": true,
+      "textContent": "Your password has been successfully reset. You can now sign in with your new credentials."
+    },
+    {
+      "id": "button-195",
+      "component": "Button",
+      "text": "Continue to sign in",
+      "variant": "primary",
+      "stretch": true,
+      "icon": "sign-in"
+    },
+    {
+      "id": "column-196",
+      "component": "Column",
+      "children": [
+        "header-197",
+        "column-203"
+      ],
+      "gap": "6",
+      "align": "center"
+    },
+    {
+      "id": "header-197",
+      "component": "Header",
+      "children": [
+        "column-198"
+      ],
+      "align": "center",
+      "prose": true
+    },
+    {
+      "id": "column-198",
+      "component": "Column",
+      "children": [
+        "column-199"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "column-199",
+      "component": "Column",
+      "children": [
+        "avatar-200",
+        "text-201",
+        "text-202"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "avatar-200",
+      "component": "Avatar",
+      "text": "Jane Doe",
+      "size": "lg"
+    },
+    {
+      "id": "text-201",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "Welcome back, Jane"
+    },
+    {
+      "id": "text-202",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Choose a workspace to continue"
+    },
+    {
+      "id": "column-203",
+      "component": "Column",
+      "children": [
+        "card-204",
+        "card-215",
+        "card-226",
+        "divider-237",
+        "button-238",
+        "row-239"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "card-204",
+      "component": "Card",
+      "children": [
+        "section-205"
+      ],
+      "variant": "outlined",
+      "interactive": true
+    },
+    {
+      "id": "section-205",
+      "component": "Section",
+      "children": [
+        "row-206"
+      ]
+    },
+    {
+      "id": "row-206",
+      "component": "Row",
+      "children": [
+        "row-207",
+        "column-212"
+      ],
+      "gap": "3",
+      "align": "center",
+      "justify": "between"
+    },
+    {
+      "id": "row-207",
+      "component": "Row",
+      "children": [
+        "avatar-208",
+        "column-209"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "avatar-208",
+      "component": "Avatar",
+      "text": "A",
+      "size": "md",
+      "variant": "accent",
+      "initials": "AE"
+    },
+    {
+      "id": "column-209",
+      "component": "Column",
+      "children": [
+        "text-210",
+        "text-211"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-210",
+      "component": "Text",
+      "textContent": "Acme Engineering"
+    },
+    {
+      "id": "text-211",
+      "component": "Text",
+      "textContent": "12 members · Pro plan"
+    },
+    {
+      "id": "column-212",
+      "component": "Column",
+      "children": [
+        "badge-213",
+        "text-214"
+      ],
+      "gap": "0",
+      "align": "end"
+    },
+    {
+      "id": "badge-213",
+      "component": "Badge",
+      "text": "Owner",
+      "variant": "accent",
+      "size": "sm"
+    },
+    {
+      "id": "text-214",
+      "component": "Text",
+      "textContent": "Active 2h ago"
+    },
+    {
+      "id": "card-215",
+      "component": "Card",
+      "children": [
+        "section-216"
+      ],
+      "variant": "outlined",
+      "interactive": true
+    },
+    {
+      "id": "section-216",
+      "component": "Section",
+      "children": [
+        "row-217"
+      ]
+    },
+    {
+      "id": "row-217",
+      "component": "Row",
+      "children": [
+        "row-218",
+        "column-223"
+      ],
+      "gap": "3",
+      "align": "center",
+      "justify": "between"
+    },
+    {
+      "id": "row-218",
+      "component": "Row",
+      "children": [
+        "avatar-219",
+        "column-220"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "avatar-219",
+      "component": "Avatar",
+      "text": "S",
+      "size": "md",
+      "variant": "warning"
+    },
+    {
+      "id": "column-220",
+      "component": "Column",
+      "children": [
+        "text-221",
+        "text-222"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-221",
+      "component": "Text",
+      "textContent": "Side Project Labs"
+    },
+    {
+      "id": "text-222",
+      "component": "Text",
+      "textContent": "3 members · Free plan"
+    },
+    {
+      "id": "column-223",
+      "component": "Column",
+      "children": [
+        "badge-224",
+        "text-225"
+      ],
+      "gap": "0",
+      "align": "end"
+    },
+    {
+      "id": "badge-224",
+      "component": "Badge",
+      "text": "Admin",
+      "size": "sm"
+    },
+    {
+      "id": "text-225",
+      "component": "Text",
+      "textContent": "Active 3d ago"
+    },
+    {
+      "id": "card-226",
+      "component": "Card",
+      "children": [
+        "section-227"
+      ],
+      "variant": "outlined",
+      "interactive": true
+    },
+    {
+      "id": "section-227",
+      "component": "Section",
+      "children": [
+        "row-228"
+      ]
+    },
+    {
+      "id": "row-228",
+      "component": "Row",
+      "children": [
+        "row-229",
+        "column-234"
+      ],
+      "gap": "3",
+      "align": "center",
+      "justify": "between"
+    },
+    {
+      "id": "row-229",
+      "component": "Row",
+      "children": [
+        "avatar-230",
+        "column-231"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "avatar-230",
+      "component": "Avatar",
+      "text": "O",
+      "size": "md",
+      "variant": "success"
+    },
+    {
+      "id": "column-231",
+      "component": "Column",
+      "children": [
+        "text-232",
+        "text-233"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-232",
+      "component": "Text",
+      "textContent": "Open Source Collective"
+    },
+    {
+      "id": "text-233",
+      "component": "Text",
+      "textContent": "84 members · Enterprise"
+    },
+    {
+      "id": "column-234",
+      "component": "Column",
+      "children": [
+        "badge-235",
+        "text-236"
+      ],
+      "gap": "0",
+      "align": "end"
+    },
+    {
+      "id": "badge-235",
+      "component": "Badge",
+      "text": "Member",
+      "variant": "default",
+      "size": "sm"
+    },
+    {
+      "id": "text-236",
+      "component": "Text",
+      "textContent": "Active 1w ago"
+    },
+    {
+      "id": "divider-237",
+      "component": "Divider"
+    },
+    {
+      "id": "button-238",
+      "component": "Button",
+      "text": "Create a new workspace",
+      "variant": "ghost",
+      "stretch": true,
+      "icon": "plus"
+    },
+    {
+      "id": "row-239",
+      "component": "Row",
+      "children": [
+        "text-240",
+        "text-241",
+        "text-242"
+      ],
+      "gap": "1",
+      "justify": "center"
+    },
+    {
+      "id": "text-240",
+      "component": "Text",
+      "textContent": "Signed in as"
+    },
+    {
+      "id": "text-241",
+      "component": "Text",
+      "textContent": "jane@company.com"
+    },
+    {
+      "id": "text-242",
+      "component": "Text",
+      "textContent": "·"
+    },
+    {
+      "id": "column-243",
+      "component": "Column",
+      "children": [
+        "header-244",
+        "card-251",
+        "row-264"
+      ],
+      "gap": "6",
+      "align": "center"
+    },
+    {
+      "id": "header-244",
+      "component": "Header",
+      "children": [
+        "column-245"
+      ],
+      "align": "center",
+      "prose": true
+    },
+    {
+      "id": "column-245",
+      "component": "Column",
+      "children": [
+        "row-246",
+        "text-249",
+        "text-250"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "row-246",
+      "component": "Row",
+      "children": [
+        "icon-247",
+        "text-248"
+      ],
+      "gap": "1",
+      "justify": "center",
+      "align": "center"
+    },
+    {
+      "id": "icon-247",
+      "component": "Icon",
+      "name": "cube",
+      "size": "md"
+    },
+    {
+      "id": "text-248",
+      "component": "Text",
+      "nomargin": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "text-249",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "Two-factor authentication"
+    },
+    {
+      "id": "text-250",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Enter the code from your authenticator app to continue."
+    },
+    {
+      "id": "card-251",
+      "component": "Card",
+      "children": [
+        "section-252"
+      ]
+    },
+    {
+      "id": "section-252",
+      "component": "Section",
+      "children": [
+        "column-253"
+      ]
+    },
+    {
+      "id": "column-253",
+      "component": "Column",
+      "children": [
+        "column-254",
+        "checkbox-257",
+        "button-258",
+        "divider-259",
+        "column-260",
+        "alert-263"
+      ],
+      "gap": "5"
+    },
+    {
+      "id": "column-254",
+      "component": "Column",
+      "children": [
+        "icon-255",
+        "otpinput-256"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "icon-255",
+      "component": "Icon",
+      "name": "shield-check",
+      "size": "lg",
+      "color": "accent"
+    },
+    {
+      "id": "otpinput-256",
+      "component": "OtpInput",
+      "length": 6,
+      "sixe": "lg"
+    },
+    {
+      "id": "checkbox-257",
+      "component": "CheckBox",
+      "label": "Trust this device for 30 days",
+      "size": "sm"
+    },
+    {
+      "id": "button-258",
+      "component": "Button",
+      "text": "Verify",
+      "variant": "primary",
+      "stretch": true
+    },
+    {
+      "id": "divider-259",
+      "component": "Divider",
+      "label": "OR"
+    },
+    {
+      "id": "column-260",
+      "component": "Column",
+      "children": [
+        "button-261",
+        "button-262"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "button-261",
+      "component": "Button",
+      "text": "Use a backup code",
+      "variant": "outline",
+      "stretch": true,
+      "icon": "key"
+    },
+    {
+      "id": "button-262",
+      "component": "Button",
+      "text": "Send code via SMS",
+      "variant": "ghost",
+      "stretch": true,
+      "icon": "device-mobile"
+    },
+    {
+      "id": "alert-263",
+      "component": "Alert",
+      "variant": "warning",
+      "size": "sm"
+    },
+    {
+      "id": "row-264",
+      "component": "Row",
+      "children": [
+        "text-265",
+        "text-266",
+        "text-267",
+        "text-268"
+      ],
+      "gap": "1",
+      "justify": "center"
+    },
+    {
+      "id": "text-265",
+      "component": "Text",
+      "textContent": "Signing in as"
+    },
+    {
+      "id": "text-266",
+      "component": "Text",
+      "textContent": "jane@company.com"
+    },
+    {
+      "id": "text-267",
+      "component": "Text",
+      "textContent": "·"
+    },
+    {
+      "id": "text-268",
+      "component": "Text",
+      "textContent": "Use a different account"
+    }
+  ]
+}