{
  "page_ir": {
    "page_id": "register",
    "page_goal": "Self-registration form for new library members with full name, email, phone, date of birth, address, and password fields. Validates email uniqueness, password strength, and age requirement (13+). Creates account with Pending status.",
    "style": {
      "tone": "welcoming",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "professional with trust-building blue primary"
    },
    "accessibility": {
      "required_labels": [
        "First Name",
        "Last Name",
        "Email",
        "Phone",
        "Date of Birth",
        "Street Address",
        "City",
        "State",
        "Zip Code",
        "Password",
        "Confirm Password"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 992
      },
      "collapse_rules": [
        "address_row collapses to vertical on sm"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "Form must validate password strength (min 8 chars, letters, numbers, special)",
      "Age must be 13+",
      "Email must be unique"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "submitting": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "registrationSuccess": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {}
  },
  "data_fetch_ir": {
    "endpoints": {
      "6aa9a65283444b9c892146ec3c4bf2d0": {
        "endpoint_id": "6aa9a65283444b9c892146ec3c4bf2d0",
        "module": "User Management",
        "endpoint": "/users/",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {
          "email": "$form.email",
          "first_name": "$form.first_name",
          "last_name": "$form.last_name",
          "phone": "$form.phone",
          "address": "$form.address",
          "role": "MEMBER",
          "status": "INACTIVE",
          "password": "$form.password"
        },
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone",
          "address",
          "role",
          "status"
        ],
        "response_target": "createdUser",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "b488f7a3669c45b9ae9b0dda5785ffdf": {
        "endpoint_id": "b488f7a3669c45b9ae9b0dda5785ffdf",
        "module": "User Management",
        "endpoint": "/users/members",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {
          "user_id": "$state.createdUserId",
          "membership_date": "$today",
          "borrowing_limit": 5,
          "account_standing": "GOOD"
        },
        "fields": [
          "id",
          "user_id",
          "membership_number",
          "membership_date",
          "borrowing_limit",
          "account_standing"
        ],
        "response_target": "createdMember",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "user": {
        "name": "User",
        "backend_module": "User Management",
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone",
          "address",
          "role",
          "status",
          "password",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "first_name",
          "last_name",
          "email"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "member": {
        "name": "Member",
        "backend_module": "User Management",
        "fields": [
          "id",
          "user_id",
          "membership_number",
          "membership_date",
          "membership_expiry",
          "borrowing_limit",
          "account_standing",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "membership_number"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onFormValuesChange": {
        "type": "mutation",
        "updates": [],
        "description": ""
      }
    },
    "actions": {
      "fc552a40f43a42e898acee96df623490": {
        "action_id": "fc552a40f43a42e898acee96df623490",
        "trigger": "form_submit",
        "target_component_id": "registration_form",
        "operation": "create",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"first_name\", \"message\": \"First name is required\", \"rule_id\": \"val_first_name\", \"type\": \"required\"}",
            "message": "{\"field\": \"first_name\", \"message\": \"First name is required\", \"rule_id\": \"val_first_name\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"last_name\", \"message\": \"Last name is required\", \"rule_id\": \"val_last_name\", \"type\": \"required\"}",
            "message": "{\"field\": \"last_name\", \"message\": \"Last name is required\", \"rule_id\": \"val_last_name\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"email\", \"message\": \"Please enter a valid email address\", \"rule_id\": \"val_email\", \"type\": \"email\"}",
            "message": "{\"field\": \"email\", \"message\": \"Please enter a valid email address\", \"rule_id\": \"val_email\", \"type\": \"email\"}"
          },
          {
            "rule_id": "val_3",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"email\", \"message\": \"Email is required\", \"rule_id\": \"val_email_required\", \"type\": \"required\"}",
            "message": "{\"field\": \"email\", \"message\": \"Email is required\", \"rule_id\": \"val_email_required\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_4",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"phone\", \"message\": \"Phone number is required\", \"rule_id\": \"val_phone\", \"type\": \"required\"}",
            "message": "{\"field\": \"phone\", \"message\": \"Phone number is required\", \"rule_id\": \"val_phone\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_5",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"date_of_birth\", \"message\": \"Date of birth is required\", \"rule_id\": \"val_dob\", \"type\": \"required\"}",
            "message": "{\"field\": \"date_of_birth\", \"message\": \"Date of birth is required\", \"rule_id\": \"val_dob\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_6",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"date_of_birth\", \"message\": \"You must be at least 13 years old to register\", \"rule_id\": \"val_age\", \"type\": \"custom\"}",
            "message": "{\"field\": \"date_of_birth\", \"message\": \"You must be at least 13 years old to register\", \"rule_id\": \"val_age\", \"type\": \"custom\"}"
          },
          {
            "rule_id": "val_7",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_password\", \"type\": \"min_length\"}",
            "message": "{\"field\": \"password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_password\", \"type\": \"min_length\"}"
          },
          {
            "rule_id": "val_8",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"password\", \"message\": \"Password must contain letters, numbers, and special characters\", \"rule_id\": \"val_password_pattern\", \"type\": \"pattern\"}",
            "message": "{\"field\": \"password\", \"message\": \"Password must contain letters, numbers, and special characters\", \"rule_id\": \"val_password_pattern\", \"type\": \"pattern\"}"
          },
          {
            "rule_id": "val_9",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"confirm_password\", \"message\": \"Please confirm your password\", \"rule_id\": \"val_confirm_password\", \"type\": \"required\"}",
            "message": "{\"field\": \"confirm_password\", \"message\": \"Please confirm your password\", \"rule_id\": \"val_confirm_password\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.submitting",
            "expr": "true"
          }
        ],
        "api_endpoint": "6aa9a65283444b9c892146ec3c4bf2d0",
        "api_body": "{ email: form.email, first_name: form.first_name, last_name: form.last_name, phone: form.phone, address: [form.street, form.city, form.state, form.zip].filter(Boolean).join(', '), role: 'MEMBER', status: 'INACTIVE', password: form.password }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Registration successful! Your account is pending approval.",
              "type": "success"
            }
          },
          {
            "type": "navigate",
            "config": {
              "path": "/login"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "fef5d930283949cd83046c7faf26706c": {
        "action_id": "fef5d930283949cd83046c7faf26706c",
        "trigger": "button_click",
        "target_component_id": "login_link",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/login"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "fc552a40f43a42e898acee96df623490": {
        "action_id": "fc552a40f43a42e898acee96df623490",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Registration successful! Your account is pending approval by a librarian.",
        "error_message": "Registration failed. Please check your information and try again.",
        "ui_updates": [
          "state.submitting = false"
        ]
      },
      "fef5d930283949cd83046c7faf26706c": {
        "action_id": "fef5d930283949cd83046c7faf26706c",
        "loading_indicator": "none",
        "loading_text": null,
        "success_message": "",
        "error_message": "",
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#1677ff",
      "secondaryColor": "#000000",
      "successColor": null,
      "warningColor": null,
      "errorColor": null,
      "fontFamily": "sans-serif",
      "fontSize": null,
      "borderRadius": 6
    },
    "components": {
      "main_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%",
          "display": "flex",
          "flexDirection": "column",
          "alignItems": "center",
          "justifyContent": "center",
          "background": "#f5f5f5",
          "padding": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "registration_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%",
          "maxWidth": "600px",
          "borderRadius": "8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_header": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "textAlign": "center",
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_title": {
        "type": "Typography.Title",
        "label": "Member Registration",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_subtitle": {
        "type": "Typography.Text",
        "label": "Create your library account to start borrowing books",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "registration_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical",
          "requiredMark": true,
          "size": "large"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "name_row": {
        "type": "Row",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "gutter": 16
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "first_name_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 12
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "first_name_field": {
        "type": "Form.Item",
        "label": "First Name",
        "description": null,
        "bind": "first_name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "first_name",
          "rules": [
            {
              "required": true,
              "message": "First name is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "first_name_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "first_name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your first name"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "last_name_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 12
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "last_name_field": {
        "type": "Form.Item",
        "label": "Last Name",
        "description": null,
        "bind": "last_name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "last_name",
          "rules": [
            {
              "required": true,
              "message": "Last name is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "last_name_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "last_name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your last name"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "email_field": {
        "type": "Form.Item",
        "label": "Email",
        "description": null,
        "bind": "email",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "email",
          "rules": [
            {
              "required": true,
              "message": "Email is required"
            },
            {
              "type": "email",
              "message": "Please enter a valid email address"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "email_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "email",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your email address",
          "type": "email"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "contact_row": {
        "type": "Row",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "gutter": 16
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "phone_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 12
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "phone_field": {
        "type": "Form.Item",
        "label": "Phone Number",
        "description": null,
        "bind": "phone",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "phone",
          "rules": [
            {
              "required": true,
              "message": "Phone number is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "phone_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "phone",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your phone number"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "dob_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 12
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "dob_field": {
        "type": "Form.Item",
        "label": "Date of Birth",
        "description": null,
        "bind": "date_of_birth",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "date_of_birth",
          "rules": [
            {
              "required": true,
              "message": "Date of birth is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "dob_input": {
        "type": "DatePicker",
        "label": null,
        "description": null,
        "bind": "date_of_birth",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Select date of birth",
          "style": {
            "width": "100%"
          },
          "format": "MM/DD/YYYY"
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "address_divider": {
        "type": "Divider",
        "label": "Address",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "orientation": "left",
          "plain": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "street_field": {
        "type": "Form.Item",
        "label": "Street Address",
        "description": null,
        "bind": "street",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "street",
          "rules": [
            {
              "required": true,
              "message": "Street address is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "street_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "street",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your street address"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "address_row": {
        "type": "Row",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "gutter": 16
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "city_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 10
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "city_field": {
        "type": "Form.Item",
        "label": "City",
        "description": null,
        "bind": "city",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "city",
          "rules": [
            {
              "required": true,
              "message": "City is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "city_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "city",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "City"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "state_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 7
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "state_field": {
        "type": "Form.Item",
        "label": "State",
        "description": null,
        "bind": "state_code",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "state_code",
          "rules": [
            {
              "required": true,
              "message": "State is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "state_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "state_code",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "State"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "zip_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 7
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "zip_field": {
        "type": "Form.Item",
        "label": "Zip Code",
        "description": null,
        "bind": "zip",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "zip",
          "rules": [
            {
              "required": true,
              "message": "Zip code is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "zip_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "zip",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Zip"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "password_divider": {
        "type": "Divider",
        "label": "Security",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "orientation": "left",
          "plain": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "password_field": {
        "type": "Form.Item",
        "label": "Password",
        "description": null,
        "bind": "password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "password",
          "rules": [
            {
              "required": true,
              "message": "Password is required"
            },
            {
              "min": 8,
              "message": "Password must be at least 8 characters"
            },
            {
              "pattern": "^(?=.*[a-zA-Z])(?=.*\\d)(?=.*[!@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?]).{8,}$",
              "message": "Password must contain letters, numbers, and special characters"
            }
          ],
          "hasFeedback": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "password_input": {
        "type": "Input.Password",
        "label": null,
        "description": null,
        "bind": "password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Create a strong password"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "confirm_password_field": {
        "type": "Form.Item",
        "label": "Confirm Password",
        "description": null,
        "bind": "confirm_password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "confirm_password",
          "dependencies": [
            "password"
          ],
          "hasFeedback": true,
          "rules": [
            {
              "required": true,
              "message": "Please confirm your password"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "confirm_password_input": {
        "type": "Input.Password",
        "label": null,
        "description": null,
        "bind": "confirm_password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Re-enter your password"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "password_hint": {
        "type": "Typography.Text",
        "label": "Password must be at least 8 characters with a mix of letters, numbers, and special characters.",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "12px",
          "marginTop": "-16px",
          "marginBottom": "16px",
          "display": "block"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "submit_button": {
        "type": "Button",
        "label": "Create Account",
        "description": null,
        "bind": null,
        "onClick": "submitRegistration",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "htmlType": "submit",
          "block": true,
          "size": "large",
          "loading": "$state.submitting"
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "login_link_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "textAlign": "center",
          "marginTop": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "login_text": {
        "type": "Typography.Text",
        "label": "Already have an account? ",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "login_link": {
        "type": "Typography.Link",
        "label": "Sign in here",
        "description": null,
        "bind": null,
        "onClick": "navigateToLogin",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      }
    }
  },
  "layout_ir": {
    "root": "main_container",
    "children": {
      "main_container": [
        "registration_card"
      ],
      "registration_card": [
        "page_header",
        "registration_form"
      ],
      "page_header": [
        "page_title",
        "page_subtitle"
      ],
      "registration_form": [
        "name_row",
        "email_field",
        "contact_row",
        "address_divider",
        "street_field",
        "address_row",
        "password_divider",
        "password_field",
        "password_hint",
        "confirm_password_field",
        "submit_button",
        "login_link_container"
      ],
      "name_row": [
        "first_name_col",
        "last_name_col"
      ],
      "first_name_col": [
        "first_name_field"
      ],
      "first_name_field": [
        "first_name_input"
      ],
      "last_name_col": [
        "last_name_field"
      ],
      "last_name_field": [
        "last_name_input"
      ],
      "email_field": [
        "email_input"
      ],
      "contact_row": [
        "phone_col",
        "dob_col"
      ],
      "phone_col": [
        "phone_field"
      ],
      "phone_field": [
        "phone_input"
      ],
      "dob_col": [
        "dob_field"
      ],
      "dob_field": [
        "dob_input"
      ],
      "street_field": [
        "street_input"
      ],
      "address_row": [
        "city_col",
        "state_col",
        "zip_col"
      ],
      "city_col": [
        "city_field"
      ],
      "city_field": [
        "city_input"
      ],
      "state_col": [
        "state_field"
      ],
      "state_field": [
        "state_input"
      ],
      "zip_col": [
        "zip_field"
      ],
      "zip_field": [
        "zip_input"
      ],
      "password_field": [
        "password_input"
      ],
      "confirm_password_field": [
        "confirm_password_input"
      ],
      "login_link_container": [
        "login_text",
        "login_link"
      ]
    },
    "layout": {
      "main_container": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "registration_card": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "page_header": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "registration_form": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "name_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "contact_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "address_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "login_link_container": {
        "type": "horizontal",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      }
    },
    "layout_zones": [
      {
        "zone_id": "form_zone",
        "component": "registration_card",
        "anchor": "center",
        "size_hint": "600px",
        "z_layer": "base",
        "notes": "Centered registration card with max-width constraint"
      }
    ],
    "responsive_overrides": []
  },
  "navigation_ir": {
    "tabs": [],
    "modals": {},
    "drawers": {},
    "routes": [],
    "breadcrumb": null,
    "default_tab": null
  },
  "realtime_ir": {
    "timers": {},
    "polling": {}
  },
  "metadata": {
    "ir_version": "3.5",
    "generated_at": "",
    "source_prompt": null,
    "schema_session_id": null,
    "warnings": []
  },
  "page_data_contract": null,
  "schema_ir": null
}