{
  "version": "1.0",
  "children": [
    {
      "type": "frame",
      "id": "es_root",
      "name": "Empty States — Design System",
      "width": 1100,
      "height": 600,
      "fill": "#F1F3F5",
      "padding": 48,
      "layout": "vertical",
      "gap": 48,
      "children": [
        {
          "type": "text",
          "id": "es_title",
          "content": "Empty States — MGC Design System",
          "fontFamily": "Roboto",
          "fontSize": 28,
          "fontWeight": 700,
          "fill": "#0f172a",
          "width": 500,
          "height": 48,
          "children": []
        },
        {
          "type": "text",
          "id": "es_subtitle",
          "content": "P0 · 3 варианта пустых состояний",
          "fontFamily": "Roboto",
          "fontSize": 14,
          "fontWeight": 400,
          "fill": "#6b7280",
          "width": 320,
          "height": 24,
          "children": []
        },
        {
          "type": "frame",
          "id": "es_row",
          "name": "EmptyStatesRow",
          "layout": "horizontal",
          "gap": 32,
          "alignItems": "flex-start",
          "children": [
            {
              "type": "frame",
              "id": "es_no_data",
              "name": "EmptyState_NoData",
              "width": 300,
              "height": 320,
              "fill": "#161b27",
              "cornerRadius": 16,
              "padding": 32,
              "layout": "vertical",
              "gap": 16,
              "alignItems": "center",
              "justifyContent": "center",
              "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"},
              "children": [
                {
                  "type": "frame",
                  "id": "es_no_data_icon_wrap",
                  "name": "IconWrapper",
                  "width": 80,
                  "height": 80,
                  "fill": "#1e2435",
                  "cornerRadius": 40,
                  "layout": "horizontal",
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {"type": "rectangle", "id": "es_nd_icon1", "width": 32, "height": 40, "fill": "#4b5563", "cornerRadius": 4, "children": []},
                    {"type": "rectangle", "id": "es_nd_icon2", "width": 8, "height": 8, "fill": "#7209B7", "cornerRadius": 4, "children": []}
                  ]
                },
                {"type": "text", "id": "es_nd_title", "content": "Ещё нет данных", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": 600, "fill": "#f4f4f5", "width": 236, "height": 28, "textAlign": "center", "children": []},
                {"type": "text", "id": "es_nd_desc", "content": "Здесь будут отображаться ваши данные. Создайте первый элемент, чтобы начать.", "fontFamily": "Roboto", "fontSize": 13, "fill": "#6b7280", "width": 236, "height": 60, "textAlign": "center", "children": []},
                {
                  "type": "frame",
                  "id": "es_nd_btn",
                  "name": "CreateButton",
                  "width": 160,
                  "height": 40,
                  "fill": "#7209B7",
                  "cornerRadius": 8,
                  "padding": [0, 20, 0, 20],
                  "layout": "horizontal",
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {"type": "text", "id": "es_nd_btn_txt", "content": "+ Создать", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": 600, "fill": "#f4f4f5", "width": 90, "height": 24, "textAlign": "center", "children": []}
                  ]
                },
                {"type": "text", "id": "es_nd_label", "content": "no-data", "fontFamily": "Roboto", "fontSize": 11, "fill": "#374151", "width": 236, "height": 16, "textAlign": "center", "children": []}
              ]
            },

            {
              "type": "frame",
              "id": "es_no_results",
              "name": "EmptyState_NoResults",
              "width": 300,
              "height": 320,
              "fill": "#161b27",
              "cornerRadius": 16,
              "padding": 32,
              "layout": "vertical",
              "gap": 16,
              "alignItems": "center",
              "justifyContent": "center",
              "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"},
              "children": [
                {
                  "type": "frame",
                  "id": "es_nr_icon_wrap",
                  "name": "SearchIconWrapper",
                  "width": 80,
                  "height": 80,
                  "fill": "#1e2435",
                  "cornerRadius": 40,
                  "layout": "horizontal",
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {"type": "ellipse", "id": "es_nr_glass", "width": 28, "height": 28, "fill": "rgba(0,0,0,0)", "stroke": {"align": "inside", "thickness": 3, "fill": "#4b5563"}, "children": []},
                    {"type": "rectangle", "id": "es_nr_handle", "width": 12, "height": 3, "fill": "#4b5563", "cornerRadius": 2, "children": []}
                  ]
                },
                {"type": "text", "id": "es_nr_title", "content": "Ничего не найдено", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": 600, "fill": "#f4f4f5", "width": 236, "height": 28, "textAlign": "center", "children": []},
                {"type": "text", "id": "es_nr_desc", "content": "По вашему запросу ничего не найдено. Попробуйте изменить фильтры или поисковый запрос.", "fontFamily": "Roboto", "fontSize": 13, "fill": "#6b7280", "width": 236, "height": 60, "textAlign": "center", "children": []},
                {
                  "type": "frame",
                  "id": "es_nr_btn",
                  "name": "ClearFiltersButton",
                  "width": 160,
                  "height": 40,
                  "fill": "#161b27",
                  "cornerRadius": 8,
                  "padding": [0, 20, 0, 20],
                  "layout": "horizontal",
                  "justifyContent": "center",
                  "alignItems": "center",
                  "stroke": {"align": "inside", "thickness": 1, "fill": "#7209B7"},
                  "children": [
                    {"type": "text", "id": "es_nr_btn_txt", "content": "Сбросить фильтры", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": 600, "fill": "#C77DFF", "width": 120, "height": 24, "textAlign": "center", "children": []}
                  ]
                },
                {"type": "text", "id": "es_nr_label", "content": "no-results", "fontFamily": "Roboto", "fontSize": 11, "fill": "#374151", "width": 236, "height": 16, "textAlign": "center", "children": []}
              ]
            },

            {
              "type": "frame",
              "id": "es_error",
              "name": "EmptyState_Error",
              "width": 300,
              "height": 320,
              "fill": "#161b27",
              "cornerRadius": 16,
              "padding": 32,
              "layout": "vertical",
              "gap": 16,
              "alignItems": "center",
              "justifyContent": "center",
              "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"},
              "children": [
                {
                  "type": "frame",
                  "id": "es_err_icon_wrap",
                  "name": "ErrorIconWrapper",
                  "width": 80,
                  "height": 80,
                  "fill": "#1f0a0a",
                  "cornerRadius": 40,
                  "layout": "horizontal",
                  "justifyContent": "center",
                  "alignItems": "center",
                  "children": [
                    {"type": "ellipse", "id": "es_err_circle", "width": 40, "height": 40, "fill": "rgba(0,0,0,0)", "stroke": {"align": "inside", "thickness": 3, "fill": "#ef4444"}, "children": []},
                    {"type": "text", "id": "es_err_x", "content": "!", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": 700, "fill": "#ef4444", "width": 12, "height": 28, "children": []}
                  ]
                },
                {"type": "text", "id": "es_err_title", "content": "Не удалось загрузить", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": 600, "fill": "#f4f4f5", "width": 236, "height": 28, "textAlign": "center", "children": []},
                {"type": "text", "id": "es_err_desc", "content": "Что-то пошло не так при загрузке данных. Пожалуйста, попробуйте ещё раз.", "fontFamily": "Roboto", "fontSize": 13, "fill": "#6b7280", "width": 236, "height": 60, "textAlign": "center", "children": []},
                {
                  "type": "frame",
                  "id": "es_err_btn",
                  "name": "RetryButton",
                  "width": 160,
                  "height": 40,
                  "fill": "#7f1d1d",
                  "cornerRadius": 8,
                  "padding": [0, 20, 0, 20],
                  "layout": "horizontal",
                  "justifyContent": "center",
                  "alignItems": "center",
                  "gap": 8,
                  "children": [
                    {"type": "text", "id": "es_err_btn_txt", "content": "↻ Повторить", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": 600, "fill": "#fca5a5", "width": 100, "height": 24, "textAlign": "center", "children": []}
                  ]
                },
                {"type": "text", "id": "es_err_label", "content": "error", "fontFamily": "Roboto", "fontSize": 11, "fill": "#374151", "width": 236, "height": 16, "textAlign": "center", "children": []}
              ]
            }
          ]
        }
      ]
    }
  ]
}