{
    "themes": ["Light", "Dark"],
    "default export": [
        {"atom": "default", "export": ["image"]},
        {"atom": "background", "export": ["image"]},
        {"atom": "contentItem", "export": ["layout"]},
        {"atom": "indicator", "export": ["image"]},
        {"atom": "label", "export": ["text", "geometry"]},
        {"atom": "icon", "export": ["geometry"]}
    ],
    "qml": {
        "copy": [":/templates/*.qml", ":/templates/impl/*.qml"]
    },
    "icons": [
    {
        "name": "Icons",
        "page": "Components",
        "container": "IconContainer",
        "export": ["image"]
    }
    ],
    "default controls": [
    {
        "name": "ApplicationWindow"
    },
    {
        "name": "ScrollView"
    }
    ],
    "controls": [
    {
        "name": "BusyIndicator",
        "page": "Components",
        "component set": "BusyIndicatorTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "indicator", "figmaPath": "Indicator"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "normal", "figmaState": "normal"}
        ]
    },
    {
        "name": "Button",
        "page": "Components",
        "component set": "ButtonTemplate${Theme}",
        "contents": ["icon", "label"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"},
            {"atom": "icon", "figmaPath": "Icon"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "checked", "figmaState": "checked"},
            {"state": "checked-disabled", "figmaState": "checkedDisabled"},
            {"state": "checked-hovered", "figmaState": "checkedHovered"},
            {"state": "checked-pressed", "figmaState": "checkedPressed"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "CheckBox",
        "page": "Components",
        "component set": "CheckBoxTemplate${Theme}",
        "contents": ["indicator", "label"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "label", "figmaPath": "label"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "indicator", "figmaPath": "Indicator"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "checked", "figmaState": "checked"},
            {"state": "checked-disabled", "figmaState": "checkedDisabled"},
            {"state": "checked-hovered", "figmaState": "checkedHovered"},
            {"state": "checked-pressed", "figmaState": "checkedPressed"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "disabled-partiallyChecked", "figmaState": "partiallyCheckedDisabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "hovered-partiallyChecked", "figmaState": "partiallyCheckedHovered"},
            {"state": "partiallyChecked", "figmaState": "partiallyChecked"},
            {"state": "partiallyChecked-pressed", "figmaState": "partiallyCheckedPressed"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "ComboBox",
        "page": "Components",
        "component set": "ComboBoxTemplate${Theme}",
        "contents": ["label", "indicator"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "indicator", "figmaPath": "Indicator"},
            {"atom": "label", "figmaPath": "TextFieldLayout", "export": "geometry"},
            {"atom": "label-background", "figmaPath": "TextFieldBackground"},
            {"atom": "label-contentItem", "figmaPath": "TextFieldLayout", "export": "layout"},
            {"atom": "label-text", "figmaPath": "TextFieldLayout, Label", "export": "text"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "focused", "figmaState": "focused"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "hovered-open", "figmaState": "openedHovered"},
            {"state": "normal", "figmaState": "normal"},
            {"state": "open", "figmaState": "opened"},
            {"state": "open-pressed", "figmaState": "openedPressed"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "ComboBoxPopup",
        "page": "Components",
        "component set": "ComboBoxTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Popup, Background"},
            {"atom": "contentItem", "figmaPath": "Popup, Layout"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "hovered-open", "figmaState": "openedHovered"},
            {"state": "normal", "figmaState": "normal"},
            {"state": "open", "figmaState": "opened"},
            {"state": "open-pressed", "figmaState": "openedPressed"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "EditableComboBox",
        "page": "Components",
        "component set": "EditableComboBoxTemplate${Theme}",
        "contents": ["label", "indicator"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "indicator", "figmaPath": "Indicator"},
            {"atom": "label", "figmaPath": "TextFieldLayout", "export": "geometry"},
            {"atom": "label-background", "figmaPath": "TextFieldBackground"},
            {"atom": "label-contentItem", "figmaPath": "TextFieldLayout", "export": "layout"},
            {"atom": "label-text", "figmaPath": "TextFieldLayout, Label", "export": "text"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "focused", "figmaState": "focused"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "hovered-open", "figmaState": "openedHovered"},
            {"state": "normal", "figmaState": "normal"},
            {"state": "open", "figmaState": "opened"},
            {"state": "open-pressed", "figmaState": "openedPressed"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "Frame",
        "page": "Components",
        "component set": "FrameTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "disabled", "figmaState": "disabled"}
        ]
    },
    {
        "name": "FlatButton",
        "page": "Components",
        "component set": "FlatButtonTemplate${Theme}",
        "contents": ["icon", "label"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"},
            {"atom": "icon", "figmaPath": "Icon"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "checked", "figmaState": "checked"},
            {"state": "checked-disabled", "figmaState": "checkedDisabled"},
            {"state": "checked-hovered", "figmaState": "checkedHovered"},
            {"state": "checked-pressed", "figmaState": "checkedPressed"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "GroupBox",
        "page": "Components",
        "component set": "GroupBoxTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Layout, Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "LayoutLabel", "export": "geometry"},
            {"atom": "label-background", "figmaPath": "LayoutLabel, Background"},
            {"atom": "label-contentItem", "figmaPath": "LayoutLabel", "export": "layout"},
            {"atom": "label-text", "figmaPath": "LayoutLabel, label", "export": "text"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"}
        ]
    },
    {
        "name": "ItemDelegate",
        "page": "Components",
        "component set": "ItemDelegateTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "highlighted", "figmaState": "highlighted"},
            {"state": "highlighted-hovered", "figmaState": "highlightedHovered"},
            {"state": "highlighted-pressed", "figmaState": "highlightedPressed"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "normal", "figmaState": "normal"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "PageIndicator",
        "page": "Components",
        "component set": "PageIndicatorTemplate${Theme}",
        "contents": ["indicator1", "indicator2"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "indicator1", "figmaPath": "Indicator1", "export": "geometry"},
            {"atom": "indicator2", "figmaPath": "Indicator2", "export": "geometry"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "normal", "figmaState": "normal"}
        ]
    },
    {
        "name": "PageIndicatorDelegate",
        "page": "Components",
        "component set": "PageIndicatorTemplate${Theme}",
        "atoms": [
            {"atom": "indicator", "figmaPath": "Indicator3"}
        ],
        "states": [
            {"state": "delegate-current", "figmaState": "delegateCurrent"},
            {"state": "delegate-current-hovered", "figmaState": "currentHovered"},
            {"state": "delegate-current-pressed", "figmaState": "currentPressed"},
            {"state": "delegate-pressed", "figmaState": "delegatePressed"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "normal", "figmaState": "normal"}
        ]
    },
    {
        "name": "Popup",
        "page": "Components",
        "component set": "PopupTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"}
        ],
        "states": [
            {"state": "modal", "figmaState": "modal"},
            {"state": "normal", "figmaState": "normal"}
        ]
    },
    {
        "name": "ProgressBar",
        "page": "Components",
        "component set": "ProgressBarTemplate${Theme}",
        "atoms": [
            {"atom": "groove", "figmaPath": "Background" },
            {"atom": "track", "figmaPath": "Track"},
            {"atom": "contentItem", "figmaPath": "Layout"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabledNormal"},
            {"state": "disabled-indeterminate", "figmaState": "disabledIndeterminate"},
            {"state": "indeterminate", "figmaState": "indeterminate"},
            {"state": "normal", "figmaState": "normal"}
        ]
    },
    {
        "name": "RadioButton",
        "page": "Components",
        "component set": "RadioButtonTemplate${Theme}",
        "contents": ["indicator", "label"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "label", "figmaPath": "label"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "indicator", "figmaPath": "Indicator"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "checked", "figmaState": "checked"},
            {"state": "checked-disabled", "figmaState": "checkedDisabled"},
            {"state": "checked-hovered", "figmaState": "checkedHovered"},
            {"state": "checked-pressed", "figmaState": "checkedPressed"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "RangeSlider",
        "page": "Components",
        "component set": "RangeSliderTemplate${Theme}",
        "contents": ["groove", "track", "handle"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "groove", "figmaPath": "Groove"},
            {"atom": "track", "figmaPath": "Track"},
            {"atom": "first-handle", "figmaPath": "FirstHandle"},
            {"atom": "second-handle", "figmaPath": "SecondHandle"},
            {"atom": "contentItem", "figmaPath": "Layout"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "handle-pressed", "figmaState": "handlePressed"}
        ]
    },
    {
        "name": "RoundButton",
        "page": "Components",
        "component set": "RoundButtonTemplate${Theme}",
        "contents": ["icon", "label"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"},
            {"atom": "icon", "figmaPath": "Icon"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "checked", "figmaState": "checked"},
            {"state": "checked-disabled", "figmaState": "checkedDisabled"},
            {"state": "checked-hovered", "figmaState": "checkedHovered"},
            {"state": "checked-pressed", "figmaState": "checkedPressed"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "ScrollBar",
        "page": "Components",
        "component set": "ScrollBarTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "handle", "figmaPath": "Handle"},
            {"atom": "contentItem", "figmaPath": "Layout"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "normal", "figmaState": "normal"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "ScrollIndicator",
        "page": "Components",
        "component set": "ScrollIndicatorTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "handle", "figmaPath": "Handle"},
            {"atom": "contentItem", "figmaPath": "Layout"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"}
        ]
    },
    {
        "name": "Slider",
        "page": "Components",
        "component set": "SliderTemplate${Theme}",
        "contents": ["groove", "track", "handle"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "groove", "figmaPath": "Groove"},
            {"atom": "track", "figmaPath": "Track"},
            {"atom": "handle", "figmaPath": "Handle"},
            {"atom": "contentItem", "figmaPath": "Layout"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "SpinBox",
        "page": "Components",
        "component set": "SpinBoxTemplate${Theme}",
        "contents": ["indicator-down-background", "textInput", "indicator-up-background"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "indicator-up-icon", "figmaPath": "UpIndicator, Indicator"},
            {"atom": "indicator-up-background", "figmaPath": "UpIndicator, Background"},
            {"atom": "indicator-down-icon", "figmaPath": "DownIndicator, Indicator"},
            {"atom": "indicator-down-background", "figmaPath": "DownIndicator, Background"},
            {"atom": "textInput", "figmaPath": "textInput", "export": ["geometry", "text"]}
        ],
        "states": [
            {"state": "atlimit", "figmaState": "atLimit"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "down-hovered", "figmaState": "downHovered"},
            {"state": "down-pressed", "figmaState": "downPressed"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "normal", "figmaState": "normal"},
            {"state": "up-hovered", "figmaState": "upHovered"},
            {"state": "up-pressed", "figmaState": "upPressed"}
        ]
    },
    {
        "name": "Switch",
        "page": "Components",
        "component set": "SwitchTemplate${Theme}",
        "contents": ["handle-background", "label"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "handle", "figmaPath": "Handle"},
            {"atom": "handle-background", "figmaPath": "HandleBackground"},
            {"atom": "handle-contentItem", "figmaPath": "indicatorLayout", "export": "layout"},
            {"atom": "label", "figmaPath": "label"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "checked", "figmaState": "checked"},
            {"state": "checked-hovered", "figmaState": "checkedHovered"},
            {"state": "checked-pressed", "figmaState": "checkedPressed"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "TabBar",
        "page": "Components",
        "component set": "TabBarTemplate${Theme}",
        "contents": ["tabButton1", "tabButton2"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "tabButton1", "figmaPath": "TabButton1", "export": "geometry"},
            {"atom": "tabButton2", "figmaPath": "TabButton2", "export": "geometry"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabledHeader"},
            {"state": "disabled-footer", "figmaState": "disabledFooter"},
            {"state": "normal", "figmaState": "normalHeader"},
            {"state": "normal-footer", "figmaState": "normalFooter"}
        ]
    },
    {
        "name": "TabButton",
        "page": "Components",
        "component set": "TabButtonTemplate${Theme}",
        "contents": ["icon", "label"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"},
            {"atom": "icon", "figmaPath": "Icon"}
        ],
        "states": [
            {"state": "checked", "figmaState": "checked"},
            {"state": "checked-disabled", "figmaState": "checkedDisabled"},
            {"state": "checked-hovered", "figmaState": "checkedHovered"},
            {"state": "checked-pressed", "figmaState": "checkedPressed"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "normal", "figmaState": "normal"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "TextArea",
        "page": "Components",
        "component set": "TextAreaTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "focused", "figmaState": "focused"},
            {"state": "hovered", "figmaState": "hovered"}
        ]
    },
    {
        "name": "TextField",
        "page": "Components",
        "component set": "TextFieldTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "focused", "figmaState": "focused"},
            {"state": "hovered", "figmaState": "hovered"}
        ]
    },
    {
        "name": "ToolBar",
        "page": "Components",
        "component set": "ToolBarTemplate${Theme}",
        "contents": ["toolButton1", "toolButton2"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "toolButton1", "figmaPath": "ToolButton1", "export": "geometry"},
            {"atom": "toolButton2", "figmaPath": "ToolButton2", "export": "geometry"}
        ],
        "states": [
            {"state": "disabled", "figmaState": "disabledHeader"},
            {"state": "disabled-footer", "figmaState": "disabledFooter"},
            {"state": "normal", "figmaState": "normalHeader"},
            {"state": "normal-footer", "figmaState": "normalFooter"}
        ]
    },
    {
        "name": "ToolButton",
        "page": "Components",
        "component set": "ToolButtonTemplate${Theme}",
        "contents": ["icon", "label"],
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"},
            {"atom": "icon", "figmaPath": "Icon"}
        ],
        "states": [
            {"state": "checked", "figmaState": "checked"},
            {"state": "checked-disabled", "figmaState": "checkedDisabled"},
            {"state": "checked-hovered", "figmaState": "checkedHovered"},
            {"state": "checked-pressed", "figmaState": "checkedPressed"},
            {"state": "disabled", "figmaState": "disabled"},
            {"state": "hovered", "figmaState": "hovered"},
            {"state": "normal", "figmaState": "normal"},
            {"state": "pressed", "figmaState": "pressed"}
        ]
    },
    {
        "name": "ToolTip",
        "page": "Components",
        "component set": "ToolTipTemplate${Theme}",
        "atoms": [
            {"atom": "background", "figmaPath": "Background"},
            {"atom": "contentItem", "figmaPath": "Layout"},
            {"atom": "label", "figmaPath": "label"}
        ],
        "states": [
            {"state": "normal", "figmaState": "normal"}
        ]
    }
    ]
}