{
  "components": [
    {
      "tag": "st-arrow-box",
      "dependencies": [],
      "componentClass": "StArrowBox",
      "componentPath": "components/st-arrow-box/st-arrow-box.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-arrow-box/st-arrow-box.sass"
          ]
        }
      },
      "props": [
        {
          "name": "direction",
          "type": "String",
          "attr": "direction"
        },
        {
          "name": "inline",
          "type": "Boolean",
          "attr": "inline"
        }
      ]
    },
    {
      "tag": "st-checkbox",
      "dependencies": [],
      "componentClass": "StCheckbox",
      "componentPath": "components/st-checkbox/st-checkbox.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-checkbox/st-checkbox.sass"
          ]
        }
      },
      "props": [
        {
          "name": "defaultChecked",
          "type": "Boolean",
          "attr": "default-checked"
        },
        {
          "name": "id",
          "type": "String",
          "attr": "id"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "value",
          "type": "String",
          "attr": "value"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-checkbox-field",
      "dependencies": [
        "st-checkbox",
        "st-form-field"
      ],
      "componentClass": "StCheckboxField",
      "componentPath": "components/st-checkbox-field/st-checkbox-field.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-checkbox-field/st-checkbox-field.sass"
          ]
        }
      },
      "props": [
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "fieldLabel",
          "type": "String",
          "attr": "field-label"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "id",
          "type": "String",
          "attr": "id"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        },
        {
          "name": "value",
          "type": "String",
          "attr": "value"
        }
      ],
      "states": [
        {
          "name": "validationMessage"
        }
      ],
      "hostElement": {
        "name": "rootEl"
      }
    },
    {
      "tag": "st-date-picker",
      "dependencies": [
        "st-number-slider"
      ],
      "componentClass": "StDatePicker",
      "componentPath": "components/st-date-picker/st-date-picker.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-date-picker/st-date-picker.sass"
          ]
        }
      },
      "props": [
        {
          "name": "bordered",
          "type": "Boolean",
          "attr": "bordered"
        },
        {
          "name": "defaultDate",
          "attr": "default-date"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "onValidate",
          "attr": "on-validate"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        }
      ],
      "states": [
        {
          "name": "currentTarget"
        },
        {
          "name": "days"
        },
        {
          "name": "modalHeader"
        },
        {
          "name": "selectedDate"
        },
        {
          "name": "selectedDay"
        },
        {
          "name": "selectedMonth"
        },
        {
          "name": "selectedYear"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setDate"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-date-picker-field",
      "dependencies": [
        "st-date-picker",
        "st-form-field"
      ],
      "componentClass": "StDatePickerField",
      "componentPath": "components/st-date-picker-field/st-date-picker-field.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-date-picker-field/st-date-picker-field.sass"
          ]
        }
      },
      "props": [
        {
          "name": "defaultDate",
          "attr": "default-date"
        },
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        }
      ],
      "states": [
        {
          "name": "validationMessage"
        }
      ]
    },
    {
      "tag": "st-drilldown",
      "dependencies": [
        "st-form-field"
      ],
      "componentClass": "StDrilldown",
      "componentPath": "components/st-drilldown/st-drilldown.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-drilldown/st-drilldown.sass"
          ]
        }
      },
      "props": [
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "id",
          "type": "String",
          "attr": "id"
        },
        {
          "name": "itemSelected",
          "attr": "item-selected"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "path",
          "type": "String",
          "attr": "path"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        }
      ],
      "states": [
        {
          "name": "items"
        },
        {
          "name": "itemsCache"
        },
        {
          "name": "level"
        },
        {
          "name": "pathIcon"
        },
        {
          "name": "selectedPath"
        },
        {
          "name": "selectedValue"
        },
        {
          "name": "validationMessage"
        },
        {
          "name": "value"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ],
      "hostElement": {
        "name": "el"
      }
    },
    {
      "tag": "st-drilldown-item",
      "dependencies": [],
      "componentClass": "StDrilldownItem",
      "componentPath": "components/st-drilldown-item/st-drilldown-item.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-drilldown-item/st-drilldown-item.css"
          ]
        }
      },
      "props": [
        {
          "name": "icon",
          "type": "String",
          "attr": "icon"
        },
        {
          "name": "path",
          "type": "String",
          "attr": "path"
        },
        {
          "name": "smallText",
          "type": "Boolean",
          "attr": "small-text"
        },
        {
          "name": "text",
          "type": "String",
          "attr": "text"
        },
        {
          "name": "value",
          "type": "Any",
          "attr": "value"
        }
      ]
    },
    {
      "tag": "st-drilldown-item-control",
      "dependencies": [],
      "componentClass": "StDrilldownItemControl",
      "componentPath": "components/st-drilldown-item-control/st-drilldown-item-control.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-drilldown-item-control/st-drilldown-item-control.css"
          ]
        }
      }
    },
    {
      "tag": "st-editable-content",
      "dependencies": [],
      "componentClass": "StEditableContent",
      "componentPath": "components/st-editable-content/st-editable-content.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-editable-content/st-editable-content.sass"
          ]
        }
      },
      "props": [
        {
          "name": "maxNumber",
          "type": "Number",
          "attr": "max-number"
        },
        {
          "name": "minNumber",
          "type": "Number",
          "attr": "min-number"
        },
        {
          "name": "numbersOnly",
          "type": "Boolean",
          "attr": "numbers-only"
        },
        {
          "name": "onEdit",
          "attr": "on-edit"
        }
      ],
      "states": [
        {
          "name": "currentContent"
        }
      ],
      "hostElement": {
        "name": "el"
      }
    },
    {
      "tag": "st-form",
      "dependencies": [],
      "componentClass": "StForm",
      "componentPath": "components/st-form/st-form.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form/st-form.sass"
          ]
        }
      },
      "props": [
        {
          "name": "action",
          "type": "String",
          "attr": "action"
        },
        {
          "name": "errorClass",
          "type": "String",
          "attr": "error-class"
        },
        {
          "name": "method",
          "type": "String",
          "attr": "method"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "novalidate",
          "type": "Boolean",
          "attr": "novalidate"
        },
        {
          "name": "onFormSubmit",
          "attr": "on-form-submit"
        }
      ],
      "listeners": [
        {
          "event": "actionRequested",
          "method": "handleAction",
          "passive": false,
          "capture": false
        }
      ],
      "events": [
        {
          "event": "stFormSubmitted"
        }
      ]
    },
    {
      "tag": "st-form-action",
      "dependencies": [],
      "componentClass": "StFormAction",
      "componentPath": "components/st-form-action/st-form-action.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-action/st-form-action.css"
          ]
        }
      },
      "props": [
        {
          "name": "action",
          "type": "String",
          "attr": "action"
        },
        {
          "name": "actionDetail",
          "type": "Any",
          "attr": "action-detail"
        },
        {
          "name": "actionText",
          "type": "String",
          "attr": "action-text"
        },
        {
          "name": "disabled",
          "type": "Boolean",
          "attr": "disabled"
        },
        {
          "name": "flex",
          "type": "Boolean",
          "attr": "flex"
        },
        {
          "name": "iconPosition",
          "type": "String",
          "attr": "icon-position"
        },
        {
          "name": "iconText",
          "type": "String",
          "attr": "icon-text"
        },
        {
          "name": "renderIcon",
          "attr": "render-icon"
        },
        {
          "name": "responsive",
          "type": "Boolean",
          "attr": "responsive"
        }
      ],
      "events": [
        {
          "event": "actionRequested"
        }
      ]
    },
    {
      "tag": "st-form-actions",
      "dependencies": [],
      "componentClass": "StFormActions",
      "componentPath": "components/st-form-actions/st-form-actions.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-actions/st-form-actions.sass"
          ]
        }
      }
    },
    {
      "tag": "st-form-field",
      "dependencies": [
        "st-form-field-description",
        "st-form-field-hint",
        "st-form-field-label",
        "st-form-field-validation-message",
        "st-form-row"
      ],
      "componentClass": "StFormField",
      "componentPath": "components/st-form-field/st-form-field.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-field/st-form-field.sass"
          ]
        }
      },
      "props": [
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "isValid",
          "type": "Boolean",
          "attr": "is-valid"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "validationMessage",
          "type": "String",
          "attr": "validation-message"
        }
      ]
    },
    {
      "tag": "st-form-field-description",
      "dependencies": [],
      "componentClass": "StFormFieldDescription",
      "componentPath": "components/st-form-field-description/st-form-field-description.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-field-description/st-form-field-description.sass"
          ]
        }
      }
    },
    {
      "tag": "st-form-field-hint",
      "dependencies": [],
      "componentClass": "StFormFieldHint",
      "componentPath": "components/st-form-field-hint/st-form-field-hint.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-field-hint/st-form-field-hint.sass"
          ]
        }
      }
    },
    {
      "tag": "st-form-field-label",
      "dependencies": [],
      "componentClass": "StFormFieldLabel",
      "componentPath": "components/st-form-field-label/st-form-field-label.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-field-label/st-form-field-label.sass"
          ]
        }
      },
      "props": [
        {
          "name": "block",
          "type": "Boolean",
          "attr": "block"
        },
        {
          "name": "htmlFor",
          "type": "String",
          "attr": "html-for"
        }
      ]
    },
    {
      "tag": "st-form-field-validation-message",
      "dependencies": [],
      "componentClass": "StFormFieldValidationMessage",
      "componentPath": "components/st-form-field-validation-message/st-form-field-validation-message.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-field-validation-message/st-form-field-validation-message.sass"
          ]
        }
      },
      "props": [
        {
          "name": "validationMessage",
          "type": "String",
          "attr": "validation-message"
        }
      ]
    },
    {
      "tag": "st-form-header",
      "dependencies": [],
      "componentClass": "StFormHeader",
      "componentPath": "components/st-form-header/st-form-header.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-header/st-form-header.sass"
          ]
        }
      },
      "props": [
        {
          "name": "title",
          "type": "String",
          "attr": "title"
        }
      ]
    },
    {
      "tag": "st-form-options-row",
      "dependencies": [],
      "componentClass": "StFormOptionsRow",
      "componentPath": "components/st-form-options-row/st-form-options-row.js",
      "styles": {}
    },
    {
      "tag": "st-form-padding",
      "dependencies": [],
      "componentClass": "StFormPadding",
      "componentPath": "components/st-form-padding/st-form-padding.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-padding/st-form-padding.css"
          ]
        }
      },
      "props": [
        {
          "name": "pad",
          "type": "String",
          "attr": "pad"
        }
      ]
    },
    {
      "tag": "st-form-route",
      "dependencies": [],
      "componentClass": "StFormRoute",
      "componentPath": "components/st-form-route/st-form-route.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-route/st-form-route.sass"
          ]
        }
      },
      "props": [
        {
          "name": "component",
          "type": "String",
          "attr": "component"
        },
        {
          "name": "formState",
          "attr": "form-state"
        },
        {
          "name": "params",
          "type": "Any",
          "attr": "params"
        },
        {
          "name": "renderRoute",
          "attr": "render-route"
        },
        {
          "name": "route",
          "type": "String",
          "attr": "route"
        }
      ]
    },
    {
      "tag": "st-form-router",
      "dependencies": [],
      "componentClass": "StFormRouter",
      "componentPath": "components/st-form-router/st-form-router.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-form-router/st-form-router.css"
          ]
        }
      },
      "props": [
        {
          "name": "defaultRoute",
          "type": "String",
          "attr": "default-route"
        }
      ],
      "states": [
        {
          "name": "currentRoute"
        },
        {
          "name": "formState"
        },
        {
          "name": "routeCache"
        }
      ],
      "methods": [
        {
          "name": "clearState"
        },
        {
          "name": "getState"
        },
        {
          "name": "route"
        },
        {
          "name": "setState"
        }
      ],
      "hostElement": {
        "name": "shell"
      },
      "events": [
        {
          "event": "onFormRouted"
        }
      ]
    },
    {
      "tag": "st-form-row",
      "dependencies": [],
      "componentClass": "StFormRow",
      "componentPath": "components/st-form-row/st-form-row.js",
      "styles": {}
    },
    {
      "tag": "st-grid-select",
      "dependencies": [],
      "componentClass": "StGridSelect",
      "componentPath": "components/st-grid-select/st-grid-select.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-grid-select/st-grid-select.sass"
          ]
        }
      },
      "props": [
        {
          "name": "bordered",
          "type": "Boolean",
          "attr": "bordered"
        },
        {
          "name": "items",
          "attr": "items"
        },
        {
          "name": "maxColumns",
          "type": "Number",
          "attr": "max-columns"
        }
      ],
      "states": [
        {
          "name": "selectedItem"
        }
      ]
    },
    {
      "tag": "st-icon-arrow-box",
      "dependencies": [
        "st-arrow-box"
      ],
      "componentClass": "StIconArrowBox",
      "componentPath": "components/st-icon-arrow-box/st-icon-arrow-box.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-icon-arrow-box/st-icon-arrow-box.sass"
          ]
        }
      },
      "props": [
        {
          "name": "boxBorderColor",
          "type": "String",
          "attr": "box-border-color"
        },
        {
          "name": "direction",
          "type": "String",
          "attr": "direction"
        },
        {
          "name": "greyscale",
          "type": "Boolean",
          "attr": "greyscale"
        },
        {
          "name": "icon",
          "type": "String",
          "attr": "icon"
        },
        {
          "name": "iconBackgroundColor",
          "type": "String",
          "attr": "icon-background-color"
        },
        {
          "name": "iconColor",
          "type": "String",
          "attr": "icon-color"
        },
        {
          "name": "iconFontSize",
          "type": "String",
          "attr": "icon-font-size"
        },
        {
          "name": "iconSize",
          "type": "String",
          "attr": "icon-size"
        },
        {
          "name": "inline",
          "type": "Boolean",
          "attr": "inline"
        }
      ]
    },
    {
      "tag": "st-input-append",
      "dependencies": [],
      "componentClass": "StInputAppend",
      "componentPath": "components/st-input-append/st-input-append.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-input-append/st-input-append.sass"
          ]
        }
      },
      "props": [
        {
          "name": "icon",
          "type": "String",
          "attr": "icon"
        }
      ]
    },
    {
      "tag": "st-modal-dialog",
      "dependencies": [],
      "componentClass": "StModalDialog",
      "componentPath": "components/st-modal-dialog/st-modal-dialog.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-modal-dialog/st-modal-dialog.sass"
          ]
        }
      },
      "props": [
        {
          "name": "isOpen",
          "type": "Boolean",
          "attr": "is-open",
          "watch": [
            "handleIsOpen"
          ]
        }
      ],
      "states": [
        {
          "name": "open"
        }
      ],
      "methods": [
        {
          "name": "close"
        },
        {
          "name": "show"
        }
      ]
    },
    {
      "tag": "st-month-picker",
      "dependencies": [
        "st-drilldown",
        "st-drilldown-item"
      ],
      "componentClass": "StMonthPicker",
      "componentPath": "components/st-month-picker/st-month-picker.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-month-picker/st-month-picker.sass"
          ]
        }
      },
      "props": [
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        }
      ],
      "states": [
        {
          "name": "currentMonth"
        }
      ]
    },
    {
      "tag": "st-number-input",
      "dependencies": [
        "st-form-field"
      ],
      "componentClass": "StNumberInput",
      "componentPath": "components/st-number-input/st-number-input.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-number-input/st-number-input.sass"
          ]
        }
      },
      "props": [
        {
          "name": "defaultValue",
          "type": "Number",
          "attr": "default-value",
          "watch": [
            "handleDefaultValue"
          ]
        },
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "focused",
          "type": "Boolean",
          "attr": "focused"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "max",
          "type": "Number",
          "attr": "max"
        },
        {
          "name": "min",
          "type": "Number",
          "attr": "min"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "pattern",
          "type": "String",
          "attr": "pattern"
        },
        {
          "name": "placeholder",
          "type": "String",
          "attr": "placeholder"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        },
        {
          "name": "step",
          "type": "Number",
          "attr": "step"
        }
      ],
      "states": [
        {
          "name": "icon"
        },
        {
          "name": "validationMessage"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-number-picker",
      "dependencies": [
        "st-form-field"
      ],
      "componentClass": "StNumberPicker",
      "componentPath": "components/st-number-picker/st-number-picker.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-number-picker/st-number-picker.sass"
          ]
        }
      },
      "props": [
        {
          "name": "defaultValue",
          "type": "Number",
          "attr": "default-value"
        },
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "id",
          "type": "String",
          "attr": "id"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "numbers",
          "type": "Any",
          "attr": "numbers",
          "watch": [
            "numbersDidChangeHandler"
          ]
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        },
        {
          "name": "step",
          "type": "Number",
          "attr": "step"
        }
      ],
      "states": [
        {
          "name": "currentLevel"
        },
        {
          "name": "currentNumber"
        },
        {
          "name": "innerNumbers"
        },
        {
          "name": "selectedValue"
        },
        {
          "name": "validationMessage"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-number-slider",
      "dependencies": [],
      "componentClass": "StNumberSlider",
      "componentPath": "components/st-number-slider/st-number-slider.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-number-slider/st-number-slider.sass"
          ]
        }
      },
      "props": [
        {
          "name": "bordered",
          "type": "Boolean",
          "attr": "bordered"
        },
        {
          "name": "defaultValue",
          "type": "Number",
          "attr": "default-value",
          "watch": [
            "handleDefaultValue"
          ]
        },
        {
          "name": "items",
          "type": "String",
          "attr": "items",
          "watch": [
            "handleItemsChange"
          ]
        },
        {
          "name": "labels",
          "attr": "labels"
        },
        {
          "name": "max",
          "type": "Number",
          "attr": "max"
        },
        {
          "name": "min",
          "type": "Number",
          "attr": "min"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "renderLeftAction",
          "attr": "render-left-action"
        },
        {
          "name": "valueChanged",
          "attr": "value-changed"
        },
        {
          "name": "visibleItems",
          "type": "Number",
          "attr": "visible-items"
        }
      ],
      "states": [
        {
          "name": "currentIndex"
        },
        {
          "name": "currentItems"
        },
        {
          "name": "currentNumber"
        },
        {
          "name": "itemsArr"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "selectedValue"
        },
        {
          "name": "selectIndex"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-number-stepper",
      "dependencies": [],
      "componentClass": "StNumberStepper",
      "componentPath": "components/st-number-stepper/st-number-stepper.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-number-stepper/st-number-stepper.sass"
          ]
        }
      },
      "props": [
        {
          "name": "bordered",
          "type": "Boolean",
          "attr": "bordered"
        },
        {
          "name": "defaultValue",
          "type": "Number",
          "attr": "default-value",
          "watch": [
            "handleDefaultValue"
          ]
        },
        {
          "name": "max",
          "type": "Number",
          "attr": "max"
        },
        {
          "name": "min",
          "type": "Number",
          "attr": "min"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "step",
          "type": "Number",
          "attr": "step"
        }
      ],
      "states": [
        {
          "name": "currentNumber"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-number-stepper-field",
      "dependencies": [
        "st-form-field",
        "st-number-stepper"
      ],
      "componentClass": "StNumberStepperField",
      "componentPath": "components/st-number-stepper-field/st-number-stepper-field.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-number-stepper-field/st-number-stepper-field.sass"
          ]
        }
      },
      "props": [
        {
          "name": "defaultValue",
          "type": "Number",
          "attr": "default-value",
          "watch": [
            "handlePropChange"
          ]
        },
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "max",
          "type": "Number",
          "attr": "max"
        },
        {
          "name": "min",
          "type": "Number",
          "attr": "min"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "step",
          "type": "Number",
          "attr": "step"
        }
      ]
    },
    {
      "tag": "st-radio",
      "dependencies": [],
      "componentClass": "StRadio",
      "componentPath": "components/st-radio/st-radio.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-radio/st-radio.sass"
          ]
        }
      },
      "props": [
        {
          "name": "defaultChecked",
          "type": "Boolean",
          "attr": "default-checked"
        },
        {
          "name": "id",
          "type": "String",
          "attr": "id"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "value",
          "type": "String",
          "attr": "value"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-radio-button",
      "dependencies": [],
      "componentClass": "StRadioButton",
      "componentPath": "components/st-radio-button/st-radio-button.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-radio-button/st-radio-button.sass"
          ]
        }
      },
      "props": [
        {
          "name": "backgroundColor",
          "type": "String",
          "attr": "background-color"
        },
        {
          "name": "checkedBackgroundColor",
          "type": "String",
          "attr": "checked-background-color"
        },
        {
          "name": "color",
          "type": "String",
          "attr": "color"
        },
        {
          "name": "defaultChecked",
          "type": "Boolean",
          "attr": "default-checked"
        },
        {
          "name": "id",
          "type": "String",
          "attr": "id"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        },
        {
          "name": "value",
          "type": "String",
          "attr": "value"
        }
      ],
      "states": [
        {
          "name": "checked"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-radio-button-group",
      "dependencies": [
        "st-form-field-label"
      ],
      "componentClass": "StRadioButtonGroup",
      "componentPath": "components/st-radio-button-group/st-radio-button-group.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-radio-button-group/st-radio-button-group.sass"
          ]
        }
      },
      "props": [
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "layout",
          "type": "String",
          "attr": "layout"
        }
      ]
    },
    {
      "tag": "st-radio-group",
      "dependencies": [
        "st-form-field",
        "st-form-options-row"
      ],
      "componentClass": "StRadioGroup",
      "componentPath": "components/st-radio-group/st-radio-group.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-radio-group/st-radio-group.css"
          ]
        }
      },
      "props": [
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        }
      ]
    },
    {
      "tag": "st-range-input",
      "dependencies": [
        "st-form-field-label",
        "st-form-field-validation-message"
      ],
      "componentClass": "StRangeInput",
      "componentPath": "components/st-range-input/st-range-input.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-range-input/st-range-input.sass"
          ]
        }
      },
      "props": [
        {
          "name": "id",
          "type": "String",
          "attr": "id"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "max",
          "type": "Number",
          "attr": "max"
        },
        {
          "name": "min",
          "type": "Number",
          "attr": "min"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        },
        {
          "name": "value",
          "type": "Number",
          "attr": "value"
        }
      ],
      "states": [
        {
          "name": "currentValue"
        },
        {
          "name": "validationMessage"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-select",
      "dependencies": [
        "st-form-field"
      ],
      "componentClass": "StSelect",
      "componentPath": "components/st-select/st-select.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-select/st-select.sass"
          ]
        }
      },
      "props": [
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        }
      ],
      "states": [
        {
          "name": "validationMessage"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    },
    {
      "tag": "st-step-progress",
      "dependencies": [],
      "componentClass": "StStepProgress",
      "componentPath": "components/st-step-progress/st-step-progress.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-step-progress/st-step-progress.sass"
          ]
        }
      },
      "props": [
        {
          "name": "currentStep",
          "type": "Number",
          "attr": "current-step",
          "watch": [
            "watchCurrentStep"
          ]
        },
        {
          "name": "id",
          "type": "String",
          "attr": "id"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label",
          "watch": [
            "watchCurrentLabel"
          ]
        },
        {
          "name": "steps",
          "type": "Number",
          "attr": "steps"
        }
      ],
      "states": [
        {
          "name": "activeLabel"
        },
        {
          "name": "activeStep"
        }
      ],
      "methods": [
        {
          "name": "setStep"
        }
      ],
      "events": [
        {
          "event": "stProgressStepChanged"
        }
      ]
    },
    {
      "tag": "st-text-input",
      "dependencies": [
        "st-form-field"
      ],
      "componentClass": "StTextInput",
      "componentPath": "components/st-text-input/st-text-input.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-text-input/st-text-input.sass"
          ]
        }
      },
      "props": [
        {
          "name": "defaultValue",
          "type": "String",
          "attr": "default-value",
          "watch": [
            "handleDefaultValue"
          ]
        },
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "focused",
          "type": "Boolean",
          "attr": "focused"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "onInputChange",
          "attr": "on-input-change"
        },
        {
          "name": "pattern",
          "type": "String",
          "attr": "pattern"
        },
        {
          "name": "placeholder",
          "type": "String",
          "attr": "placeholder"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        }
      ],
      "states": [
        {
          "name": "validationMessage"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ],
      "hostElement": {
        "name": "el"
      }
    },
    {
      "tag": "st-textarea",
      "dependencies": [
        "st-form-field"
      ],
      "componentClass": "StTextarea",
      "componentPath": "components/st-textarea/st-textarea.js",
      "styles": {
        "$": {
          "stylePaths": [
            "components/st-textarea/st-textarea.sass"
          ]
        }
      },
      "props": [
        {
          "name": "description",
          "type": "String",
          "attr": "description"
        },
        {
          "name": "hint",
          "type": "String",
          "attr": "hint"
        },
        {
          "name": "label",
          "type": "String",
          "attr": "label"
        },
        {
          "name": "name",
          "type": "String",
          "attr": "name"
        },
        {
          "name": "pattern",
          "type": "String",
          "attr": "pattern"
        },
        {
          "name": "required",
          "type": "Boolean",
          "attr": "required"
        }
      ],
      "states": [
        {
          "name": "validationMessage"
        }
      ],
      "methods": [
        {
          "name": "bind"
        },
        {
          "name": "reset"
        },
        {
          "name": "setValue"
        },
        {
          "name": "validate"
        }
      ]
    }
  ],
  "collections": [],
  "compiler": {
    "name": "@stencil/core",
    "version": "0.13.2",
    "typescriptVersion": "2.9.2"
  },
  "bundles": []
}