{
  "props": {
    "children": [
      {
        "props": {
          "id": "url",
          "refresh": true
        },
        "type": "Location",
        "namespace": "dash_core_components"
      },
      {
        "props": {
          "id": "iframe-status"
        },
        "type": "Store",
        "namespace": "dash_core_components"
      },
      {
        "props": {
          "id": "notification-container"
        },
        "type": "NotificationContainer",
        "namespace": "dash_mantine_components"
      },
      {
        "props": {
          "children": [
            {
              "props": {
                "children": [
                  {
                    "props": {
                      "children": [
                        {
                          "props": {
                            "children": "LOCKSMITH",
                            "id": "home-anchor",
                            "href": "/home",
                            "style": {
                              "display": "none"
                            }
                          },
                          "type": "Anchor",
                          "namespace": "dash_mantine_components"
                        },
                        {
                          "props": {
                            "children": [],
                            "id": "user-name",
                            "style": {
                              "fontSize": 24,
                              "position": "relative",
                              "font-weight": "700"
                            }
                          },
                          "type": "Text",
                          "namespace": "dash_mantine_components"
                        },
                        {
                          "props": {
                            "children": [
                              {
                                "props": {
                                  "children": {
                                    "props": {
                                      "children": null,
                                      "id": "user-avatar",
                                      "color": "blue",
                                      "radius": "xl",
                                      "size": 70,
                                      "style": {
                                        "cursor": "pointer",
                                        "display": "none"
                                      }
                                    },
                                    "type": "Avatar",
                                    "namespace": "dash_mantine_components"
                                  }
                                },
                                "type": "MenuTarget",
                                "namespace": "dash_mantine_components"
                              },
                              {
                                "props": {
                                  "children": [
                                    {
                                      "props": {
                                        "children": "Account",
                                        "style": {
                                          "fontSize": "18px"
                                        }
                                      },
                                      "type": "MenuLabel",
                                      "namespace": "dash_mantine_components"
                                    },
                                    {
                                      "props": {
                                        "children": {
                                          "props": {
                                            "children": "Change Password",
                                            "style": {
                                              "fontSize": "12px",
                                              "fontWeight": "600"
                                            }
                                          },
                                          "type": "Text",
                                          "namespace": "dash_mantine_components"
                                        },
                                        "id": "changepass",
                                        "leftSection": {
                                          "props": {
                                            "height": 28,
                                            "icon": "fxemoji:lock",
                                            "width": 28
                                          },
                                          "type": "DashIconify",
                                          "namespace": "dash_iconify"
                                        },
                                        "style": {
                                          "fontSize": "22px",
                                          "padding": "14px 18px"
                                        }
                                      },
                                      "type": "MenuItem",
                                      "namespace": "dash_mantine_components"
                                    },
                                    {
                                      "props": {},
                                      "type": "MenuDivider",
                                      "namespace": "dash_mantine_components"
                                    },
                                    {
                                      "props": {
                                        "children": {
                                          "props": {
                                            "children": "Logout",
                                            "style": {
                                              "fontSize": "12px",
                                              "fontWeight": "600"
                                            }
                                          },
                                          "type": "Text",
                                          "namespace": "dash_mantine_components"
                                        },
                                        "id": "logout",
                                        "color": "red",
                                        "href": "/logout",
                                        "leftSection": {
                                          "props": {
                                            "height": 28,
                                            "icon": "vaadin:exit",
                                            "width": 28
                                          },
                                          "type": "DashIconify",
                                          "namespace": "dash_iconify"
                                        }
                                      },
                                      "type": "MenuItem",
                                      "namespace": "dash_mantine_components"
                                    }
                                  ],
                                  "style": {
                                    "width": 300
                                  }
                                },
                                "type": "MenuDropdown",
                                "namespace": "dash_mantine_components"
                              }
                            ],
                            "middlewares": {
                              "flip": false,
                              "shift": true
                            },
                            "position": "bottom-end",
                            "withinPortal": true,
                            "zIndex": 2000
                          },
                          "type": "Menu",
                          "namespace": "dash_mantine_components"
                        }
                      ],
                      "justify": "flex-end",
                      "mt": 4,
                      "pr": "lg",
                      "w": "100%"
                    },
                    "type": "Group",
                    "namespace": "dash_mantine_components"
                  }
                ],
                "id": "appshell_header"
              },
              "type": "AppShellHeader",
              "namespace": "dash_mantine_components"
            },
            {
              "props": {
                "children": {
                  "props": {
                    "children": [],
                    "id": "sidebar-content",
                    "style": {
                      "display": "none"
                    }
                  },
                  "type": "AppShellNavbar",
                  "namespace": "dash_mantine_components"
                },
                "id": "mouseonNavbar",
                "events": [
                  {
                    "event": "mouseenter",
                    "props": [
                      "srcElement.className"
                    ]
                  },
                  {
                    "event": "mouseleave",
                    "props": [
                      "srcElement.id"
                    ]
                  }
                ]
              },
              "type": "EventListener",
              "namespace": "dash_extensions"
            },
            {
              "props": {
                "children": [
                  {
                    "props": {
                      "children": [
                        {
                          "props": {
                            "children": [
                              {
                                "props": {
                                  "children": null,
                                  "h": 30
                                },
                                "type": "Space",
                                "namespace": "dash_mantine_components"
                              },
                              {
                                "props": {
                                  "id": "oldpass",
                                  "label": {
                                    "props": {
                                      "children": [
                                        "Old Password"
                                      ],
                                      "ff": "Acme",
                                      "style": {
                                        "fontSize": "18px"
                                      }
                                    },
                                    "type": "Text",
                                    "namespace": "dash_mantine_components"
                                  },
                                  "leftSection": {
                                    "props": {
                                      "icon": "bi:shield-lock"
                                    },
                                    "type": "DashIconify",
                                    "namespace": "dash_iconify"
                                  },
                                  "placeholder": "Old password",
                                  "radius": "xl",
                                  "size": "xl",
                                  "style": {
                                    "width": "90%"
                                  }
                                },
                                "type": "PasswordInput",
                                "namespace": "dash_mantine_components"
                              },
                              {
                                "props": {
                                  "id": "newpass",
                                  "label": {
                                    "props": {
                                      "children": [
                                        "New Password"
                                      ],
                                      "ff": "Acme",
                                      "style": {
                                        "fontSize": "18px"
                                      }
                                    },
                                    "type": "Text",
                                    "namespace": "dash_mantine_components"
                                  },
                                  "leftSection": {
                                    "props": {
                                      "icon": "bi:shield-lock"
                                    },
                                    "type": "DashIconify",
                                    "namespace": "dash_iconify"
                                  },
                                  "placeholder": "New password",
                                  "radius": "xl",
                                  "size": "xl",
                                  "style": {
                                    "width": "90%"
                                  }
                                },
                                "type": "PasswordInput",
                                "namespace": "dash_mantine_components"
                              },
                              {
                                "props": {
                                  "children": [
                                    "SAVE"
                                  ],
                                  "id": "savepass",
                                  "className": "mt-4",
                                  "color": "blue",
                                  "leftSection": {
                                    "props": {
                                      "height": 35,
                                      "icon": "fluent:save-multiple-16-regular",
                                      "style": {
                                        "width": "90%"
                                      }
                                    },
                                    "type": "DashIconify",
                                    "namespace": "dash_iconify"
                                  },
                                  "radius": "xl",
                                  "size": "lg",
                                  "variant": "outline"
                                },
                                "type": "Button",
                                "namespace": "dash_mantine_components"
                              },
                              {
                                "props": {
                                  "children": [
                                    "CANCEL"
                                  ],
                                  "id": "cancelpass",
                                  "className": "mt-4",
                                  "color": "red",
                                  "leftSection": {
                                    "props": {
                                      "height": 35,
                                      "icon": "hugeicons:cancel-02",
                                      "style": {
                                        "width": "90%"
                                      }
                                    },
                                    "type": "DashIconify",
                                    "namespace": "dash_iconify"
                                  },
                                  "radius": "xl",
                                  "size": "lg",
                                  "variant": "outline"
                                },
                                "type": "Button",
                                "namespace": "dash_mantine_components"
                              },
                              {
                                "props": {
                                  "children": null,
                                  "h": 15
                                },
                                "type": "Space",
                                "namespace": "dash_mantine_components"
                              },
                              {
                                "props": {
                                  "children": [],
                                  "id": "statusPass",
                                  "ff": "Acme",
                                  "style": {
                                    "fontSize": "24px"
                                  }
                                },
                                "type": "Text",
                                "namespace": "dash_mantine_components"
                              }
                            ],
                            "style": {
                              "margin-top": "50%"
                            }
                          },
                          "type": "Stack",
                          "namespace": "dash_mantine_components"
                        },
                        {
                          "props": {
                            "children": null,
                            "h": 20
                          },
                          "type": "Space",
                          "namespace": "dash_mantine_components"
                        }
                      ],
                      "id": "mainapp_main1",
                      "position": "right",
                      "size": "30%",
                      "transitionProps": {
                        "duration": 1100,
                        "transition": "pop-top-right"
                      },
                      "zIndex": 1000
                    },
                    "type": "Drawer",
                    "namespace": "dash_mantine_components"
                  },
                  {
                    "props": {
                      "children": [],
                      "id": "mainapp_main2"
                    },
                    "type": "Div",
                    "namespace": "dash_html_components"
                  }
                ]
              },
              "type": "AppShellMain",
              "namespace": "dash_mantine_components"
            },
            {
              "props": {
                "id": "interval-hide-pass",
                "disabled": true
              },
              "type": "Interval",
              "namespace": "dash_core_components"
            }
          ],
          "id": "mainapp_shell",
          "header": {
            "height": 0
          },
          "navbar": {
            "width": "0vw"
          },
          "padding": "sm"
        },
        "type": "AppShell",
        "namespace": "dash_mantine_components"
      }
    ],
    "id": "mainapp",
    "theme": {
      "luminanceThreshold": 0.3,
      "autoContrast": true,
      "cursorType": "pointer",
      "defaultRadius": "xl"
    }
  },
  "type": "MantineProvider",
  "namespace": "dash_mantine_components"
}