{
  "icons": {
    "menu": "M3 6h18M3 12h18M3 18h18",
    "search": "M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zM20 20l-3.6-3.6",
    "pencil": "M4 20h4L19 9l-4-4L4 16v4zM13.5 6.5l4 4",
    "inbox": "M3 13h5l1.5 3h5l1.5-3h5M5.5 5h13L21 13v6H3v-6z",
    "star": "M12 3.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8L3.6 9.7l5.8-.8z",
    "send": "M4 12L20 4l-6 16-2.5-6.5zM11.5 13.5L20 4",
    "draft": "M6 3h8l4 4v14H6zM14 3v4h4M9 13h6M9 17h4",
    "trash": "M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13M10 11v6M14 11v6",
    "archive": "M3 4h18v4H3zM5 8v12h14V8M10 12h4",
    "spam": "M8 3h8l5 5v8l-5 5H8l-5-5V8zM12 8v5M12 16h.01",
    "folder": "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
    "refresh": "M20 11a8 8 0 1 0-2.3 5.7M20 4v7h-7",
    "back": "M19 12H5M11 6l-6 6 6 6",
    "reply": "M9 14L4 9l5-5M4 9h10a6 6 0 0 1 6 6v4",
    "replyAll": "M7 14L2 9l5-5M12 14L7 9l5-5M7 9h7a6 6 0 0 1 6 6v4",
    "forward": "M15 14l5-5-5-5M20 9H10a6 6 0 0 0-6 6v4",
    "clip": "M20.5 11.5l-8.2 8.2a5 5 0 0 1-7.1-7.1l8.6-8.6a3.4 3.4 0 0 1 4.8 4.8l-8.6 8.6a1.7 1.7 0 0 1-2.4-2.4l7.9-7.9",
    "close": "M6 6l12 12M18 6L6 18",
    "minimize": "M6 18h12",
    "maximize": "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7",
    "more": "M12 5.5h.01M12 12h.01M12 18.5h.01",
    "left": "M15 18l-6-6 6-6",
    "right": "M9 18l6-6-6-6",
    "down": "M6 9l6 6 6-6",
    "unread": "M3 6h18v12H3zM3 7l9 6 9-6",
    "read": "M3 10l9-6 9 6v10H3zM3 10l9 6 9-6",
    "settings": "M4 6h9M17 6h3M4 12h3M11 12h9M4 18h11M19 18h1M15 4v4M9 10v4M17 16v4",
    "plus": "M12 5v14M5 12h14",
    "download": "M12 4v11M7 10l5 5 5-5M5 20h14",
    "image": "M4 5h16v14H4zM4 16l5-5 4 4 3-3 4 4M15 9h.01",
    "list": "M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01",
    "olist": "M10 6h10M10 12h10M10 18h10M4 5l1.5-1v5M3.5 14.5a1.5 1.5 0 1 1 2.4 1.2L3.5 18h3",
    "quote": "M6 17h3l2-4V7H5v6h3M14 17h3l2-4V7h-6v6h3",
    "link": "M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1",
    "format": "M5 7V5h14v2M12 5v12M9 17h6M4 21h16",
    "clearFormat": "M5 7V5h14v2M12 5l-2 12M4 4l16 16",
    "logout": "M15 4h4v16h-4M10 8l-4 4 4 4M6 12h10",
    "check": "M5 12.5l4.5 4.5L19 7.5",
    "keyboard": "M3 7h18v10H3zM7 11h.01M11 11h.01M15 11h.01M8 14.5h8",
    "file": "M7 3h7l5 5v13H7zM14 3v5h5",
    "mailbox": "M4 9a4 4 0 0 1 8 0v10H4zM12 9h8v10h-8M8 9h.01M16 5v4",
    "shield": "M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6zM9 12l2 2 4-4",
    "grid": "M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z",
    "globe": "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18",
    "users": "M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM2 21v-1a6 6 0 0 1 6-6h2a6 6 0 0 1 6 6v1M16 3.5a4 4 0 0 1 0 7.5M22 21v-1a6 6 0 0 0-4-5.6",
    "at": "M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM16 12v1.5a2.5 2.5 0 0 0 5 0V12a9 9 0 1 0-3.5 7.1",
    "key": "M7.5 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM11 12h10M18 12v3M21 12v3",
    "copy": "M9 9h11v11H9zM5 15H4V4h11v1",
    "external": "M14 4h6v6M20 4l-9 9M18 14v6H4V6h6",
    "server": "M4 4h16v6H4zM4 14h16v6H4zM8 7h.01M8 17h.01",
    "alert": "M12 3l10 18H2zM12 10v5M12 18h.01"
  },
  "templates": {
    "iconBtn": {
      "t": "button", "class": "icon-btn {cls}",
      "attrs": { "type": "button", "title": "{label}", "aria-label": "{label}" },
      "props": { "disabled": "disabled" },
      "on": { "click": "{action}" },
      "c": [{ "icon": "{icon}" }]
    },

    "boot.error": {
      "class": "boot-error",
      "c": [{ "t": "p", "text": "{message}" }, { "t": "button", "class": "btn primary", "on": { "click": "retry" }, "text": "Retry" }]
    },

    "login": {
      "class": "login",
      "c": [{
        "t": "form", "class": "login-card", "ref": "form", "on": { "submit": "submit" },
        "c": [
          { "class": "login-logo", "c": [{ "icon": "mailbox", "class": "logo-icon" }, { "t": "span", "text": "{brand}" }] },
          { "t": "h1", "text": "Sign in" },
          { "t": "p", "class": "muted", "text": "Use your email address and mailbox password." },
          { "t": "label", "class": "field-label", "c": ["Email", { "t": "input", "class": "input", "ref": "email",
            "attrs": { "type": "email", "name": "email", "autocomplete": "username", "required": true, "autofocus": true, "placeholder": "you@example.com" } }] },
          { "t": "label", "class": "field-label", "c": ["Password", { "t": "input", "class": "input", "ref": "pass",
            "attrs": { "type": "password", "name": "password", "autocomplete": "current-password", "required": true } }] },
          { "class": "login-error", "ref": "err", "attrs": { "role": "alert" } },
          { "t": "button", "class": "btn primary wide", "ref": "btn", "attrs": { "type": "submit" }, "text": "Sign in" }
        ]
      }]
    },

    "toast": {
      "class": "toast", "classIf": { "error": "error" }, "attrs": { "role": "{role}" }, "c": [
        { "t": "span", "class": "toast-text", "text": "{message}" },
        { "if": "actionLabel", "t": "button", "class": "toast-action", "on": { "click": "action" }, "text": "{actionLabel}" },
        { "use": "iconBtn", "with": { "icon": "close", "label": "Dismiss", "action": "close", "cls": "small" } }
      ]
    },

    "toasts": { "class": "toasts", "attrs": { "aria-live": "polite" } },

    "dialog": {
      "class": "backdrop", "ref": "back", "on": { "mousedown": "backdrop" }, "c": [{
        "t": "form", "class": "dialog", "classIf": { "wide": "wide" }, "ref": "card", "on": { "submit": "submit" },
        "attrs": { "role": "dialog", "aria-modal": "true", "aria-label": "{title}" }, "c": [
          { "t": "h2", "class": "dialog-title", "text": "{title}" },
          { "class": "dialog-body", "c": [{ "slot": "body" }] },
          { "class": "dialog-error", "ref": "err", "attrs": { "role": "alert" } },
          { "class": "dialog-actions", "c": [{ "each": "buttons", "as": "b", "t": "button", "class": "btn {b.cls}",
            "attrs": { "type": "{b.type}" }, "on": { "click": "button" }, "text": "{b.label}" }] }
        ]
      }]
    },

    "dialog.text": { "t": "p", "text": "{text}" },

    "dialog.prompt": { "t": "label", "class": "field-label", "c": ["{label}",
      { "t": "input", "class": "input", "ref": "input", "attrs": { "type": "text", "value": "{value}", "aria-label": "{label}", "maxlength": "120", "required": true } }] },

    "menu": {
      "class": "menu", "attrs": { "role": "menu" }, "c": [{
        "each": "items", "as": "it",
        "if": "it.sep", "class": "menu-sep", "attrs": { "role": "separator" },
        "else": {
          "t": "button", "class": "menu-item", "classIf": { "danger": "it.danger", "checked": "it.checked" },
          "attrs": { "role": "menuitem" }, "props": { "disabled": "it.disabled" }, "on": { "click": "pick" }, "c": [
            { "if": "it.icon", "icon": "{it.icon}", "else": { "t": "span", "class": "icon-space" } },
            { "t": "span", "text": "{it.label}" },
            { "if": "it.hint", "t": "kbd", "text": "{it.hint}" }
          ]
        }
      }]
    }
  }
}